@extends('admin.layout.master')
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include('admin.layout.breadcrumb_view')
@stop
@section('page-content')
<div class="d-flex justify-content-between mb-3">
        @can('admin.cheques.add')
            @if(App\Helpers\Helpers::checkAccountLink(array(24,25)))
    <a href="{{ route('cheques.add') }}" class="btn btn-default btn-primary">
        <i class="fa fa-plus"></i> @Lang('admin.add')
    </a>
            @else
                {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
            @endif
        @endcan
</div>
<div class="row mb-3">
    <div class="form-group mb-3 col-md-2 col-sm-12">
        <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-group mb-3 col-md-2 col-sm-12">
        <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-group mb-3 col-md-2 col-sm-12">
        <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-group mb-3 col-md-2 col-sm-12">
        <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-group mb-3 col-md-2 col-sm-12">
        <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'>
            <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
        </div>
    </div>
    <div class="form-group mb-3 col-md-2 col-sm-12">
        <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'>
            <span class="input-group-text"><i class="mdi mdi-calendar"></i></span>
        </div>
    </div>
</div>
    @include('admin.layout.error')
<div class="table-responsive">
    <table id="cheques_table" class="table table-bordered table-hover">
        <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>@Lang('admin.actions')</th>
            </tr>
        </thead>
        <tbody></tbody>
    </table>
    <form id="frm-example" role="form" method="post" action="">
        <div class="row mb-3">
            <div class="form-group mb-3 col-md-2 col-sm-12">
                <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-group mb-3 col-md-2 col-sm-12">
                <button class="btn btn-default btn-primary">Submit</button>
            </div>
        </div>
    </form>
</div>
@stop
@section('modal')
    @include('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 src="{{ url('assets/plugins/select2/js/select2.full.min.js') }}"></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({
        "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"
            }
        ]
    });
            
    $('#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