@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.suppliers.add')
                @if(App\Helpers\Helpers::checkAccountLink(4))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('suppliers.add') }}">
                            <img src="{{ asset('assets/modern/images/add_w.svg') }}" alt="">
                            @Lang('admin.add')
                        </a>
                    </div>
                @else
                    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
                @endif
            @endcan
            <div class="dashboard__btn-outline">
                <button class="buttons-html5" id="excel-button" type="button" title="Excel">
                    <img src="{{ asset('assets/modern/images/export_excel.svg') }}" alt="">
                    Excel
                </button>
            </div>
        </div>
    </div>

    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.search_other')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.error')
    <div class="sales__invoice__table">
        <div class="table__container">
            <div class="row-hover-actions" id="row-hover-actions"></div>
            <table id="data_table">
                <thead>
                <tr>
                    <th>#</th>
                    <th>@Lang('admin.supplier_name')</th>
                    <th>@Lang('admin.suppliers_phone')</th>
                    <th>@Lang('admin.identity_number')</th>
                    <th>@Lang('admin.credit')</th>
                    <th>@Lang('admin.created_at')</th>
                    <th></th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('modal')
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.ajax')
@stop
@section('js')
    <script type="text/javascript">
        var list_link = "{{ route('suppliers.list') }}";
        var columns = [
            {"data": "id"},
            {"data": "supplier_name"},
            {"data": "phone_number"},
            {"data": "identity_number"},
            {"data": "credit"},
            {"data": "created_at"},
            {"data": "actions", orderable: false}
        ];

        $(document).ready(function () {
            $('#confirm').on('show.bs.modal', function (e) {
                $("#delete_id").val($(e.relatedTarget).data('href'));
            });

            $(document).on('click', ".delete", function () {
                $.ajax({
                    type: "POST",
                    url: "{{ route('suppliers.delete') }}",
                    data: {
                        id: $("#delete_id").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);
                        table.draw();
                    }
                });
            });

            var stable;
            var suppliers_id;

            $(document).on('click', ".suppliers", function (event) {
                event.preventDefault();
                $.ajax({
                    url: "{{ route('suppliers.showmodal') }}",
                    type: "post",
                    data: {
                        id: $(this).data('id'),
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (response) {
                        $('#modal-default .modal-body').html(response);
                        $('#modal-default').modal('show');
                    }
                });
            });

            $(document).on('click', ".account_stmt", function (event) {
                event.preventDefault();
                suppliers_id = $(this).data('id');
                $.ajax({
                    url: "{{ route('suppliers.account_stmt') }}",
                    type: "post",
                    data: {
                        id: suppliers_id,
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (response) {
                        $('#account_stmt .modal-body').html(response);
                        stable = $('#account_stmt table').DataTable({
                            dom: "<'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,
                            responsive: true,
                            lengthChange: false,
                            autoWidth: false,
                            order: [[1, 'asc']],
                            searching: false
                        });
                        $('#account_stmt').modal('show');
                        updatePrintLink();
                    }
                });
            });

            function updatePrintLink() {
                $(".btnPrint").printPage({
                    url: "{{ route('suppliers.account_stmt') }}?id=" + suppliers_id +
                        "&print=1&start=" + $('#start_date_3c').val() +
                        "&end=" + $('#end_date_4c').val(),
                    attr: "href",
                    message: "يتم تجهيز الملف للطباعة"
                });
            }

            $(document).on('changeDate', '#start_date_3, #end_date_4', function () {
                var minDate = new Date($('#start_date_3c').val());
                var maxDate = new Date($('#end_date_4c').val());
                var total = 0;
                var totald = 0;

                stable.rows().every(function () {
                    var rowDate = new Date(this.data()[1]);
                    var rowmadeen = parseFloat(this.data()[4]);
                    var rowdaen = parseFloat(this.data()[5]);
                    rowmadeen = isNaN(rowmadeen) ? 0 : rowmadeen;
                    rowdaen = isNaN(rowdaen) ? 0 : rowdaen;
                    if (rowDate < minDate || rowDate > maxDate) {
                        this.nodes().to$().hide();
                    } else {
                        this.nodes().to$().show();
                        total += rowmadeen;
                        totald += rowdaen;
                    }
                });

                total = total.toFixed({{ $system_settings->system_digit }});
                totald = totald.toFixed({{ $system_settings->system_digit }});
                var finalTotal = (total - totald).toFixed({{ $system_settings->system_digit }});
                $('#account_stmt tfoot td:nth-child(5)').text(total);
                $('#account_stmt tfoot td:nth-child(6)').text(totald);
                $('#account_stmt tfoot td:nth-child(7)').text(finalTotal);
                updatePrintLink();
            });

            $(document).on('click', ".subaccount", function (event) {
                event.preventDefault();
                $.ajax({
                    url: "{{ route('suppliers.subaccount') }}",
                    type: "post",
                    data: {
                        id: $(this).data('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);
                        if (data.status !== 'error') {
                            table.draw();
                        }
                    }
                });
            });
        });
    </script>
    @include(config('admin_theme.view_prefix', 'admin.modern').'.layout.general.datatable_other')
@stop