@php use Carbon\Carbon; @endphp
<x-main>
    <x-slot name="title">Avoirs sur BL</x-slot>
    <x-slot name="cssSlot">
        <link href="{{asset("plugins/custom/datatables/datatables.bundle.css")}}" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" href="{{asset("plugins/select2/css/select2.min.css")}}">
        <link rel="stylesheet" href="{{asset("plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css")}}">
        <style>

            @php
                $colour = \App\Models\Configuration::query()->where('label', 'color')->first()->value;
                $textColour = \App\Models\Configuration::query()->where('label', 'colortext')->first()->value;
            @endphp

            table.dataTable tbody td {
                padding-bottom: 1px !important;
                padding-top: 1px !important;

            }
            table.dataTable thead tr th{
                background-color: {{$colour}};
                color: {{$textColour}} !important;
            }
            table.dataTable tfoot tr th{
                background-color: {{$colour}};
                color: {{$textColour}} !important;
            }

        </style>
    </x-slot>

    <x-slot name="subHeaderTitle">Avoirs sur BL</x-slot>
    <x-slot name="bodyContent">

        <div class="card card-custom">
            <div class="card-header">
                <div class="card-title">
                    <span class="card-icon"><i class="flaticon-notepad text-primary"></i></span>
                    <h3 class="card-label">Liste des Avoirs sur BL</h3>
                </div>
            </div>
            <div class="card-body">
                <form class="mb-15" action="{{route("creditNotes.index")}}" METHOD="GET">
                    @php
                        $defaultDate = Carbon::now()->subMonths(3)->format('Y-m-d'); // Default: 3 months ago

    $paraModule = json_decode(\App\Models\Configuration::query()->where('label', 'Configuration modules')->first()->value)->para;
                    @endphp

                    @if ($paraModule)
                        @php
                            $clientAccess = auth()->user()->client->all_products;
                        @endphp

                        @if ($clientAccess)
                            <div class="row align-items-center g-3">
                                <!-- Type des bons de livraisons -->
                                <div class="col-lg-4 col-md-6 col-sm-12">
                                    <label for="bills" style="font-weight: bold">Type des Avoirs/BL</label>
                                    <select class="form-control" id="exampleFormControlSelect1">
                                        <option value="1">Avoir/BL Médicaments</option>
                                        <option value="2">Avoir/BL Para</option>
                                    </select>
                                </div>

                                <!-- Input: Date -->
                                <div class="col-lg-4 col-md-6 col-sm-12">
                                    <label for="date" style="font-weight: bold">À partir de la date suivante: :</label>
                                    <input type="date" name="date" id="date_du" value="{{$defaultDate}}" class="form-control border-primary rounded">
                                </div>

                                <!-- Button: Charge -->
                                <div class="col-lg-4 col-md-12 col-sm-12 text-md-start text-center mt-md-0 mt-3">
                                    <br>
                                    <button type="button" class="btn bg-dynamic w-100 w-lg-auto">
                                        <i class="fas fa-download text-white"></i> <span class="text-white" >charger</span>
                                    </button>
                                </div>
                            </div>
                        @endif
                    @endif
{{--                    @php--}}
{{--                        $paraModule = json_decode(\App\Models\Configuration::query()->where("label", "Configuration modules")->first()->value)->para;--}}
{{--                    @endphp--}}

{{--                    @if ($paraModule)--}}
{{--                        @php--}}
{{--                            $clientAccess = auth()->user()->client->all_products;--}}
{{--                        @endphp--}}

