@extends('admin.layout.master')



@section('content')
<section class="pcoded-content">
    <div class="pcoded-inner-content">
        <div class="page-wrapper">
            
            <div class="hero-detail animate-fade-in">
                <div>
                    <div class="hero-subtitle"><i class="feather icon-check-circle"></i> Espace Décision / Pharmacie</div>
                    <div class="hero-title">Approuver la Substitution</div>
                    <div style="font-size: 0.85rem; color: rgba(255,255,255,0.6);">Examen minutieux de la demande de substitution médicamenteuse.</div>
                </div>
                <div class="text-right">
                    <a href="{{ route('admin.medecinconseil.indexPhaentente') }}" onclick="showOverlay()" class="btn btn-outline-light" style="border-radius: 8px; font-weight: 700; letter-spacing: 1px; padding: 10px 20px;">
                        <i class="feather icon-arrow-left"></i> Rétour à la liste
                    </a>
                </div>
            </div>

            @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

            <div class="row">
                <div class="col-xl-8 col-lg-12">
                    {{ Form::open(['route' => 'admin.medecinconseil.accepterententePhaSubs', 'method' => 'POST', 'onsubmit'=>'showOverlay()', 'id' => 'form_entente']) }}
                    <input type="hidden" name="codePrestataire" value="{{ $ententeprealablePhaSubs->first()->codePrestataire }}">
                    <input type="hidden" name="telAdherent" value="{{ $ententeprealablePhaSubs->first()->telAdherent }}">
                    <input type="hidden" name="idDemandesubstitution" value="{{ $ententeprealablePhaSubs->first()->idDemandesubstitution }}">
                    <input type="hidden" name="smsGestionPrestataire" value="{{ $ententeprealablePhaSubs->first()->smsGestionPrestataire }}">
                    <input type="hidden" name="prestataire" value="{{ $ententeprealablePhaSubs->first()->prestataire }}">
                    <input type="hidden" name="beneficiaire" value="{{ $ententeprealablePhaSubs->first()->beneficiaire }}">
                    <input type="hidden" name="numeroBeneficiaire" value="{{ $ententeprealablePhaSubs->first()->numeroBeneficiaire }}">
                    <input type="hidden" name="nomPrescrit" value="{{ $ententeprealablePhaSubs->first()->nomPrescrit }}">
                    <input type="hidden" name="libelleSubstitut" value="{{ $ententeprealablePhaSubs->first()->libelleSubstitut }}">

                    @php
                        $codeMedicament = $ententeprealablePhaSubs->first()->codeMedicamentPrescrit;
                    @endphp 

                    <div class="dossier-card animate-fade-in" style="animation-delay: 0.1s;">
                        <div class="dossier-card-header"><i class="feather icon-refresh-cw"></i> Détails de la substitution</div>
                        
                        <div class="row g-4 mb-3">
                            <div class="col-md-3">
                                <label class="form-label-chic">Numéro Substit.</label>
                                {{ Form::text('numeroDemandeSubstitution', $ententeprealablePhaSubs->first()->numeroDemandeSubstitution, ['readonly' => 'true', 'class' => 'input-chic', 'id'=>'id']) }}
                            </div>
                            <div class="col-md-9">
                                <label class="form-label-chic">Médicament Prescrit</label>
                                {{ Form::text('nomPrescrit_view', $ententeprealablePhaSubs->first()->nomPrescrit, ['readonly' => 'true', 'class' => 'input-chic input-highlight', 'style'=>'color:#e74c3c !important; border-color:rgba(231,76,60,0.3) !important;']) }}
                            </div>
                        </div>

                        <div class="row g-4 mb-3">
                            <div class="col-md-4">
                                <label class="form-label-chic">Police Associée</label>
                                {{ Form::text('libellePolice', $ententeprealablePhaSubs->first()->libellePolice, ['readonly' => 'true', 'class' => 'input-chic']) }}
                            </div>
                            <div class="col-md-8">
                                <label class="form-label-chic text-white"><i class="feather icon-arrow-right"></i> Médicament Substitut (Remplacement)</label>
                                {{ Form::text('libelleSubstitut_view', $ententeprealablePhaSubs->first()->libelleSubstitut, ['readonly' => 'true', 'class' => 'input-chic input-highlight']) }}
                            </div>
                        </div>

                        <div class="row g-4 mb-3">
                            <div class="col-md-4">
                                <label class="form-label-chic">Date d'enregistrement</label>
                                {{ Form::text('dateSysteme', $ententeprealablePhaSubs->first()->dateSysteme, ['readonly' => 'true', 'class' => 'input-chic']) }}
                            </div>
                            <div class="col-md-8">
                                <label class="form-label-chic">Pharmacie (Prestataire)</label>
                                {{ Form::text('prestataire_view', $ententeprealablePhaSubs->first()->prestataire, ['readonly' => 'true', 'class' => 'input-chic']) }}
                            </div>
                        </div>

                        <div class="row g-4 mb-3">
                            <div class="col-md-12">
                                <label class="form-label-chic">Bénéficiaire concerné</label>
                                {{ Form::text('beneficiaire_view', $ententeprealablePhaSubs->first()->beneficiaire.' / '.$ententeprealablePhaSubs->first()->numeroBeneficiaire, ['readonly' => 'true', 'class' => 'input-chic']) }}
                            </div>
                        </div>

                        <div class="row g-4 mb-4">
                            <div class="col-md-12">
                                <label class="form-label-chic text-white"><i class="feather icon-edit-2"></i> Motif d'accord substitution</label>
                                {{ Form::text('motifReel', "BON POUR ACCORD", ['class' => 'input-chic', 'style' => 'border-color: rgba(255,255,255,0.3) !important; color: #fff !important;', 'id' => 'motifReel']) }}
                            </div>
                        </div>

                        @if ($codeMedicament != "MEDIC") 
                            <div class="row g-4 mb-3 p-3" style="background: rgba(var(--vt-primary-rgb), 0.05); border-radius: 12px; border: 1px dashed rgba(var(--vt-primary-rgb), 0.2);">
                                <div class="col-md-4">
                                    <label class="form-label-chic" style="color:#e74c3c;">Prix Prescrit</label>
                                    {{ Form::text('prixPrescription', $ententeprealablePhaSubs->first()->prixPrescription, ['readonly' => 'true', 'class' => 'input-chic']) }}
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label-chic" style="color:#2ecc71;">Prix Substitut</label>
                                    {{ Form::text('prixSubstitution', $ententeprealablePhaSubs->first()->prixSubstitution, ['readonly' => 'true', 'class' => 'input-chic']) }}
                                </div>
                                <div class="col-md-4">
                                    <label class="form-label-chic" style="color:#f1c40f;">GAP (Différence)</label>
                                    {{ Form::text('gap', $ententeprealablePhaSubs->first()->gap, ['readonly' => 'true', 'class' => 'input-chic']) }}
                                </div>
                            </div>
                        @endif

                        <div class="mt-4 pt-4" style="border-top: 1px dashed rgba(255,255,255,0.1);">
                            <button type="submit" class="btn-action-main" name="accepter" value="accepter">
                                <i class="feather icon-check-circle"></i> Valider et Accepter la Substitution
                            </button>
                        </div>
                    </div>
                </div>

                <div class="col-xl-4 col-lg-12">
                    <div class="dossier-card animate-fade-in" style="animation-delay: 0.2s;">
                        <div class="dossier-card-header"><i class="feather icon-pie-chart"></i> État des Consommations</div>
                        
                        <div class="d-flex flex-column gap-3">
                            @if($baseTarification=="IND") 
                                <div class="indic-box indic-plafond">
                                    <div class="indic-label">Plafond Individuel</div>
                                    <div class="indic-value">{{ Form::text('plafond', number_format($college->first()->plafond,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                                <div class="indic-box indic-conso">
                                    <div class="indic-label">Conso. Individuelle</div>
                                    <div class="indic-value">{{ Form::text('consommation', number_format($college->first()->consommation,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                                <div class="indic-box indic-solde">
                                    <div class="indic-label">Solde Individuel Restant</div>
                                    <div class="indic-value">{{ Form::text('soldeConsommation', number_format($college->first()->soldeConsommation,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                            @else
                                <div class="indic-box indic-plafond">
                                    <div class="indic-label">Plafond Famille</div>
                                    <div class="indic-value">{{ Form::text('plafond', number_format($police->first()->plafond,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                                <div class="indic-box indic-conso">
                                    <div class="indic-label">Conso. Famille</div>
                                    <div class="indic-value">{{ Form::text('consommation', number_format($police->first()->consommation,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                                <div class="indic-box indic-solde">
                                    <div class="indic-label">Solde Famille Restant</div>
                                    <div class="indic-value">{{ Form::text('soldeConsommation', number_format($police->first()->soldeConsommation,0,'',' '), ['readonly' => 'true']) }}</div>
                                </div>
                            @endif
                        </div>
                    </div>
                    {{ Form::close() }}
                </div>
            </div>

            <!-- Sections Tabulaires Existantes refactorisées visuellement -->
            <div class="row">
                <div class="col-12">
                    <a href="javascript:void(0)" id="garantie" class="toggle-section"><i class="feather icon-eye"></i> Afficher / Masquer les Garanties</a>
                    
                    <div id="div_garantie" style="display: none;" class="dossier-card">
                        <div class="d-flex align-items-center gap-3 mb-3" style="font-size: 0.75rem; text-transform: uppercase;">
                            <span style="color:var(--vt-muted);">Niveau de consommation :</span>
                            <span style="color: #f1c40f;"><i class="feather icon-square"></i> >= 50%</span>
                            <span style="color: #e67e22;"><i class="feather icon-square"></i> >= 80%</span>
                            <span style="color: #e74c3c;"><i class="feather icon-square"></i> = 100% ou Lim. Atteinte</span>
                        </div>
                        <div class="table-responsive">
                            <table class="table-chic">
                                <thead>
                                    <tr>
                                        <th rowspan="2">Exercice</th>
                                        <th rowspan="2">Garantie</th>
                                        <th rowspan="2">Taux</th>
                                        <th rowspan="2">Plafond</th>
                                        <th rowspan="2">Pério.</th>
                                        <th rowspan="2">Nbre Trans.</th>
                                        <th colspan="2">Nbre Sinistre</th>
                                        <th colspan="2">Consommations</th>
                                        <th colspan="2">Solde Restant</th>
                                    </tr>
                                    <tr>
                                        <th>Famille</th> <th>Bénéf.</th> <th>Famille</th> <th>Bénéf.</th> <th>Famille</th> <th>Bénéf.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ( $garantieadherents as $garantie )
                                        @php
                                            $pourcentConso = $garantie->pourcentConso;
                                            $rowClass = '';
                                            if($pourcentConso>='50' && $pourcentConso<'80') $rowClass = 'row-yellow';
                                            elseif($pourcentConso>='80' && $pourcentConso <'100') $rowClass = 'row-orange';
                                            elseif($pourcentConso >='100' || $garantie->transactionBeneficiaire=="1") $rowClass = 'row-red';
                                        @endphp
                                        <tr class="{{ $rowClass }}">
                                            <td>{{ $garantie->exercieReference }}</td>
                                            <td style="white-space:normal;text-align:left;">
                                                @if($pourcentConso >='95' || $garantie->transactionBeneficiaire=="1")
                                                    <a href="javascript:alert('Plafond ou nombre de transaction atteint pour cette garantie!');" style="color:inherit;text-decoration:underline;">
                                                        {{ $garantie->garantie }} 
                                                    </a>
                                                @else
                                                    {{ $garantie->garantie }}
                                                @endif
                                            </td>
                                            <td>{{ $garantie->tauxPlafond }} %</td>
                                            <td>{{ number_format($garantie->plafond, 0, '', ' ') }}</td>
                                            <td>{{ $garantie->codePeriodicite }}</td>
                                            <td>{{ $garantie->nbreTransaction }}</td>
                                            <td>{{ $garantie->comptePrestationFamille }}</td>
                                            <td>{{ $garantie->comptePrestation }}</td>
                                            <td>{{ number_format($garantie->consommationFamille, 0, '', ' ') }}</td>
                                            <td>{{ number_format($garantie->consommation, 0, '', ' ') }}</td>
                                            <td>{{ number_format($garantie->soldeGarantieFamille, 0, '', ' ') }}</td>
                                            <td>{{ number_format($garantie->soldeGarantie, 0, '', ' ') }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <a href="javascript:void(0)" id="acte" class="toggle-section"><i class="feather icon-eye"></i> Afficher / Masquer les Actes Plafonnés</a>
                    
                    <div id="div_bareme" style="display: none;" class="dossier-card">
                        <div class="d-flex align-items-center gap-3 mb-3" style="font-size: 0.75rem; text-transform: uppercase;">
                            <span style="color:var(--vt-muted);">Légende alertes :</span>
                            <span style="color: #f1c40f;"><i class="feather icon-square"></i> >= 50%</span>
                            <span style="color: #e67e22;"><i class="feather icon-square"></i> >= 80%</span>
                            <span style="color: #e74c3c;"><i class="feather icon-square"></i> = 100% ou Lim. Atteinte</span>
                        </div>
                        <div class="table-responsive">
                            <table class="table-chic">
                                <thead>
                                    <tr>
                                        <th rowspan="2">Garantie</th>
                                        <th rowspan="2" style="text-align:left;">Actes</th>
                                        <th rowspan="2">Taux</th>
                                        <th rowspan="2">Carence</th>
                                        <th colspan="4" style="text-align:center;">Critères Plafond</th>
                                        <th colspan="2">Nbre Sinistre</th>
                                        <th colspan="2">Consommations</th>
                                        <th colspan="2">Soldes Restants</th>
                                    </tr>
                                    <tr>
                                        <th>Plafond Val.</th> <th>Nbr Trans.</th> <th>Pério.</th> <th>Obs.</th>
                                        <th>Famille</th> <th>Bénéf.</th> <th>Famille</th> <th>Bénéf.</th> <th>Famille</th> <th>Bénéf.</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ( $actes as $v )
                                        @php
                                            $pourcentConso = $v->pourcentConso;
                                            $rowClass = '';
                                            if($pourcentConso>='50' && $pourcentConso<'80') $rowClass = 'row-yellow';
                                            elseif($pourcentConso>='80' && $pourcentConso <'100') $rowClass = 'row-orange';
                                            elseif($pourcentConso >='100' || $v->transactionBeneficiaire=="1") $rowClass = 'row-red';
                                        @endphp
                                        <tr class="{{ $rowClass }}">
                                            <td>{{ $v->codeGarantie }}</td>
                                            <td style="white-space:normal;text-align:left;">{{ $v->libelle }}</td>
                                            <td>{{ $v->tauxPlafond }}</td>
                                            <td>{{ $v->delaiCarenceActe }}</td>
                                            <td>{{ number_format($v->forfaitPlafond, 0, '', ' ') }}</td>
                                            <td>{{ $v->nbreTransaction }}</td>
                                            <td>{{ $v->periodicite }}</td>
                                            <td>{{ $v->observation }}</td>
                                            <td>{{ $v->comptePrestationFamille }}</td>
                                            <td>{{ $v->comptePrestation }}</td>
                                            <td>{{ number_format($v->consommationFamille, 0, '', ' ') }}</td>
                                            <td>{{ number_format($v->consommation, 0, '', ' ') }}</td>
                                            <td>{{ number_format($v->soldeActeFamille, 0, '', ' ') }}</td>
                                            <td>{{ number_format($v->soldeActe, 0, '', ' ') }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

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

@section('scripts')
<script>
    $('#garantie').on('click', function(e) { e.preventDefault(); $('#div_garantie').slideToggle(); $('#div_bareme').hide(); });
    $('#acte').on('click', function(e) { e.preventDefault(); $('#div_bareme').slideToggle(); $('#div_garantie').hide(); });
</script>
@endsection

<style>
/* ══════════════════════════════════════════════
       MÉDECIN CONSEIL - DOSSIER VALIDATION (SUBSTITUTION PHARMACIE)
       ══════════════════════════════════════════════ */
    .pcoded-content, .pcoded-inner-content, .page-wrapper { background: transparent !important; }

    /* Dossier Hero Header */
    .hero-detail {
        background: linear-gradient(135deg, rgba(46, 204, 113, 0.1), rgba(0,0,0,0.2));
        border: 1px solid rgba(46, 204, 113, 0.2);
        border-radius: 20px;
        padding: 30px;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        position: relative;
        overflow: hidden;
    }
    .hero-detail::before {
        content: ''; position: absolute; top: -50%; right: -10%; width: 300px; height: 300px;
        background: radial-gradient(circle, rgba(46, 204, 113, 0.1) 0%, transparent 70%); pointer-events: none;
    }

    .hero-subtitle { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: #2ecc71; font-weight: 800; display: flex; align-items: center; gap: 8px; }
    .hero-title { font-size: 1.8rem; font-weight: 800; color: #fff; margin: 5px 0 10px; }

    /* Cards */
    .dossier-card {
        background: rgba(255,255,255,0.015); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.05);
        border-radius: 16px; padding: 25px; margin-bottom: 30px; transition: all 0.3s;
    }
    .dossier-card-header {
        font-size: 1.05rem; font-weight: 800; color: #fff; margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px dashed rgba(255,255,255,0.1);
        display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 1px;
    }
    .dossier-card-header i { color: #2ecc71; }

    /* Form Inputs Chic */
    .form-label-chic { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; color: var(--vt-muted); font-weight: 700; margin-bottom: 8px; display: block; }
    .input-chic {
        background: rgba(0, 0, 0, 0.2) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important;
        color: #fff !important; border-radius: 10px; padding: 12px 15px; font-size: 0.95rem; font-family: monospace; transition: all 0.3s; width: 100%;
    }
    .input-chic[readonly] { background: rgba(255, 255, 255, 0.02) !important; color: #aaa !important; cursor: not-allowed; border-color: rgba(255,255,255, 0.03) !important; }
    .input-chic:focus:not([readonly]) { border-color: #2ecc71 !important; background: rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1) !important; }

    .input-highlight { color: #2ecc71 !important; font-weight: bold; font-size: 1.05rem; }

    /* Button Action */
    .btn-action-main {
        background: linear-gradient(135deg, #27ae60, #2ecc71); border: none; color: #000; font-weight: 800;
        border-radius: 12px; padding: 15px 30px; text-transform: uppercase; letter-spacing: 1.5px; font-size: 1rem;
        transition: all 0.3s; width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer;
    }
    .btn-action-main:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(46, 204, 113, 0.3); color: #000; }

    /* Plafonds & Consommations Indicators */
    .indic-box { border-radius: 12px; padding: 15px; text-align: center; font-weight: 800; border: 1px solid transparent; }
    .indic-plafond { background: rgba(52, 152, 219, 0.1); border-color: rgba(52, 152, 219, 0.3); color: #3498db; }
    .indic-conso { background: rgba(231, 76, 60, 0.1); border-color: rgba(231, 76, 60, 0.3); color: #e74c3c; }
    .indic-solde { background: rgba(46, 204, 113, 0.1); border-color: rgba(46, 204, 113, 0.3); color: #2ecc71; }
    .indic-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; opacity: 0.8; }
    .indic-value { font-size: 1.2rem; font-family: monospace; }
    .indic-value input { background: transparent; border: none; color: inherit; text-align: center; font-weight: inherit; font-family: inherit; width: 100%; pointer-events: none;}

    /* Tabular data (Garanties / Baremes) */
    .table-chic { width: 100%; border-collapse: separate; border-spacing: 0 4px; margin-top: 15px; }
    .table-chic th { background: rgba(0,0,0,0.3); color: var(--vt-muted); padding: 12px 15px; font-size: 0.65rem; font-weight: 800; text-transform: uppercase; letter-spacing: 1px; border: none; text-align: center; }
    .table-chic td { background: rgba(255,255,255,0.015); padding: 12px 15px; color: #fff; font-size: 0.75rem; border-top: 1px solid rgba(255,255,255,0.03); border-bottom: 1px solid rgba(255,255,255,0.03); vertical-align: middle; text-align: center; white-space: nowrap;}
    .table-chic tr.row-yellow td { background: rgba(241, 196, 15, 0.15) !important; color: #f1c40f !important; font-weight: bold; border-color: rgba(241, 196, 15, 0.3); }
    .table-chic tr.row-orange td { background: rgba(230, 126, 34, 0.15) !important; color: #e67e22 !important; font-weight: bold; border-color: rgba(230, 126, 34, 0.3); }
    .table-chic tr.row-red td { background: rgba(231, 76, 60, 0.25) !important; color: #e74c3c !important; font-weight: bold; border-color: rgba(231, 76, 60, 0.4); }

    .toggle-section { background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08); padding: 15px; border-radius: 12px; text-align: center; cursor: pointer; color: #fff; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 0.85rem; transition: all 0.3s; margin-bottom: 15px; display: block; text-decoration: none;}
    .toggle-section:hover { background: rgba(var(--vt-primary-rgb), 0.1); border-color: var(--vt-primary); color: var(--vt-primary); }
</style>

@endsection