@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.customers.add')
    @if(App\Helpers\Helpers::checkAccountLink(2))
    <a href="{{ route('customers.add') }}" class="btn btn-default btn-primary">
        <i class="fa fa-plus"></i> @Lang('admin.add')
    </a>
    @else
    {{ App\Helpers\Helpers::viewAccountLinkMsg() }}
    @endif

    @endcan
    <span id="outside">
        <button class="btn btn-secondary buttons-html5" id="excel-button" type="button"
                title="Excel"><span>Excel</span></button>
    </span>
</div>
@include('admin.layout.general.search_other')
<div class="table-rep-plugin">
    @include('admin.layout.error')
    <div class="table-responsive">
        <table id="data_table" class="table  table-striped">
            <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>@Lang('admin.actions')</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>
@stop
@section('modal')
@include('admin.layout.ajax')
@stop
@section('js')
<script type="text/javascript">
    var list_link = "{{ route('customers.list') }}";
    var columns = [
        {"data": "id"},
        {"data": "customer_name"},
        {"data": "phone_number"},
        {"data": "country"},
        {"data": "city"},
        {"data": "credit"},
        {"data": "credit_limit"},
        {"data": "created_at"},
        {"data": "actions"}
    ];
    $(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({
                        "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.layout.general.datatable_other')
@stop