@include('partials.header')

@include('partials.rightbar')

<div class="page">

    {{-- @dd(session('tokenCSRF')) --}}
    @include('partials.topbar')

    @include('partials.sidebar')

    @include('partials.loader')

    <style>
        .selected-row {
            background-color: #ff829b37 !important;
            /* background-color: #d1ecf1 !important; */
            /* bleu clair par exemple */
        }

        .selected-row>.dtfc-fixed-left {
            background-color: #ff829b37 !important;
            /* background-color: #d1ecf1 !important; */
            /* bleu clair par exemple */
        }

        /* Empêche la transparence sur les colonnes fixées */
        table.dataTable thead th.dtfc-fixed-left {
            background-color: #182c37 !important;
        }

        table.dataTable tbody td.dtfc-fixed-left {
            background-color: white !important;
        }

        /* Si tu utilises table-striped */
        /* table.dataTable.table-striped>tbody>tr:nth-of-type(odd)>* {
            background-color: #f9f9f9 !important;
        }

        table.dataTable.table-striped>tbody>tr:nth-of-type(even)>* {
            background-color: #ffffff !important;
        } */

        .dtfc-fixed-left {
            z-index: 2 !important;
        }

        .table-condensed thead th{
            color: black;
        }

        /* Fixer le fond sur les colonnes figées */
    </style>

    <div class="main-content app-content" style="margin-top : 45px;">

        <div class="toast-container position-fixed bottom-0 end-0 p-3">
            <div id="notification" class="toast colored-toast " role="alert" aria-live="assertive" aria-atomic="true">
                <div class="toast-header text-fixed-white" id="notif-header">
                    <img class="bd-placeholder-img rounded me-2"
                        src="{{ asset('assets/images/brand-logos/toggle-dark.png') }}" alt="...">
                    <strong class="me-auto" id="notif-title">Notification</strong>
                    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                </div>
                <div class="toast-body" id="notif-body">

                </div>
            </div>
        </div>

        @php
            $modeGPHARMA = ModeGpharma();
        @endphp

        <input type="text" value="{{ $modeGPHARMA }}" id="modeGPHARMA" hidden>
        <input type="text" value="{{ csrf_token() }}" id="token_csrf"hidden>


        <div class="container-fluid">
            @yield('content-body')
        </div>

    </div>

    @include('partials.primary_footer')
</div>


@include('partials.scrollTop')
@include('pages.dispoToutesVues.modal_parametre_achat')
@include('pages.dispoToutesVues.modal_liste_facture')
@include('pages.dispoToutesVues.modal_imprimEtique')
@include('pages/dispoToutesVues/modalListeTraitementEnCours')

