@extends('admin.'.config('app.admin_template').'.layout.master')
@section('title')
    {{ $current_route->{'name_' . trans('admin.lang')} }}
@stop
@section('page-breadcrumb')
    @include('admin.'.config('app.admin_template').'.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.customers.add')
                @if(App\Helpers\Helpers::checkAccountLink(2))
                    <div class="dashboard__btn-fill">
                        <a href="{{ route('customers.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=""/>
                    Export as Excel
                </button>
            </div>
        </div>
    </div>
    @include('admin.'.config('app.admin_template').'.layout.general.search_other')
    @include('admin.'.config('app.admin_template').'.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.customer_name')</th>
                    <th>@Lang('admin.phone_number')</th>
                    <th>@Lang('admin.country')</th>
                    <th>@Lang('admin.city')</th>
                    <th>@Lang('admin.credit')</th>
                    <th>@Lang('admin.credit_limit')</th>
                    <th>@Lang('admin.created_at')</th>
                    <th></th>
                </tr>
                </thead>
                <tbody></tbody>
            </table>
        </div>
    </div>
@stop
@section('modal')
    @include('admin.'.config('app.admin_template').'.layout.ajax')
@stop
@section('js')
    <script type="text/javascript">
        var list_link = "{{ route('customers.list') }}";
        var columns = [
            {"data": "id"},
            {"data": "customer_name", "name": "customer_name_{{ app()->getLocale() }}"},
            {"data": "phone_number"},
            {"data": "country", "orderable": false},
            {"data": "city", "name": "city_{{ app()->getLocale() }}"},
            {"data": "credit", "orderable": false},
            {"data": "credit_limit"},
            {"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 () {
                var id = $("#delete_id").val();
                $.ajax({
                    type: "POST",
                    url: "{{ route('customers.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);
                        table.draw();
                    }
                });
            });
            var stable;
            var customers_id;
            $(document).on('click', ".customers", function () {
                customers_id = $(this).data('id');
                // AJAX request
                $.ajax({
                    url: 'customers/viewMoreData',
                    type: 'post',
                    data: {id: customers_id, '_token': $('meta[name="csrf-token"]').attr('content')},
                    beforeSend: function () {
                        $(".ezdan_loading").show();
                    },
                    complete: function () {
                        $(".ezdan_loading").hide();
                    },
                    success: function (response) {
                        // Add response in Modal body
                        $('#modal-default .modal-body').html(response);
                        // Display Modal
                        $('#modal-default').modal('show');
                    }
                });
            });

            $(document).on('click', ".account_stmt", function () {
                customers_id = $(this).data('id');
                // AJAX request
                $.ajax({
                    url: 'customers/viewStmt',
                    type: 'post',
                    data: {id: customers_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":
                                "<'row mb-2'<'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,
                            "responsive": true,
                            "lengthChange": false,
                            "autoWidth": false,
                            "order": [[1, 'asc']],
                            "searching": false
                        });

                        $('#account_stmt').modal('show');
                        printme();

                    }
                });
            });

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

            $(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;

                // Filter the DataTable for rows within the selected date range
                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; // Assuming the column you want to sum is the second column
                        totald += rowdaen; // Assuming the column you want to sum is the second column
                    }
                });
                total = total.toFixed();
                totald = totald.toFixed();
                totalf = (total - totald).toFixed();
                // Update the footer with the total
                $('#account_stmt tfoot td:nth-child(5)').text(total); // Adjust the nth-child index based on your column index
                $('#account_stmt tfoot td:nth-child(6)').text(totald); // Adjust the nth-child index based on your column index
                $('#account_stmt tfoot td:nth-child(7)').text(totalf); // Adjust the nth-child index based on your column index

                printme();
            });


            $(document).on('click', ".subaccount", function () {
                var customers_id = $(this).data('id');
                $.ajax({
                    url: 'customers/createsubaccount',
                    type: 'post',
                    data: {id: customers_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('admin.'.config('app.admin_template').'.layout.general.datatable_other')
@stop