@extends(config('admin_theme.layout', 'admin.modern.layout.master'))
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.breadcrumb_view')
@stop
@section('page-content')
    <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.manufacturing_equations.add')
                @if(App\Helpers\Helpers::checkAccountLink(array(24,25)))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('manufacturing_equations.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="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(config('admin_theme.view_prefix', 'admin.modern').'.layout.error')
    <div class="purchase__invoice__table">
        <div class="table__container">
            <div class="table__responsive">
        <table id="manufacturing_equations_table">
            <thead>
            <tr>
                <th>#</th>
                <th>@Lang('admin.address')</th>
                <th>@Lang('admin.store')</th>
                <th>@Lang('admin.items_id')</th>
                <th>@Lang('admin.units_id')</th>
                <th>@Lang('admin.qty')</th>
                <th>@Lang('admin.created_at')</th>
                <th>@Lang('admin.actions')</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
            </div>
        </div>
    </div>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.ajax')
@stop
@section('css')
@stop
@section('js')
    <script src="{{ url('assets/plugins/select2/js/select2.full.min.js') }}"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('.select2').select2();
            let oTable = $('#manufacturing_equations_table').DataTable({
                "processing": true,
                "serverSide": true,
                "responsive": true,
                pageLength: 50,
                "lengthChange": false,
                "autoWidth": false,
                "searching": false,
                "ajax": {
                    url: "{{ route('manufacturing_equations.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,
                }],
                "columns": [
                    {
                        data: 'id'
                    },
                    {
                        "data": "equation_title"
                    },{
                        "data": "store_name"
                    },
                    {
                        "data": "item_name"
                    },
                    {
                        "data": "unit_name"
                    },
                    {
                        "data": "qty"
                    },
                    {
                        "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('manufacturing_equations.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