@include('pages.header')
<style>
    /* ===== PALETTE DISPHARMA ===== */
    :root {
        --dispharma-blue: #1B3A5C;
        --dispharma-blue-dark: #0F2540;
        --dispharma-blue-light: #2A5483;
        --dispharma-orange: #E89B2C;
        --dispharma-orange-light: #F4B458;
        --dispharma-grey: #f4f6fa;
    }

    /* ===== CARTE D'ACCUEIL (Bienvenue) ===== */
    .welcome-card-disph {
        background: linear-gradient(135deg, var(--dispharma-blue) 0%, var(--dispharma-blue-dark) 100%);
        border-radius: 14px !important;
        overflow: hidden;
        position: relative;
        border: none !important;
        box-shadow: 0 6px 18px rgba(27, 58, 92, 0.18);
    }

    .welcome-card-disph::before {
        content: '';
        position: absolute;
        top: -60px;
        right: -60px;
        width: 200px;
        height: 200px;
        background: radial-gradient(circle, rgba(232, 155, 44, 0.25) 0%, transparent 70%);
        border-radius: 50%;
    }

    .welcome-card-disph::after {
        content: '';
        position: absolute;
        bottom: -80px;
        left: -40px;
        width: 220px;
        height: 220px;
        background: radial-gradient(circle, rgba(42, 84, 131, 0.4) 0%, transparent 70%);
        border-radius: 50%;
    }

    .welcome-card-disph .card-body {
        position: relative;
        z-index: 2;
    }

    .welcome-card-disph h4 {
        color: #fff !important;
        font-weight: 700 !important;
        font-size: 1.3rem !important;
    }

    .welcome-card-disph h4 .accent {
        color: var(--dispharma-orange);
    }

    .welcome-card-disph p,
    .welcome-card-disph span {
        color: rgba(255, 255, 255, 0.88) !important;
        line-height: 1.6;
    }

    .welcome-card-disph .text-fixed-white {
        color: rgba(255, 255, 255, 0.88) !important;
    }

    /* ===== CARTES CONTENU DASHBOARD ===== */
    .disph-card {
        border-radius: 14px !important;
        border: 1px solid #e5eaf2 !important;
        box-shadow: 0 4px 12px rgba(27, 58, 92, 0.05);
        overflow: hidden;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .disph-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 8px 18px rgba(27, 58, 92, 0.12);
    }

    .disph-card-header {
        padding: 14px 18px;
        font-weight: 600;
        font-size: 0.95rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: none;
    }

    .disph-card-header .header-title {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .disph-card-header .header-icon {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: rgba(255, 255, 255, 0.2);
        color: #fff;
        font-size: 16px;
    }

    /* Variantes de couleurs des en-têtes */
    .disph-header-blue {
        background: linear-gradient(135deg, var(--dispharma-blue) 0%, var(--dispharma-blue-light) 100%);
        color: #fff;
    }

    .disph-header-orange {
        background: linear-gradient(135deg, var(--dispharma-orange) 0%, #D88A1E 100%);
        color: #fff;
    }

    .disph-header-teal {
        background: linear-gradient(135deg, #0E7C7B 0%, #14a098 100%);
        color: #fff;
    }

    .disph-header-grey {
        background: linear-gradient(135deg, #4A5568 0%, #2D3748 100%);
        color: #fff;
    }

    .disph-header-purple {
        background: linear-gradient(135deg, #5A4FCF 0%, #7B72D4 100%);
        color: #fff;
    }

    .disph-card-header .plus-icon {
        color: #fff !important;
        font-size: 20px !important;
        cursor: pointer;
        transition: transform 0.2s ease;
    }

    .disph-card-header .plus-icon:hover {
        transform: scale(1.15);
    }

    /* Items de liste dans les cartes ET dans les modales */
    .disph-list-item {
        background: #fff;
        border: 1px solid #eef1f6 !important;
        border-radius: 10px !important;
        margin-bottom: 8px !important;
        padding: 10px 12px !important;
        transition: all 0.2s ease;
        box-shadow: 0 2px 4px rgba(27, 58, 92, 0.03);
    }

    .disph-list-item:hover {
        background: var(--dispharma-grey);
        border-color: var(--dispharma-orange) !important;
        transform: translateX(3px);
    }

    .disph-list-item .accent-bar {
        width: 5px;
        border-radius: 3px;
        flex-shrink: 0;
    }

    .disph-list-item .product-name {
        color: var(--dispharma-blue);
        font-weight: 600;
        font-size: 0.88rem;
    }

    .disph-list-item .CipGroup {
        color: #6b7c93 !important;
        font-size: 11.5px !important;
        margin-top: 2px;
    }

    .disph-list-item .date-tag {
        color: var(--dispharma-blue);
        font-weight: 500;
        font-size: 0.78rem;
        white-space: nowrap;
    }

    /* ===== MODAL "VOIR PLUS" : design en cards (cohérent avec les cartes) ===== */
    .modal-content {
        border-radius: 12px !important;
        border: none !important;
    }

    .disph-modal-search {
        position: relative;
        margin-bottom: 16px;
    }

    .disph-modal-search input {
        width: 100%;
        padding: 11px 14px 11px 42px;
        border: 1.5px solid #e1e6ef;
        border-radius: 10px;
        background: #f8fafc;
        font-size: 0.92rem;
        color: var(--dispharma-blue);
        outline: none;
        transition: all 0.25s ease;
    }

    .disph-modal-search input:focus {
        border-color: var(--dispharma-orange);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(232, 155, 44, 0.12);
    }

    .disph-modal-search i {
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        color: #9aa5b8;
        font-size: 18px;
    }

    .disph-modal-list {
        max-height: 480px;
        overflow-y: auto;
        padding: 4px 4px 4px 0;
    }

    .disph-modal-list::-webkit-scrollbar {
        width: 6px;
    }

    .disph-modal-list::-webkit-scrollbar-thumb {
        background: #cbd5e0;
        border-radius: 3px;
    }

    .disph-modal-list::-webkit-scrollbar-thumb:hover {
        background: var(--dispharma-orange);
    }

    .disph-modal-empty {
        text-align: center;
        padding: 30px 20px;
        color: #9aa5b8;
        font-size: 0.9rem;
    }

    .disph-modal-loading {
        text-align: center;
        padding: 25px;
        color: var(--dispharma-blue);
        font-size: 0.92rem;
    }

    .disph-modal-loading i {
        font-size: 26px;
        color: var(--dispharma-orange);
    }

    /* Boutons custom Bootstrap */
    .btn-danger:not(:disabled):not(.disabled):active {
        color: #fff;
        background-color: var(--dispharma-orange) !important;
        border-color: var(--dispharma-orange) !important;
    }

    .btn-danger:focus {
        -webkit-box-shadow: 0 0 0 0.15rem rgba(232, 155, 44, 0.4) !important;
        box-shadow: 0 0 0 0.15rem rgba(232, 155, 44, 0.4) !important;
    }

    /* Cartes statistiques (graphes) */
    .card-shadowGraphe {
        border-radius: 14px !important;
        border: 1px solid #e5eaf2 !important;
        box-shadow: 0 4px 12px rgba(27, 58, 92, 0.05) !important;
    }

    .card-shadowGraphe .card-body {
        color: var(--dispharma-blue);
        font-weight: 600;
    }

    /* Image vide */
    .img_empty {
        max-width: 130px;
        display: block;
        margin: 20px auto 8px;
        opacity: 0.85;
    }
</style>

@php
    /* Palettes de couleurs des accent-bar (gauche de chaque ligne produit) */
    $tableColor  = ['#1B3A5C', '#2A5483', '#3A6BA1', '#4A82BD', '#5A99D9'];   // bleus DISPHARMA (réappro)
    $tableColor2 = ['#E89B2C', '#EBA847', '#EEB562', '#F1C27D', '#F4CF98'];   // oranges DISPHARMA (livrables 72H)
    $tableColor3 = ['#5A4FCF', '#6E62D1', '#8276D4', '#968AD7', '#AA9EDA'];   // violets (campagnes UG)
    $tableColor4 = ['#0E7C7B', '#1F8E8C', '#30A09D', '#41B2AE', '#52C4BF'];   // teal (nouveaux produits)
    $tableColor5 = ['#4A5568', '#5A6578', '#6A7588', '#7A8598', '#8A95A8'];   // gris (suivi commandes)
@endphp

<body data-layout="horizontal">

    <!-- Begin page -->
    <div id="wrapper">

        @include('pages.topnav')

        <div class="content-page">
            <div id="body_content" class="content mt-5">
                <div id="GeneralRows">
                    <div class="row">

                        <!-- ===== CARTE 1 : MESSAGE DE BIENVENUE ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex flex-column">
                            <div class="card welcome-card-disph custom-card offer-card flex-fill">
                                <div class="card-body p-4">
                                    <div class="d-flex align-items-end gap-2">
                                        <div class="offer-card-details">
                                            <div class="offer-item">
                                                <img src="{{ asset('assets/images/Doctor-pana.png') }}"
                                                    alt="Product Image" class="img-fluid offer-item-img"
                                                    style="max-width:120px; margin-bottom:10px;">
                                                <div class="product-info">
                                                    <h4 class="mb-2 fw-medium">AKWABA sur <span class="accent">DISPHARMA</span> !</h4>
                                                    <span class="mb-1 fw-semibold fs-12">
                                                        Toute l'équipe de <b>DISPHARMA CI</b> vous remercie pour votre fidélité depuis le début de notre activité en juin <b>1996</b>.
                                                        À ce jour, vous êtes plus de 500 pharmacies fidèles clients sur l'ensemble du territoire à nous faire confiance au quotidien.
                                                    </span>
                                                </div>
                                                <p>
                                                    <span class="text-fixed-white">
                                                        Bonne navigation pour vos commandes sur <b>www.dispharma-ci.com</b>.<br>
                                                        Très confraternellement.
                                                    </span>
                                                </p>
                                                <p>
                                                    <span class="text-fixed-white ps-2"><b>La Direction</b></span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- ===== CARTE 2 : RÉAPPROVISIONNEMENTS ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex flex-column">
                            <div class="card disph-card flex-fill animate__animated animate__fadeIn animate__delay-0.5s">

                                <div class="disph-card-header disph-header-blue">
                                    <div class="header-title">
                                        <span class="header-icon"><i class="mdi mdi-package-variant"></i></span>
                                        Nos réapprovisionnements
                                    </div>
                                    @if (count($produitReappro) > 0)
                                        <i class="fa fa-plus-circle plus-icon produitReappro" title="Voir plus"></i>
                                    @else
                                        <span style="font-size:13px; opacity:0.7;">Date entrée</span>
                                    @endif
                                </div>

                                <div class="pt-3 px-2 pb-2">
                                    <ul class="list-group list-group-flush">
                                        @if (count($produitReappro) == 0)
                                            <img src="assets/images/empty.png" class="img_empty" alt="">
                                            <p class="text-center" style="color:#6b7c93;">Pas de données</p>
                                        @else
                                            @foreach ($produitReappro as $key => $produitReappros)
                                                <li class="list-group-item disph-list-item d-flex justify-content-between"
                                                    title="{{ $produitReappros->DesignationProduit }}">
                                                    <div class="d-flex">
                                                        <div class="accent-bar me-3"
                                                            style="background : {{ $tableColor[$key] }};">
                                                        </div>
                                                        <div style="margin-left : 5px;">
                                                            <span class="product-name">
                                                                {{ $produitReappros->DesignationProduit }}
                                                            </span>
                                                            <div class="CipGroup">
                                                                CIP : {{ $produitReappros->CodeCipProduit1 }} -
                                                                P. Cession : {{ number_format($produitReappros->PrixCessionHT, 0, '', ' ') }} F
                                                                - Colisage : {{ $produitReappros->ColisageProduit }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="d-flex align-items-center">
                                                        <span class="date-tag">{{ date_format(date_create($produitReappros->DateReceptionBonLivraison), 'd/m/Y') }}</span>
                                                        <span class="mdi mdi-calendar-month-outline" style="font-size: 17px;margin-left : 5px; color:var(--dispharma-orange);"></span>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- ===== CARTE 3 : LIVRABLES SOUS 72H ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex flex-column">
                            <div class="card disph-card flex-fill animate__animated animate__fadeIn">

                                <div class="disph-card-header disph-header-orange">
                                    <div class="header-title">
                                        <span class="header-icon"><i class="mdi mdi-truck-fast"></i></span>
                                        Nos livrables sous 72H
                                    </div>
                                    @if (count($produitLivrable72H) > 0)
                                        <i class="fa fa-plus-circle plus-icon showAll72h" title="Voir plus"></i>
                                    @endif
                                </div>

                                <div class="pt-3 px-2 pb-2">
                                    <ul class="list-group list-group-flush">
                                        @if (count($produitLivrable72H) == 0)
                                            <img src="assets/images/empty.png" class="img_empty" alt="">
                                            <p class="text-center" style="color:#6b7c93;">Pas de données</p>
                                        @else
                                            @foreach ($produitLivrable72H as $key => $produitLivrable72Hs)
                                                <li class="list-group-item disph-list-item d-flex"
                                                    title="{{ $produitLivrable72Hs->DesignationProduit }}">
                                                    <div class="d-flex">
                                                        <div class="accent-bar me-3"
                                                            style="background : {{ $tableColor2[$key] }};">
                                                        </div>
                                                        <div style="margin-left : 5px;">
                                                            <span class="product-name">
                                                                {{ $produitLivrable72Hs->DesignationProduit }}
                                                            </span>
                                                            <div class="CipGroup">
                                                                CIP : {{ $produitLivrable72Hs->CodeCipProduit1 }} -
                                                                P. Cession : {{ number_format($produitLivrable72Hs->PrixCessionHT, 0, '', ' ') }} F
                                                                - Colisage : {{ $produitLivrable72Hs->ColisageProduit }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- ===== CARTE 4 : CAMPAGNES UG (palette violette pour cohérence) ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex flex-column">
                            <div class="card disph-card flex-fill">

                                <div class="disph-card-header disph-header-purple">
                                    <div class="header-title">
                                        <span class="header-icon"><i class="mdi mdi-gift-outline"></i></span>
                                        Nos campagnes UG en cours
                                    </div>
                                    @if (count($produitEnPromo) > 0)
                                        <i class="fa fa-plus-circle plus-icon promoLaboEncours" title="Voir plus"></i>
                                    @endif
                                </div>

                                <div class="pt-3 px-2 pb-2">
                                    <ul class="list-group list-group-flush">
                                        @if (count($produitEnPromo) == 0)
                                            <img src="assets/images/empty.png" class="img_empty" alt="">
                                            <p class="text-center" style="color:#6b7c93;">Pas de données</p>
                                        @else
                                            @foreach ($produitEnPromo as $key => $produitEnPromos)
                                                <li class="list-group-item disph-list-item d-flex justify-content-between"
                                                    title="{{ $produitEnPromos->DesignationProduit }}">
                                                    <div class="d-flex">
                                                        <div class="accent-bar"
                                                            style="background : {{ $tableColor3[$key] }};">
                                                        </div>
                                                        <div style="margin-left : 8px;">
                                                            <span class="product-name">
                                                                {{ $produitEnPromos->DesignationProduit }}
                                                            </span>
                                                            <div class="CipGroup">
                                                                CIP : {{ $produitEnPromos->CodeCipProduit1 }} -
                                                                P. Cession HT : {{ number_format($produitEnPromos->PrixCessionHT, 0, '', ' ') }} F
                                                                - Colisage : {{ $produitEnPromos->ColisageProduit }}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <img width="32" src="assets/images/box-cadeau.png"
                                                            id="promobtnViewPalier"
                                                            data-id="{{ $produitEnPromos->IDPRODUIT }}"
                                                            data-designationProduit="{{ $produitEnPromos->DesignationProduit }}"
                                                            title="Voir palier" class="fas fa-gift"
                                                            style="cursor:pointer;margin-left:10px; margin-top:8px;" />
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- ===== CARTE 5 : NOUVEAUX PRODUITS ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex flex-column">
                            <div class="card disph-card flex-fill">

                                <div class="disph-card-header disph-header-teal">
                                    <div class="header-title">
                                        <span class="header-icon"><i class="mdi mdi-new-box"></i></span>
                                        Nos nouveaux produits
                                    </div>
                                    @if (count($NouveauProduit) > 0)
                                        <i class="fa fa-plus-circle plus-icon AllNouveauProduit" title="Voir plus"></i>
                                    @endif
                                </div>

                                <div class="pt-3 px-2 pb-2">
                                    <ul class="list-group list-group-flush">
                                        @if (count($NouveauProduit) == 0)
                                            <img src="assets/images/empty.png" class="img_empty" alt="">
                                            <p class="text-center" style="color:#6b7c93;">Pas de données</p>
                                        @else
                                            @foreach ($NouveauProduit as $key => $NouveauProduits)
                                                <li class="list-group-item disph-list-item d-flex"
                                                    title="{{ $NouveauProduits->DesignationProduit }}">
                                                    <div class="accent-bar"
                                                        style="background : {{ $tableColor4[$key] }};">
                                                    </div>
                                                    <div style="margin-left : 8px;">
                                                        <span class="product-name">
                                                            {{ $NouveauProduits->DesignationProduit }}
                                                        </span>
                                                        <div class="CipGroup">
                                                            CIP : {{ $NouveauProduits->CodeCipProduit1 }} -
                                                            P. Cession HT : {{ number_format($NouveauProduits->PrixCessionHT, 0, '', ' ') }} F
                                                            - Colisage : {{ $NouveauProduits->ColisageProduit }}
                                                        </div>
                                                    </div>
                                                </li>
                                            @endforeach
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>

                        <!-- ===== CARTE 6 : SUIVI COMMANDES ===== -->
                        <div class="col-sm-12 col-md-4 col-lg-4 d-flex">
                            <div class="card disph-card flex-fill">

                                <div class="disph-card-header disph-header-grey">
                                    <div class="header-title">
                                        <span class="header-icon"><i class="mdi mdi-clipboard-list-outline"></i></span>
                                        Suivi de vos commandes
                                    </div>
                                    @if (count($CommandeClientTracking) > 0)
                                        <a href="{{ route('commandeHistoriques') }}" target="_blank">
                                            <i class="fa fa-plus-circle plus-icon" title="Voir plus"></i>
                                        </a>
                                    @endif
                                </div>

                                <div class="pt-3 px-2 pb-2">
                                    <ul class="list-group list-group-flush">
                                        @if (count($CommandeClientTracking) == 0)
                                            <img src="assets/images/empty.png" class="img_empty" alt="">
                                            <p class="text-center" style="color:#6b7c93;">Pas de données</p>
                                        @else
                                            @foreach ($CommandeClientTracking as $key => $CommandeClientTrackings)
                                                <li class="list-group-item disph-list-item d-flex"
                                                    title="{{ $CommandeClientTrackings->NumeroCommandeClient }}">
                                                    <div class="accent-bar"
                                                        style="background : {{ $tableColor5[$key] }};">
                                                    </div>
                                                    <div style="margin-left : 8px;">
                                                        <span class="product-name" style="font-size:11.62px;">
                                                            N° : {{ $CommandeClientTrackings->NumeroCommandeClient }}
                                                            DU : {{ date('d/m/Y H:m', strtotime($CommandeClientTrackings->DateCommandeClient)) }}
                                                        </span>
                                                        <div class="CipGroup">
                                                            {{ $CommandeClientTrackings->LibelleTypeCommandeClient }} -
                                                            TOTAL HT : {{ number_format($CommandeClientTrackings->TotalTTC, 0, '', ' ') }} F -
                                                            ETAPE :
                                                            @if ($CommandeClientTrackings->LibelleEtapeCommandeClient == 'NON COLLECTEE')
                                                                <span style="color:gray;font-size:9px;font-weight:600;">{{ $CommandeClientTrackings->LibelleEtapeCommandeClient }}</span>
                                                            @elseif($CommandeClientTrackings->LibelleEtapeCommandeClient == 'EXPEDIEE')
                                                                <span style="color:#E89B2C;font-size:9px;font-weight:600;">{{ $CommandeClientTrackings->LibelleEtapeCommandeClient }}</span>
                                                            @elseif($CommandeClientTrackings->LibelleEtapeCommandeClient == 'EN COLLECTE')
                                                                <span style="color:#5A4FCF;font-size:9px;font-weight:600;">{{ $CommandeClientTrackings->LibelleEtapeCommandeClient }}</span>
                                                            @else
                                                                <span style="color:#0E7C7B;font-size:9px;font-weight:600;">{{ $CommandeClientTrackings->LibelleEtapeCommandeClient }}</span>
                                                            @endif
                                                        </div>
                                                    </div>
                                                </li>
                                            @endforeach

                                            @if (count($CommandeClientTracking) < 5)
                                                <span class="text-center buttonContainer">
                                                    <a href="{{ route('commandeHistoriques') }}" target="_blank"
                                                        class="btn btn-danger btn_custom"></a>
                                                </span>
                                            @else
                                                <div class="text-center buttonContainer">
                                                    <a href="{{ route('commandeHistoriques') }}" target="_blank"
                                                        class="btn btn-danger btn_custom"></a>
                                                </div>
                                            @endif
                                        @endif
                                    </ul>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

                <!-------------------------------------------------- MODALS HARMONISÉES AVEC LES CARTES -------------------------------------------------------------->

                <!-- ===== MODAL : Réapprovisionnements (BLEU - même thème que la carte) ===== -->
                <div class="modal fade" id="NosproduitReappros" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header disph-header-blue" style="border-radius: 12px 12px 0 0;">
                                <h5 class="modal-title text-white">
                                    <span class="header-icon" style="display:inline-flex; vertical-align:middle;"><i class="mdi mdi-package-variant"></i></span>
                                    &nbsp;Nos réapprovisionnements
                                </h5>
                                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="text-white" style="font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="disph-modal-search">
                                    <i class="mdi mdi-magnify"></i>
                                    <input type="text" id="searchReappro" placeholder="Rechercher un produit..." oninput="disphFilterList(this, 'listReappro')" autocomplete="off">
                                </div>
                                <div class="disph-modal-list" id="listReappro">
                                    <div class="disph-modal-loading">
                                        <i class="mdi mdi-loading mdi-spin"></i> Chargement...
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ===== MODAL : Livrables sous 72H (ORANGE - même thème que la carte) ===== -->
                <div class="modal fade" id="Modal72h" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header disph-header-orange" style="border-radius: 12px 12px 0 0;">
                                <h5 class="modal-title text-white">
                                    <span class="header-icon" style="display:inline-flex; vertical-align:middle;"><i class="mdi mdi-truck-fast"></i></span>
                                    &nbsp;Nos livrables sous 72H
                                </h5>
                                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="text-white" style="font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="disph-modal-search">
                                    <i class="mdi mdi-magnify"></i>
                                    <input type="text" id="search72h" placeholder="Rechercher un produit..." oninput="disphFilterList(this, 'list72h')" autocomplete="off">
                                </div>
                                <div class="disph-modal-list" id="list72h">
                                    <div class="disph-modal-loading">
                                        <i class="mdi mdi-loading mdi-spin"></i> Chargement...
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ===== MODAL : Campagnes UG (VIOLET - même thème que la carte) ===== -->
                <div class="modal fade" id="promoLaboModal" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header disph-header-purple" style="border-radius: 12px 12px 0 0;">
                                <h5 class="modal-title text-white">
                                    <span class="header-icon" style="display:inline-flex; vertical-align:middle;"><i class="mdi mdi-gift-outline"></i></span>
                                    &nbsp;Nos campagnes UG en cours
                                </h5>
                                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="text-white" style="font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="disph-modal-search">
                                    <i class="mdi mdi-magnify"></i>
                                    <input type="text" id="searchPromoLabo" placeholder="Rechercher un produit..." oninput="disphFilterList(this, 'listPromoLabo')" autocomplete="off">
                                </div>
                                <div class="disph-modal-list" id="listPromoLabo">
                                    <div class="disph-modal-loading">
                                        <i class="mdi mdi-loading mdi-spin"></i> Chargement...
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ===== MODAL : Nouveaux produits (TEAL - même thème que la carte) ===== -->
                <div class="modal fade" id="NouveauProduitModal" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                        <div class="modal-content">
                            <div class="modal-header disph-header-teal" style="border-radius: 12px 12px 0 0;">
                                <h5 class="modal-title text-white">
                                    <span class="header-icon" style="display:inline-flex; vertical-align:middle;"><i class="mdi mdi-new-box"></i></span>
                                    &nbsp;Nos nouveaux produits
                                </h5>
                                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="text-white" style="font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div class="disph-modal-search">
                                    <i class="mdi mdi-magnify"></i>
                                    <input type="text" id="searchNouveau" placeholder="Rechercher un produit..." oninput="disphFilterList(this, 'listNouveau')" autocomplete="off">
                                </div>
                                <div class="disph-modal-list" id="listNouveau">
                                    <div class="disph-modal-loading">
                                        <i class="mdi mdi-loading mdi-spin"></i> Chargement...
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ===== POPUP MODAL (annonces) ===== -->
                <div class="modal fade" id="modalPopupShow" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-xl" role="document">
                        <div class="modal-content">
                            <div class="modal-header disph-header-blue" style="border-radius: 12px 12px 0 0;">
                                <div style="display:flex;justify-content:center;items:center">
                                    <label class="modal-title text-light" id="popupTitle"></label>
                                </div>
                                <button type="button" class="close text-light" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="text-white" style="font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <div id="pubAnnonceBox" style="object-fit:cover;" class="text-center"></div>
                            </div>
                            <div class="">
                                <div id="DetailLien" class="text-center"></div>
                                <button style="float:right;margin-top:-25px; margin-bottom:4px; margin-right:14px;"
                                    type="button" id="closeVideoPopup" class="btn btn-secondary"
                                    data-dismiss="modal">Fermer</button>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- ===== MODAL : View Palier UG (VIOLET - même thème que sa carte source) ===== -->
                <div class="modal fade" id="modalViewPalier" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered" role="document">
                        <div class="modal-content shadow shadow-lg">
                            <div class="modal-header disph-header-purple" style="border-radius: 12px 12px 0 0;">
                                <h6 class="modal-title text-white">
                                    APERÇU UG : <span id="Nomproduit"></span>
                                </h6>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                    <span aria-hidden="true" class="closeModal" style="color:#fff;font-size:25px;">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body">
                                <table class="table table-striped">
                                    <thead style="background:#5A4FCF; color:#fff;">
                                        <th class="text-center">Qté commandée</th>
                                        <th class="text-center">UG</th>
                                    </thead>
                                    <tbody id="infoUGTable"></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-------------------------------------------------- FIN MODALS -------------------------------------------------------------->

                @php
                    $DroitAccesStatistique = session()->get('DroitStatistique');
                @endphp
                @if ($DroitAccesStatistique)
                    <div class="row">
                        <div class="col-sm-12 col-md-6 col-lg-4 d-flex flex-column">
                            <div class="card card-shadowGraphe text-center flex-fill">
                                <div class="card-body">
                                    <i class="mdi mdi-chart-line" style="color:#E89B2C;"></i> Objectif Journalier C.A.
                                    <br>
                                    <div style="height:180px;" id="multi-line-charts" class="ct-chart ct-golden-section"></div>
                                    <div style="height:223px; margin-top:-40px;" id="multi-line-chartss" class="ct-chart ct-golden-section"></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-6 col-lg-4 d-flex flex-column">
                            <div class="card card-shadowGraphe text-center flex-fill">
                                <div class="card-body">
                                    <i class="mdi mdi-chart-arc" style="color:#E89B2C;"></i> Objectif Mensuel C.A
                                    <br><br><br>
                                    <div class="GrapheBigScreen" id='myDiv'></div>
                                    <div class="GrapheMiddleScreen" style="display:none" id='myDivs'></div>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-12 col-md-12 col-lg-4 d-flex flex-column">
                            <div class="card card-shadowGraphe text-center flex-fill">
                                <div class="card-body">
                                    <i class="mdi mdi-chart-bar" style="color:#E89B2C;"></i> C.A Journalier du mois en cours
                                    <br><br><br>
                                    <canvas id="lineCharts" height="300"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>

    </div>
    <!-- end content -->

    @include('pages.primary_footer')

    </div>

    </div>
    <!-- END wrapper -->

    @include('pages.footer')

    <!-- ============================================================== -->
    <!-- SCRIPTS                                                         -->
    <!-- ============================================================== -->

    <!-- AJOUT AU PANIER DEPUIS FICHE PRODUIT -->
    <script>
        $(document).ready(function() {
            $('#FicheProduitAddOrUpdate').on('submit', function(e) {
                e.preventDefault();
                var QteCommande = $('#Quantity').val();

                $.ajax({
                    url: '{{ route('InsertCommande') }}',
                    type: 'POST',
                    data: {
                        "_token": $('#token').val(),
                        idproduit: IDproduit,
                        prixcession: PrixCessionHt,
                        prixpublic: PrixPublicTTc,
                        quantite: QteCommande
                    },
                    dataType: 'json',
                    beforeSend: function() {
                        if ($('#Quantity').val().length == 0) {
                            $('#errorInfo').append(
                                '<div id="ErrorInfo" class="alert alert-icon alert-danger alert-dismissible fade show mb-0" role="alert"><button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button><i class="mdi mdi-block-helper mr-2"></i><strong>Erreur!</strong> Aucune quantitée rentré</div>'
                            )
                            $('#Quantity').focus();
                            setTimeout(() => { $('#ErrorInfo').alert('close') }, 4000);
                            return false;
                        }
                    },
                    success: function(response) {
                        $('#successInfo').append(
                            '<div id="succesInfo" class="alert alert-success">' + response.msg + '</div>')
                        $('#Quantity').val('');
                        setTimeout(() => { $('#succesInfo').alert('close') }, 3000);
                        GetTopNavTotal();
                        countItemOnCart();
                    }
                })
            })
        });
    </script>

    <!-- VIEW PALIER UG -->
    <script>
        $(document).ready(function() {
            $(document).on('click', '#promobtnViewPalier', function(e) {
                e.preventDefault();
                var idProduit = $(this).attr("data-id")
                var designation_produit = $(this).attr("data-designationProduit")

                $.ajax({
                    url: '{{ route('retrievePromotionProduct') }}',
                    type: 'GET',
                    data: { productId: idProduit },
                    dataType: 'json',
                    success: function(data) {
                        $('#Nomproduit').text(designation_produit)
                        $('#infoUGTable').html('');
                        $.each(data.resultats, function(key, value) {
                            $('#infoUGTable').append(
                                '<tr><td class="text-center">' + value['QteCommandee'] +
                                '</td><td class="text-center">' + value['QteUniteGratuite'] + '</td></tr>')
                        })
                        $('#modalViewPalier').modal().click();
                    }
                })
            })
        })
    </script>

    <!-- POPUP ANNONCES -->
    <script>
        $(document).ready(function() {
            $.ajax({
                type: "GET",
                url: "{{ route('getpopupModal') }}",
                dataType: "JSON",
                success: function(resp) {
                    $('#pubAnnonceBox').html('')
                    $('#popupTitle').text('')

                    $.each(resp.result, function(key, value) {
                        if (value.typeFichier == 1) {
                            $('#pubAnnonceBox').append(
                                '<img style="width:100%;" class="img-thumbnail" src="assets/Annonce_images/' +
                                value.lienFichier + '">')
                            $('#popupTitle').text(value.titre)
                            $('#DetailLien').append('> <a href="/detailAnnnoncePopup/' + value.slug +
                                '" id="DetailAnnoncePopup" class="animate__animated animate__fadeInLeft animate__infinite	infinite" style="cursor:pointer;">Cliquez ici pour en savoir plus... </a> <')
                        } else {
                            $('#pubAnnonceBox').append(
                                '<video controls id="video" class="responsiveVideoBoxPopup"> <source src="assets/Annonce_videos/' +
                                value.lienFichier + '"></video>')
                            $('#popupTitle').text(value.titre)
                            $('#DetailLien').append('> <a href="/detailAnnnoncePopup/' + value.slug +
                                '" id="DetailAnnoncePopup" class="animate__animated animate__fadeInLeft animate__infinite	infinite" style="cursor:pointer;">Cliquez ici pour en savoir plus... </a> <')
                        }
                    })
                    <br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function session() in E:\install\laragon\www\extranet_dispharma_RepPharma\resources\views\pages\dashboard.blade.php:953
Stack trace:
#0 {main}
  thrown in <b>E:\install\laragon\www\extranet_dispharma_RepPharma\resources\views\pages\dashboard.blade.php</b> on line <b>953</b><br />