@extends('admin.layout.master')



@section('content')
<section class="pcoded-content">
    <div class="pcoded-inner-content">
        <div class="page-wrapper">
            
            <!-- En-tête de page -->
            <div class="page-header-chic animate-fade-in">
                <div class="header-title-chic">
                    <h4>Médicaments Soumis à Entente Préalable / Substitution</h4>
                    <p><i class="feather icon-shield"></i> Pharmacie et gestion des accords</p>
                </div>
            </div>

            <!-- Barre de Filtres Premium -->
            <div class="filter-bar-premium animate-fade-in" style="animation-delay: 0.1s;">
                @if ($errors->any())
                    <div class="alert alert-danger" style="background: rgba(231, 76, 60, 0.1); border: 1px solid rgba(231, 76, 60, 0.3); color: #e74c3c; border-radius: 12px;">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                {{ Form::open(['route' => 'admin.medecinconseil.indexPhaentente', 'method' => 'GET', 'onsubmit'=>'showOverlay()' , 'id' => 'form_statistique']) }}
                    <div class="row g-4 align-items-end">
                        <div class="col-lg-3 col-md-6">
                            <label class="filter-label">État</label>
                            {{ Form::select('codeReponseEntentePrealable', $reponseententeprealables, $codeReponseEntentePrealable ?? old('codeReponseEntentePrealable'), ['class' => 'form-control select2 js-select2-premium', 'id' => 'codeReponseEntentePrealable']) }}
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <label class="filter-label">Période du</label>
                            {{ Form::date('dateDebut', $dateDebut ?? old('dateDebut'), ['class' => 'form-control input-chic', 'id' => 'dateDebut']) }}
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <label class="filter-label">Au</label>
                            {{ Form::date('dateFin', $dateFin ?? old('dateFin'), ['class' => 'form-control input-chic', 'id' => 'dateFin']) }}
                        </div>
                        
                        <div class="col-lg-3 col-md-12">
                            <button class="btn-valider-premium w-100 m-0" name="actualiser" value="actualiser">
                                <i class="feather icon-filter"></i> Filtrer Ententes
                            </button>
                        </div>
                    </div>  
                {{ form::close()}}
            </div>

            <!-- Data Table Conteneur -->
            @if(isset($ententeprealablesPhas))
            <div class="table-container-chic animate-fade-in" style="animation-delay: 0.2s;" id="preview">
                
                <div class="d-flex align-items-center gap-3 mb-3">
                    <div class="badge-compteur m-0">
                        <i class="feather icon-activity"></i> {{ $nbre_ententes }} Demande(s) globale(s) trouvée(s)
                    </div>
                    @if(isset($etat))
                    <div class="badge-status" style="background: rgba(52, 152, 219, 0.15); color: #3498db; border: 1px solid rgba(52, 152, 219, 0.3);">
                        État Sélectionné : {{ $etat->libelle }}
                    </div>
                    @endif
                </div>

                <div class="table-responsive">
                    <table class="table-chic">
                        <thead>
                            <tr>
                                <th>N°</th>
                                <th>Date</th>
                                <th>Médicaments</th>
                                <th>Qté</th>
                                <th>Prestataire</th>
                                <th>Bénéficiaires</th>
                                <th>Répondue le</th>
                                <th>Répondue par</th>
                                <th>Situation</th>
                                <th>Actions / Décision</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ( $ententeprealablesPhas as $ent )
                                <tr>
                                    <td class="td-highlight">
                                        @isset($ent->numeroEntentePrealable) #{{ $ent->numeroEntentePrealable }} @endisset
                                        @isset($ent->numeroDemandeSubstitution) #{{ $ent->numeroDemandeSubstitution }} @endisset
                                    </td>
                                    <td>{{ \Carbon\Carbon::parse($ent->dateSysteme)->format('d/m/Y - H:i') }}</td>
                                    <td style="white-space: normal; min-width: 150px;">
                                        @isset($ent->libelleMedicament) {{ $ent->libelleMedicament }} @endisset
                                        @isset($ent->libelleSubstitut) {{ $ent->libelleSubstitut }} @endisset
                                    </td>
                                    <td>
                                        @isset($ent->quantite) <span class="font-weight-bold" style="color: var(--vt-primary);">{{ $ent->quantite }}</span> @else - @endisset
                                    </td>
                                    <td style="white-space: normal; min-width: 150px;">{{ $ent->prestataire }}</td>
                                    <td>
                                        <div class="font-weight-bold" style="color: var(--vt-primary);">{{ $ent->numeroBeneficiaire }}</div>
                                        <div style="font-size: 0.75rem; color: var(--vt-muted);">{{ $ent->beneficiaire }}</div>
                                    </td>
                                    <td>{{ $ent->dateReponse ?: '-' }}</td>
                                    <td>{{ $ent->responsableAccord ?: '-' }}</td>
                                    <td>{{ $ent->reponsentEnteprealable ?: '-' }}</td>
                                    
                                    <td>
                                        @if ($etat->codeReponseEntentePrealable == 2)
                                            <div class="d-flex gap-2">
                                                @if ($ent->facture == 1)
                                                    <span class="badge-status" style="background: rgba(52, 152, 219, 0.15); color: #3498db; border: 1px solid rgba(52,152,219,0.3);">Déjà facturé!</span>
                                                @else
                                                    <!-- On garde exactement les mêmes routes et arguments que l'original -->
                                                    <a href="{{ route('admin.medecinconseil.accepterPha', [$ent->idDemandeententeprealable]) }}" onclick="showOverlay()" class="btn-action-chic btn-accept"><i class="feather icon-check"></i> Accepter</a>
                                                    <a href="{{ route('admin.medecinconseil.refuserPha', [$ent->idDemandeententeprealable]) }}" onclick="showOverlay()" class="btn-action-chic btn-reject"><i class="feather icon-x"></i> Refuser</a>
                                                @endif
                                            </div>
                                        @elseif($etat->codeReponseEntentePrealable == 9)
                                            <span style="font-size: 0.8rem; color: #e74c3c;">{{ $ent->motifRefusAssure ?: '-' }}</span>
                                        @else
                                            <span style="font-size: 0.8rem; color: var(--vt-muted);">{{ $ent->motifReel ?: '-' }}</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="10" class="text-center py-4 text-muted">Aucune demande trouvée.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-between align-items-center mt-4 mb-2">
                    <div class="text-muted font-weight-bold font-mono" style="font-size: 0.85rem;">
                        {{ $ententeprealablesPhas->count() }} Élément(s)
                    </div>
                    @if ($ententeprealablesPhas->count() != 0)
                        <div class="pagination-chic">
                            <span onclick="showOverlay()">
                                {!! $ententeprealablesPhas->appends(Request::except('page'))->onEachSide(-1)->links() !!}
                            </span>
                        </div>
                    @endif
                </div>

            </div>
            @endif

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