{{--                        @if ($clientAccess)--}}
{{--                            <div class="form-group col-4">--}}
{{--                                <label for="bills" style="font-weight: bold">Type des Avoirs/BL</label>--}}
{{--                                <select class="form-control" id="exampleFormControlSelect1">--}}
{{--                                    <option value="1">Avoir/BL Médicaments</option>--}}
{{--                                    <option value="2">Avoir/BL Para</option>--}}
{{--                                </select>--}}
{{--                            </div>--}}
{{--                        @endif--}}
{{--                    @endif--}}

                    <table class="table align-middle" id="kt_datatable" style="margin-top: 13px !important;width: 100%">
                        <thead>
                        <tr class="fw-bolder text-muted bg-light">
                            <th>N° Facture</th>
                            <th class="text-center">N°Bon</th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Total Brut</th>
                            <th class="text-center">Total Remise</th>
                            <th class="text-center">Total HT</th>
                            <th class="text-center">Total TVA</th>
                            <th class="text-center">Total TTC</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </thead>
                        <tbody></tbody>
                        <tfoot>
                        <tr class="fw-bolder text-muted bg-light">
                            <th>N° Facture</th>
                            <th class="text-center">N°Bon</th>
                            <th class="text-center">Date</th>
                            <th class="text-center">Total Brut</th>
                            <th class="text-center">Total Remise</th>
                            <th class="text-center">Total HT</th>
                            <th class="text-center">Total TVA</th>
                            <th class="text-center">Total TTC</th>
                            <th class="text-center">Action</th>
                        </tr>
                        </tfoot>
                    </table>
                </form>
            </div>
        </div>
    </x-slot>

    <x-slot name="jsSlot">
        <script src="{{asset("plugins/custom/datatables/datatables.bundle.js")}}"></script>
        <script src="{{asset("plugins/jquery-validation/jquery.validate.min.js")}}"></script>
        <script src="{{asset("plugins/jquery-validation/additional-methods.min.js")}}"></script>
        <script src="{{asset("plugins/jquery-validation/localization/messages_fr.min.js")}}"></script>

        <script>
            $(document).ready(function () {
                @php
                    $configuration = \App\Models\Configuration::query()->where("label", "Configuration modules")->first();
                    $configValues = json_decode($configuration->value);
                    $paraModule = $configValues ? $configValues->para : false;
                    $clientAccess = auth()->user()->client->all_products ?? false;
                    if ($paraModule == '') $paraModule = false;
                @endphp

                var defaultType = !{{ $paraModule ? 'true' : 'false' }} ? 1 : ({{ $clientAccess ? 'true' : 'false' }} ? 1 : 2);
                var type = $('#exampleFormControlSelect1').val();

                var table = $('#kt_datatable').DataTable({
                    language: {
                        url: "https://cdn.datatables.net/plug-ins/1.10.22/i18n/French.json"
                    },
                    processing: true,
                    serverSide: true,
                    ordering: true,
                    order: [[1, 'desc']], // Default sort by date descending
                    ajax: {
                        url: "{{ route('creditNotes.index') }}",
                        type: "GET",
                        data: function (d) {
                            d.type = defaultType;
                            d.dataType = type;
                            d.date = $('#date_du').val(); // Pass the selected date to the server
                        }
                    },
                    columns: [
                        {
                            data: 'NFACT',
                            name: 'NFACT',
                            orderable: true
                        },
                        {
                            data: 'NUMBON',
                            name: 'NUMBON'
                        },
                        {
                            data: 'DATEMVT',
                            name: 'DATEMVT',
                            className: 'text-center'
                        },
                        {
                            data: 'BRUT_HT',
                            name: 'BRUT_HT',
                            className: 'text-right'
                        },
                        {
                            data: 'REMISE',
                            name: 'REMISE',
                            className: 'text-right',
                            render: function (data, type, row) {
                                if (type === 'display') {
                                    return (row.REMISE == '0,000') ? '' : row.REMISE;
                                }
                                return data;
                            }
                        },
                        {
                            data: 'NET_HT',
                            name: 'NET_HT',
                            className: 'text-right'
                        },
                        {
                            data: 'TOT_TVA',
                            name: 'TOT_TVA',
                            className: 'text-right',
                            render: function (data, type, row) {
                                if (type === 'display') {
                                    return (row.TOT_TVA == '0,000') ? '' : row.TOT_TVA;
                                }
                                return data;
                            }
                        },
                        {
                            data: 'TOT_TTC',
                            name: 'TOT_TTC',
                            className: 'text-right'
                        },
                        {
                            data: 'action',
                            name: 'action',
                            orderable: false,
                            searchable: false,
                            className: 'text-center'
                        }
                    ]
                });
                $(document).on('click', '.btn-primary', function () {
                    const dateValue = document.getElementById('date_du').value;
                    if(dateValue === ''){
                        Swal.fire({
                            text: "Vous devez choisir une date pour récupérer les informations à partir de cette date. Sinon, les informations affichées par défaut correspondent aux 3 derniers mois.",
                            icon: "error",
                            buttonsStyling: false,
                            confirmButtonText: "ok",
                            customClass: {
                                confirmButton: "btn font-weight-bold btn-light"
                            }
                        }).then(function () {
                            KTUtil.scrollTop();
                        });

                    }else{
                        table.ajax.reload();

                    }
                });

                $('#exampleFormControlSelect1').on('change', function () {
                    var selectedType = $(this).val();
                    defaultType = selectedType;
                    table.ajax.reload();
                });
            });
        </script>
    </x-slot>
</x-main>