@include('partials.footer')
<script>
    window.Echo = new Echo({
        broadcaster: 'pusher',
        key: 'ZkB3N5164VSsiKZhzPJjmOfy9AuZZHycqhCNpBQ998g',
        // wsHost :"192.168.1.160",
        wsHost: window.location.hostname,
        // wsPort: 6001,
        wsPort: '{{ env('PUSHER_PORT', 6001) }}',
        wssPort: '{{ env('PUSHER_PORT', 6001) }}',
        enabledTransports: ['ws', 'wss'],
        // forceTLS: false,
        forceTLS: false,
        disableStats: true,
        // encrypted: true,
        authEndpoint: '/broadcasting/auth',
        auth: {
            headers: {
                Authorization: "Bearer {{ session('tokenCSRF') }}"
            }
        }
    })

    window.Echo.private('ValidBLEvent.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
        .listen('ValidtaionDeBLEvent', (data) => {
            // _("btnCloseLoader").click()
            if (data) {
                Swal.fire({
                    position: 'center',
                    icon: data.status,
                    title: data.status,
                    text: data.messages,
                    showConfirmButton: true,
                    timer: 10000
                })
            }
        })

    window.Echo.private('MajStockInventaireComptage800.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
        .listen('MajStockInventaireComptage800Event', (data) => {
            // _("btnCloseLoader").click()
            if (data) {
                Swal.fire({
                    position: 'center',
                    icon: data.status,
                    title: data.status,
                    text: data.messages,
                    showConfirmButton: true,
                    timer: 10000
                })
            }
        })

    // window.Echo.private('RecupValeurPeser.IDPERSONNEL.' + "281474976711227")
    //     .listen('RecupValeurPeserEvent', (data) => {
    //         console.log(data)
    //         if (data) {
    //             Swal.fire({
    //                 position: 'center',
    //                 icon: "success",
    //                 title: "info",
    //                 text: data,
    //                 showConfirmButton: true,
    //                 timer: 10000
    //             })
    //         }
    //     })

    window.Echo.private('RecupValeurPeser.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
    .listen('RecupValeurPeserEvent', (data) => {
        console.log(data);

        // 1) Vérifier l'URL actuelle
      
        const isOnGoodPage = window.location.pathname == '/ventes/bon_a_lancer';

        // 2) Vérifier si une modal Bootstrap est ouverte
        // const isModalOpen = document.querySelector('.modal.show') !== null;
        const isModalOpen = document.getElementById('modalControlePoids')?.classList.contains('show');
           console.log(isModalOpen);


        // 3) Lancer Swal seulement si on est sur la bonne page ET aucune modal ouverte
        if (data && isOnGoodPage && isModalOpen) {
            // Swal.fire({
            //     position: 'center',
            //     icon: "success",
            //     title: "Info",
            //     text: data,
            //     showConfirmButton: true,
            //     timer: 10000
            // });

            $("#modalControlePoids #poidsPhysique").val(formatNumberPerf(data)).change()
        }
    });

    window.Echo.private('NotifieTEC.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
        .listen('NotifieTECEvent', (data) => {
            $("#idNbreTEC").html(data);
        })

    window.Echo.private('ActualiseNotifUserEvent.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
        .listen('ActualiseNotifUserEvent', (data) => {

            if (!data.actualiseDropdownNotif || (data.actualiseDropdownNotif && data.actualiseDropdownNotif !=
                    false)) {
                actualiseDropdownNotif()
            }

            if (data.notif && data.notif != []) {
                let notifi = data.notif
                notif(notifi.type, notifi.titre, notifi.msg)
            }

            if (data.swal && data.swal != []) {
                let swali = data.swal
                alertSwal(swali.msg, swali.type)

            }
        })

    window.Echo.private('FacturesAImprimer.IDPERSONNEL.' + "{{ session('IDPERSONNEL') }}")
        .listen('FacturesAImprimer', async (data) => {

            if (data.length <= 0) return 0

            progressHandler()

            printFacture(data)
            printEtiquetteZebra(data)
            await printEtiquetteColisFactureClient(data)

            completeHandler()
        })

    actualiseNotifAfterClose = false

    $('#notifDropdown').on('shown.bs.dropdown', function() {

        if (listeIDNotifVisibleAOuvertureNotif.length == 0) {

            return 0
        }

        $.ajax({

            url: '{{ route('marquerNotifLu') }}',
            type: 'POST',
            data: {
                listeIDNotifVisibleAOuvertureNotif: listeIDNotifVisibleAOuvertureNotif,
                _token: '{{ csrf_token() }}'
            },
            // beforeSend : progressHandler(),
            dataType: 'json',
            success: function(response) {

                if (response.success != 1) {

                    notif('danger', 'Erreur', response.msg)
                }

                actualiseNotifAfterClose = true
                // completeHandler()
            },
            error: function(error) {

                notifError('Échec de l\'opération.')
                reject()

                // completeHandler()
            }
        })

        // console.log("Notifications ouvertes !");
        // Ici tu peux lancer ton AJAX, marquer comme lu, etc.
    });

    $('#notifDropdown').on('hidden.bs.dropdown', function() {

        if (actualiseNotifAfterClose == true) {

            actualiseDropdownNotif()
        }
    });


</script>

<script>
    $(document).ready(function() {
        @if (session()->has('status'))
            Swal.fire({
                position: 'center',
                icon: "{{ session('status_icon') }}",
                title: "{{ session('status') }}",
                text: "{{ session('status_text') }}",
                showConfirmButton: true,
                timer: 10000
            })
        @endif
    });
</script>

<script>
    // Empecher click droit
    //     document.addEventListener('contextmenu', function(e) {
    //         e.preventDefault();
    //     });

    //     document.onkeydown = (e) => {
    //     if (e.key == 123) {
    //         e.preventDefault();
    //     }
    //     if (e.ctrlKey && e.shiftKey && e.key == 'I') {
    //         e.preventDefault();
    //     }
    //     if (e.ctrlKey && e.shiftKey && e.key == 'C') {
    //         e.preventDefault();
    //     }
    //     if (e.ctrlKey && e.shiftKey && e.key == 'J') {
    //         e.preventDefault();
    //     }
    //     if (e.ctrlKey && e.key == 'U') {
    //         e.preventDefault();
    //     }
    // };

    var ignoreGlobalSessionUpdate = false
    $(document).on("click", "input[type='text']", function() {
        if ($(this).hasClass("numberInput")) {
            return false
        }

        $(this).focus()
        $(this).select()
    })
    // Masque de saisie
    $('.maskMonetaire').mask('000 000 000 000 000', {
        reverse: true
    })

    $('.maskTaux').mask('000 000 000 000 000 000 %', {
        reverse: true
    })

    $('.maskContact').mask('+000 00 00 000 000')


    /** PARAMETRAGE DE NOTIFICATION **/
    $('#notification').on('hidden.bs.toast', function() {
        // console.log(types)
        _("notif-header").classList.remove("bg-" + typeNotification)
        // _("notification").classList.remove("bg-" + typeNotification + "-transparent")
        _("notification").classList.remove("text-" + typeNotification)
        $("#notif-title").text("")
        $("#notif-body").text("")
    })
    var typeNotification = ""

    FilePond.registerPlugin(
        FilePondPluginImagePreview,
        FilePondPluginImageExifOrientation,
        FilePondPluginFileValidateSize,
        FilePondPluginFileEncode,
        FilePondPluginImageEdit,
        FilePondPluginFileValidateType,
        FilePondPluginImageCrop,
        FilePondPluginImageResize,
        FilePondPluginImageTransform
    );
    // bottom-0 end-0
    function notif(type, title, message, position = "") {
        typeNotification = type

        _("notif-header").classList.add("bg-" + type)
        _("notification").classList.add("text-" + type)
        // _("notification").classList.add("bg-" + type + "-transparent")
        $("#notif-title").text(title)
        $("#notif-body").html(message)
        const toast = new bootstrap.Toast(_("notification"))
        toast.show()
    }

    function listeCommentaire(id, type) {

        $.ajax({
            url: "{{ route('listeCommentaires') }}",
            type: 'GET',
            data: {
                IDCONCERNE: id,
                type: type
            },
            dataType: 'json',
            success: function(response) {

                $("#tableCommentaire tbody").html("")
                if (response.length > 0) {
                    $.each(response, function(key, value) {
                        $("#tableCommentaire tbody").append(
                            `<tr>
                        <td><label class=" btn btn-sm btn-outline-danger btn-trash btn-icon" id="trashCommentaire" data_id="${value.IDCOMMENTAIRE_DOCUMENT}">
                    <i class='bx bxs-trash' style='font-size:14px'></i>
                </label></td>
                        <td>${value.NomPrenomPersonnel} <br> ${value.CreeLe}</td>
                        <td>${value.CommentaireDocument}</td>
                    </tr>`
                        )

                    })
                }
            },
            error: function(response) {
                console.log(response)
            }
        })
    }

    function faireImpressionEtiquette(data, route) {
        $.ajax({
            url: route,
            type: 'POST',
            data: data,
            beforeSend: progressHandler(),
            dataType: 'json',
            success: function(response) {
                // console.log(response)

                if (response.error == false) {

                    genererPDF(response.tablePDF)
                    $("#modalImprimeEtiquette").modal("hide")
                    completeHandler()
                    return false
                }
                completeHandler()
                notifWarning(response.messages)
            },
            error: function(response) {
                completeHandler()
                // console.log(response)
                notifError(response.responseJSON.messages)
            }
        })
    }

    $(document).on('select2:open', ".select2-hidden-accessible", function(evt) {

        // ❌ Ne rien faire si select multiple
        if ($(this).prop('multiple')) return;

        // setTimeout(function() {
        document.querySelector(
                '.select2-container--open input[aria-controls=select2-' + evt.target.id + '-results]')
            .focus();
        // }, 0);
    });

    $(document).on('click', '#btnCopyText', function() {

        let text = $(this).attr('data-text');
        let $temp = $("<input>");
        $("body").append($temp);
        $temp.val(text).select();
        document.execCommand("copy");
        $temp.remove();
        notif("success", "Copie", "Texte copié dans le presse-papier")
    })
</script>
@yield('script')

<script>
    $(document).on('click', 'tbody tr', function(evt) {

        let $table = $(this).closest('table'); // Récupère le <table> parent
        $table.find('tbody tr.selected-row').removeClass('selected-row'); // Supprime les sélections
        $table.find('tbody tr.selected-row').removeClass('selected-row'); // Supprime les sélections

        $(this).addClass('selected-row'); // Ajoute la sélection à la ligne cliquée
    });
    // Appliquer la classe à la ligne cliquée
</script>

<!-- Script ouverture modal produit -->
<script>
    $(document).on('dblclick', 'table.openModalProduit tbody tr', function(e) {

        e.preventDefault()
        let ligne = this; // ou $(this).closest('tr')[0]

        let IDDATATABLE = $(this).closest('table')[0].id

        // Récupérer l'instance de DataTable
        let table = $('#' + IDDATATABLE).DataTable();

        let IDPRODUIT = table.row(ligne).data().IDPRODUIT;
        ouvrirFicheProduit(IDPRODUIT)

    })

    $(document).on('dblclick', 'table.openModalProduit_ tbody tr', function(e) {

        e.preventDefault()
        let ligne = this; // ou $(this).closest('tr')[0]

        let IDDATATABLE = $(this).closest('table')[0].id

        // Récupérer l'instance de DataTable
        let table = $('#' + IDDATATABLE).DataTable();

        let IDPRODUIT = table.row(ligne).data()[0];

        ouvrirFicheProduit(IDPRODUIT)

    })
</script>

@if ($modeGPHARMA != 1)
    <script>
        _('divSelIDMonnaieTitle').style.display = ''
        _('divSelIDMonnaie').style.display = ''
        _('divSelIDMonnaieTaux').style.display = ''
    </script>
@endif

<!-- Script de modal de notification DJAN -->
<script>
    $(document).on('click', '#btnModalAllNotif', function() {

        listeTEC()
    })
</script>
</body>

</html>