@section('scripts')
<script>
    $(document).ready(function() {
        if ($('.select2 js-select2-premium').length) {
            $('.select2 js-select2-premium').select2({ width: '100%', minimumResultsForSearch: 10 });
        }
    });
</script>
@endsection

<style>
/* ══════════════════════════════════════════════
       MÉDECIN CONSEIL - INDEX PHA (Liste Pharmacies)
       ══════════════════════════════════════════════ */
    .pcoded-content, .pcoded-inner-content, .page-wrapper { background: transparent !important; }

    /* Entête Premium */
    .page-header-chic {
        background: linear-gradient(135deg, rgba(var(--vt-primary-rgb), 0.05), rgba(0,0,0,0.2));
        border: 1px solid rgba(255,255,255,0.05);
        border-radius: 20px;
        padding: 25px 30px;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .header-title-chic h4 { font-size: 1.5rem; font-weight: 800; color: #fff; margin: 0 0 5px 0; text-transform: uppercase; }
    .header-title-chic p { font-size: 0.85rem; color: var(--vt-muted); margin: 0; display: flex; align-items: center; gap: 8px; }


    /* TABLE PREMIUM CHIC */
    .table-container-chic { background: rgba(255,255,255,0.01); border-radius: 20px; padding: 20px; border: 1px solid rgba(255,255,255,0.03); }
    
    .badge-compteur { background: rgba(var(--vt-primary-rgb), 0.15); color: var(--vt-primary); padding: 8px 16px; border-radius: 50px; font-size: 0.85rem; font-weight: 800; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 20px; border: 1px solid rgba(var(--vt-primary-rgb), 0.3); }

    .table-chic { width: 100%; border-collapse: separate; border-spacing: 0 8px; }
    .table-chic th { background: rgba(0,0,0,0.2); color: var(--vt-muted); padding: 15px 20px; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; border: none; text-align: left; white-space: nowrap; }
    .table-chic th:first-child { border-radius: 12px 0 0 12px; }
    .table-chic th:last-child { border-radius: 0 12px 12px 0; }
    .table-chic td { background: rgba(255,255,255,0.02); padding: 15px 20px; color: #fff; font-size: 0.8rem; border-top: 1px solid rgba(255,255,255,0.04); border-bottom: 1px solid rgba(255,255,255,0.04); vertical-align: middle; white-space: nowrap; }
    .table-chic td:first-child { border-left: 1px solid rgba(255,255,255,0.04); border-radius: 12px 0 0 12px; }
    .table-chic td:last-child { border-right: 1px solid rgba(255,255,255,0.04); border-radius: 0 12px 12px 0; }
    .table-chic tbody tr { transition: all 0.3s; }
    .table-chic tbody tr:hover td { background: rgba(255,255,255,0.05); border-color: rgba(var(--vt-primary-rgb), 0.3); }

    /* Action Buttons */
    .btn-action-chic { padding: 6px 12px; border-radius: 8px; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.5px; display: inline-flex; align-items: center; gap: 5px; transition: all 0.3s; border: none; cursor: pointer; text-decoration: none; }
    .btn-accept { background: rgba(46, 204, 113, 0.15); color: #2ecc71; border: 1px solid rgba(46, 204, 113, 0.3); }
    .btn-accept:hover { background: rgba(46, 204, 113, 1); color: #000; box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3); }
    
    .btn-reject { background: rgba(231, 76, 60, 0.15); color: #e74c3c; border: 1px solid rgba(231, 76, 60, 0.3); }
    .btn-reject:hover { background: rgba(231, 76, 60, 1); color: #fff; box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3); }

    .badge-status { padding: 6px 12px; border-radius: 8px; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; }

    /* Pagination Chic */
    .pagination-chic .pagination { margin: 0; gap: 5px; justify-content: flex-end; }
    .pagination-chic .page-item .page-link { background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05); color: #fff; border-radius: 8px; padding: 8px 16px; font-weight: 600; }
    .pagination-chic .page-item.active .page-link { background: var(--vt-primary); border-color: var(--vt-primary); color: #000; }
</style>

@endsection