@extends(config('admin_theme.layout', 'admin.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <!-- Dashboard Section Overview -->
    <div class="dashboard__section__overview d-md-flex justify-content-between pt-4">
        <div class="dashboard__section-tile">
            <h3>{{ $current_route->{'name_' . trans('admin.lang')} }}</h3>
        </div>
        <div class="dashboard__section-buttons d-flex align-items-center gap-3 pt-4 pt-md-0">
            @can('admin.cheques.add')
                @if(App\Helpers\Helpers::checkAccountLink(array(24,25)))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('cheques.add') }}">
                            <img src="{{ asset('assets/modern/images/add_w.svg') }}" alt=""/>
                            @Lang('admin.add')
                        </a>
                    </div>
                @else
                    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
                @endif
            @endcan
        </div>
    </div>
    <div class="sales__invoice">
        <div class="sales__invoice__form__container">
            <div class="sales__invoice__form d-flex flex-wrap flex-xxl-nowrap column-gap-3">
                <div class="form__select__field">
                    <label for="from_account">@Lang('admin.withdrawn-from')</label>
                    <select class="form-control select2" id="from_account">
                        <option value="">@Lang('admin.select')</option>
                        @foreach ($accounts as $titem)
                            @if (sizeof($titem->sub_types) == 0)
                                <option value="{{ $titem->id }}">
                                    {{ $titem->{'account_name_' . __('admin.lang')} . '-' . $titem->account_code }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="form__select__field">
                    <label for="to_account">@Lang('admin.withdrawn-for')</label>
                    <select class="form-control select2" id="to_account">
                        <option value="">@Lang('admin.select')</option>
                        @foreach ($accounts as $titem)
                            @if (sizeof($titem->sub_types) == 0)
                                <option value="{{ $titem->id }}">
                                    {{ $titem->{'account_name_' . __('admin.lang')} . '-' . $titem->account_code }}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="form__select__field">
                    <label for="ch_status">@Lang('admin.check-status')</label>
                    <select class="form-control select2" id="ch_status">
                        <option value="">@Lang('admin.select')</option>
                        @foreach ($ch_status as $key => $status)
                            <option value="{{ $key }}">{{ $status }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form__input__field">
                    <label for="cheque_number">@Lang('admin.check-no')</label>
                    <input type="text" autocomplete="off" class="form-control" value="" id='cheque_number'>
                </div>
                <div class="form__input__field">
                    <label for="start_inv_no">@Lang('admin.due-from')</label>
                    <div class="input-group" id="datepicker1">
                        <input type="text" autocomplete="off" class="form-control" value="" id='start_inv_no'
                               name="start_date" data-date-format="yyyy-mm-dd" data-provide="datepicker"
                               data-date-container='#datepicker1'>
                    </div>
                </div>
                <div class="form__input__field">
                    <label for="end_inv_no">@Lang('admin.due-to')</label>
                    <div class="input-group" id="datepicker1">
                        <input type="text" autocomplete="off" class="form-control" value="" id='end_inv_no'
                               name="start_date" data-date-format="yyyy-mm-dd" data-provide="datepicker"
                               data-date-container='#datepicker1'>
                    </div>
                </div>
            </div>
        </div>

        @include(config('admin_theme.view_prefix', 'admin').'.layout.error')
        <div class="sales__invoice__table">
            <div class="table__container">
                <div class="row-hover-actions" id="row-hover-actions"></div>
                <table id="cheques_table">
                    <thead>
                    <tr>
                        <th></th>
                        <th>#</th>
                        <th>@Lang('admin.from-account')</th>
                        <th>@Lang('admin.to-account')</th>
                        <th>@Lang('admin.check-amount')</th>
                        <th>@Lang('admin.due-date')</th>
                        <th>@Lang('admin.check-status')</th>
                        <th>@Lang('admin.check-no')</th>
                        <th>@Lang('admin.invoice_no')</th>
                        <th>@Lang('admin.created_at')</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    <form id="frm-example" role="form" method="post" action="">
        <div class="cheque__status">
            <div class="d-flex align-items-end gap-4 pt-4">
                <div class="form__select__field m-0">
                    <label for="ch_status">@Lang('admin.check-status')</label>
                    <select class="form-control select2" id="ch_status_save" name="status">
                        <option value="">@Lang('admin.select')</option>
                        @foreach ($ch_status as $key => $status)
                            <option value="{{ $key }}">{{ $status }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form__submit__btn">
                    <input type="submit" value="Submit"/>
                </div>
            </div>
        </div>
    </form>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin').'.layout.ajax')
@stop
@section('css')
@stop
@section('js')
    <script src="{{ url('assets/plugins/jquery-datatables-checkboxes/js/dataTables.checkboxes.min.js') }}"
            type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#frm-example').on('submit', function (e) {
                e.preventDefault();
                var form = this;
                var rows_selected = oTable.column(0).checkboxes.selected();
                $.ajax({
                    type: "POST",
                    url: "{{ route('cheques.postCheques') }}",
                    data: {
                        'id': rows_selected.join(","),
                        'status': $('#ch_status_save').val(),
                        '_token': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (data) {
                        toastr[data.status](data.message);
                        oTable.draw();
                    }
                });
            });
            $('.select2').select2();
            var oTable = $('#cheques_table').DataTable({
                "dom":
                    "<'row mb-0'<'col-sm-6'f><'col-sm-6 text-end'B>>" +
                    "<'table__responsive't>" +
                    "<'pagination__strech d-flex flex-column flex-md-row justify-content-between align-items-center'<'page__numbers'i><'d-flex mt-3 mt-md-0'p>>",
                "processing": true,
                "serverSide": true,
                "responsive": true,
                pageLength: 50,
                "lengthChange": false,
                "autoWidth": false,
                "searching": false,
                "ajax": {
                    url: "{{ route('cheques.list') }}",
                    data: function (d) {
                        d.from_account = $('#from_account').val();
                        d.to_account = $('#to_account').val();
                        d.status = $('#ch_status').val();
                        d.cheque_number = $('#cheque_number').val();
                        d.start_inv_no = $('#start_inv_no').val();
                        d.end_inv_no = $('#end_inv_no').val();
                    }
                },

                'columnDefs': [{
                    orderable: false,
                    targets: 0,
                    checkboxes: true,
                    render: function (data, type, row) {
                        return '<input type="checkbox" class="dt-checkboxes" value="' + row.id + '" >';
                    }
                }],
                select: {
                    style: 'multi',
                    selector: 'td:first-child'
                },
                "columns": [
                    {
                        data: 'id'
                    },
                    {
                        data: "id"
                    },
                    {
                        "data": "from_account"
                    },
                    {
                        "data": "to_account"
                    },
                    {
                        "data": "amount"
                    },
                    {
                        "data": "due_date"
                    },
                    {
                        "data": "status"
                    },
                    {
                        "data": "cheque_number"
                    },
                    {
                        "data": "invoice_number"
                    },
                    {
                        "data": "created_at"
                    },
                    {
                         data: 'actions', orderable: false
                    }
                ]
            });

            $('#from_account, #to_account,#ch_status,#cheque_number,#end_inv_no,#start_inv_no ')
                .on('change keyup', function (e) {
                    oTable.draw();
                });
            $('#confirm').on('show.bs.modal', function (e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });
            $(document).on('click', ".delete", function () {
                var id = $("#delete_id").val();
                $.ajax({
                    type: "POST",
                    url: "{{ route('cheques.delete') }}",
                    data: {
                        'id': id,
                        '_token': $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (data) {
                        toastr[data.status](data.message);
                        oTable.draw();
                    }
                });
            });
        });
    </script>
@stop