@php
  $categories = [
    'CONS' => 'Consultations',
    'BIO'  => 'Biologie',
    'IMG'  => 'Imagerie',
    'EXP'  => 'Explorations',
    'SOI'  => 'Soins',
    'PHA'  => 'Pharmacie',
  ];
@endphp

<x-slot:breadcrumb>
  <x-cmu.breadcrumb :items="[
    ['label' => auth('cmu')->user()?->etablissement?->nom_officiel ?? 'Établissement', 'href' => null],
    ['label' => 'Prise en charge'],
  ]" />
</x-slot>

<x-slot:topbarActions>
  <span class="text-xs text-cmu-ink">
    <strong class="text-cmu-charcoal">{{ \App\Support\Fg::dateLongueFr(now()) }}</strong>
    · {{ now()->format('H:i') }}
  </span>
</x-slot>

<x-slot:sidebarNav>
  <x-cmu.nav-menu />
</x-slot>

<div>

  <x-cmu.page-header eyebrow="Prise en charge"
                     description="Rechercher un bénéficiaire par IUS ou téléphone, vérifier son éligibilité, puis composer la PEC.">
    Nouvelle <em>prise en charge</em>
  </x-cmu.page-header>

  {{-- Bandeau de spécialisation (laboratoire, imagerie, etc.) --}}
  @if($libelle_specialisation)
    <div class="mb-5 rounded-cmu border border-cmu-gold-200 bg-cmu-gold-100 px-4 py-3 text-sm text-cmu-gold-700 flex items-start gap-3">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 mt-0.5">
        <circle cx="12" cy="12" r="10"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/>
      </svg>
      <div>
        <strong>Établissement spécialisé : {{ $libelle_specialisation }}.</strong>
        Seuls les actes
        <span class="font-mono font-semibold">{{ implode(', ', $categories_autorisees) }}</span>
        sont disponibles dans cette interface.
      </div>
    </div>
  @endif

  {{-- Confirmation post-création --}}
  @if($pec_creee_numero && $pec_creee_id)
    <div class="mb-6 p-5 bg-cmu-green-50 border border-cmu-green-200 rounded-cmu-lg flex items-center gap-4">
      <div class="w-12 h-12 rounded-full bg-cmu-green-700 text-white flex items-center justify-center text-xl font-bold">✓</div>
      <div class="flex-1">
        <div class="font-display text-xl font-semibold text-cmu-green-900">PEC générée avec succès</div>
        <div class="text-sm text-cmu-ink mt-1">
          Numéro PEC : <span class="font-mono bg-white px-2 py-0.5 rounded border border-cmu-green-200">{{ $pec_creee_numero }}</span>
          · Total : {{ \App\Support\Fg::gnf($totaux['total']) }}
          · Part patient à encaisser : <strong>{{ \App\Support\Fg::gnf($totaux['part_patient']) }}</strong>
        </div>
      </div>
      <x-cmu.btn-gold wire:click="telechargerTicket({{ $pec_creee_id }})"
                      wire:loading.attr="disabled" wire:target="telechargerTicket">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6 9 6 2 18 2 18 9"/><path d="M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><rect x="6" y="14" width="12" height="8"/></svg>
        Imprimer le ticket
      </x-cmu.btn-gold>
      <x-cmu.btn-primary wire:click="nouvellePec">Nouvelle PEC</x-cmu.btn-primary>
    </div>
  @endif

  {{-- =============== Barre de recherche =============== --}}
  <div class="cmu-pec-search mb-5">
    <div class="cmu-pec-search-tabs">
      <button type="button"
              wire:click="$set('type_recherche', 'IUS')"
              @class(['cmu-pec-search-tab', 'active' => $type_recherche === 'IUS'])>
        IUS
      </button>
      <button type="button"
              wire:click="$set('type_recherche', 'TEL')"
              @class(['cmu-pec-search-tab', 'active' => $type_recherche === 'TEL'])>
        Téléphone
      </button>
    </div>

    @if($type_recherche === 'IUS')
      <input type="text"
             class="cmu-pec-search-input"
             placeholder="000120260000042"
             wire:model.live.debounce.400ms="recherche_ius"
             wire:keydown.enter="rechercher">
    @else
      <input type="tel"
             class="cmu-pec-search-input"
             placeholder="+2246XXXXXXXX"
             wire:model.live.debounce.400ms="recherche_telephone"
             wire:keydown.enter="rechercher">
    @endif

    <button type="button" wire:click="rechercher" class="cmu-btn-primary">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
        <circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/>
      </svg>
      Rechercher
    </button>
    @if($dossier_trouve)
      <button type="button" wire:click="effacerRecherche" class="cmu-btn-ghost">Effacer</button>
    @endif
  </div>

  @error('recherche')<div class="mb-4 text-sm text-cmu-red-700">{{ $message }}</div>@enderror

  @if(! $dossier_trouve)
    <div class="p-10 text-center bg-white border border-gray-200 rounded-cmu-lg">
      <div class="font-display text-xl text-cmu-green-900 mb-1">Aucun bénéficiaire sélectionné</div>
      <p class="text-sm text-cmu-ink">Saisir un IUS ou un numéro de téléphone pour vérifier l'éligibilité.</p>
    </div>
  @else

    {{-- =============== Carte bénéficiaire + verdict =============== --}}
    @php
      $eligible = (bool) ($eligibilite['eligible'] ?? false);
      $taux = (int) ($eligibilite['taux_pec'] ?? 0);
      $regime = $eligibilite['regime'] ?? $dossier_trouve['regime'];
      $verdictClass = ! $eligible ? 'non-eligible' : ($regime === 'RAM' ? 'ram' : '');
      $initials = mb_strtoupper(mb_substr($dossier_trouve['prenoms'] ?? '?', 0, 1) . mb_substr($dossier_trouve['nom'] ?? '', 0, 1));
    @endphp

    <div class="cmu-pec-benef mb-5">
      <div class="cmu-pec-benef-head">
        <div class="cmu-pec-benef-identity">
          <div class="cmu-pec-benef-avatar">{{ $initials }}</div>
          <div class="flex-1 min-w-0">
            <div class="cmu-pec-benef-name">{{ $dossier_trouve['prenoms'] }} {{ mb_strtoupper($dossier_trouve['nom']) }}</div>
            <div class="cmu-pec-benef-sub">
              Statut : <strong class="text-cmu-charcoal">{{ $dossier_trouve['statut'] }}</strong>
              · Régime : <strong class="text-cmu-charcoal">{{ $dossier_trouve['regime'] }}</strong>
              @if($dossier_trouve['profil']) · {{ $dossier_trouve['profil'] }} @endif
            </div>
            <span class="cmu-pec-benef-ius">IUS {{ \App\Support\Fg::ius($dossier_trouve['ius']) }}</span>
          </div>
        </div>

        <div @class(['cmu-pec-verdict', $verdictClass])>
          <div class="cmu-pec-verdict-eyebrow">Éligibilité AMU</div>
          @if($eligible)
            @if($regime === 'RAM')
              <div class="cmu-pec-verdict-title">100 %</div>
              <div class="cmu-pec-verdict-desc">
                Prise en charge <strong>RAM</strong> — 100 % couverts, aucun ticket modérateur.
              </div>
            @else
              <div class="cmu-pec-verdict-title">RGB</div>
              <div class="cmu-pec-verdict-desc">
                Prise en charge <strong>RGB</strong> — le taux s'applique
                <strong>acte par acte</strong> (détail ci-dessous).
              </div>
            @endif
          @else
            <div class="cmu-pec-verdict-title">Refusé</div>
            <div class="cmu-pec-verdict-desc">{{ $eligibilite['motif'] ?? 'Non éligible.' }}</div>
          @endif
          @if(!empty($eligibilite['alertes']))
            <div class="cmu-pec-verdict-desc mt-2">
              @foreach($eligibilite['alertes'] as $alerte)
                <div class="text-[11.5px]">⚠ {{ $alerte }}</div>
              @endforeach
            </div>
          @endif
        </div>
      </div>

      {{-- Sélection titulaire / ayant droit --}}
      @if($eligible && count($dossier_trouve['ayants_droit']) > 0)
      <div class="border-t border-gray-100 p-4 flex items-center gap-2 flex-wrap">
        <span class="text-[11px] font-bold uppercase text-cmu-ink mr-2 opacity-65" style="letter-spacing:0.12em">Patient cible</span>
        <button type="button"
                wire:click="selectionnerPatient"
                @class(['cmu-filter-chip', 'active' => $ayant_droit_id === null])>
          {{ $dossier_trouve['prenoms'] }} (titulaire)
        </button>
        @foreach($dossier_trouve['ayants_droit'] as $a)
          <button type="button"
                  wire:click="selectionnerPatient({{ $a['id'] }})"
                  @class(['cmu-filter-chip', 'active' => $ayant_droit_id === $a['id']])>
            {{ $a['prenoms'] }} {{ mb_strtoupper($a['nom']) }} · {{ $a['age'] }} ans · {{ $a['lien'] }}
          </button>
        @endforeach
      </div>
      @endif
    </div>

    @if($eligible)
    {{-- =============== Work grid : catalogue + bill sticky =============== --}}
    <div class="grid gap-5" style="grid-template-columns: 1fr 400px;">

      <div class="bg-white border border-gray-200 rounded-cmu-lg overflow-hidden">
        <div class="p-5 border-b border-gray-100">
          <div class="font-display text-lg font-medium text-cmu-green-900">Catalogue des actes</div>
          <div class="text-xs text-cmu-ink opacity-70 mt-0.5">
            Établissement : {{ auth('cmu')->user()->etablissement?->type }} — actes disponibles à ce niveau.
          </div>
        </div>

        @php
          // Filtre les onglets sur les catégories autorisées pour
          // l'établissement (addendum v1.1 §3.3) — si specialisé, on
          // ne montre que les catégories pertinentes.
          $categoriesAffichees = $categories_autorisees === null
            ? $categories
            : array_intersect_key($categories, array_flip($categories_autorisees));
          $afficherOnglets = count($categoriesAffichees) > 1;
        @endphp

        @if($afficherOnglets)
        <div class="cmu-pec-cat-tabs">
          @foreach($categoriesAffichees as $code => $libelle)
            <button type="button"
                    wire:click="changerCategorie('{{ $code }}')"
                    @class(['cmu-pec-cat-tab', 'active' => $categorie_active === $code])>
              {{ $libelle }}
              <span class="tab-count">{{ $counts_categorie[$code] ?? 0 }}</span>
            </button>
          @endforeach
        </div>
        @endif

        <div class="cmu-pec-act-list">
          @forelse($actes_categorie as $a)
            @php
              $tarifLigne = $a->tarifs->first();
              $deja = collect($actes_selectionnes)->contains('acte_id', $a->id);
              // Taux réel de cet acte : RAM = 100 %, RGB = taux configuré de l'acte.
              $tauxAff = ! $eligible ? 0 : ($regime === 'RAM' ? 100 : (int) $a->taux_pec);
              $partCmu = (int) round(($tarifLigne?->tarif_gnf ?? 0) * $tauxAff / 100);
              $partPat = ($tarifLigne?->tarif_gnf ?? 0) - $partCmu;
            @endphp
            <div wire:click="ajouterActe({{ $a->id }})"
                 wire:key="acte-{{ $a->id }}"
                 @class(['cmu-pec-act-row', 'selected' => $deja])>
              <div class="cmu-pec-act-check">
                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><path d="M5 13l4 4L19 7"/></svg>
              </div>
              <div class="flex-1 min-w-0">
                <div class="flex items-baseline justify-between gap-3 mb-1">
                  <div class="cmu-pec-act-name">{{ $a->libelle }}</div>
                  <div class="cmu-pec-act-price">
                    {{ number_format($tarifLigne?->tarif_gnf ?? 0, 0, ',', "\u{00A0}") }}<span class="u">GNF</span>
                  </div>
                </div>
                <div class="flex items-center gap-3.5 text-[11.5px] text-cmu-ink">
                  <span class="cmu-pec-act-code">{{ $a->code }}</span>
                  <span class="cmu-pec-act-split">
                    <span class="cmu">AMU {{ $tauxAff }}%</span>
                    <span class="sep">·</span>
                    <span class="pat">Patient {{ 100 - $tauxAff }}%</span>
                  </span>
                </div>
              </div>
            </div>
          @empty
            <div class="p-8 text-center text-sm text-cmu-ink">Aucun acte disponible dans cette catégorie.</div>
          @endforelse
        </div>
      </div>

      {{-- ============ Bill panel sticky ============ --}}
      <aside class="cmu-pec-bill">
        <div class="cmu-pec-bill-head">
          <div class="text-[10px] font-bold tracking-[0.14em] uppercase text-cmu-gold-700 mb-1">Récapitulatif</div>
          <div class="cmu-pec-bill-title">{{ count($actes_selectionnes) }} acte(s) sélectionné(s)</div>
        </div>

        <div class="cmu-pec-bill-selected">
          @forelse($actes_selectionnes as $i => $ligne)
            <div class="cmu-pec-bill-row" wire:key="bill-{{ $i }}-{{ $ligne['acte_id'] }}">
              <div class="flex-1 min-w-0">
                <div class="cmu-pec-bill-row-name">{{ $ligne['libelle'] }}</div>
                <div class="cmu-pec-bill-row-meta">{{ $ligne['code'] }} · qté {{ $ligne['quantite'] }}</div>
              </div>
              <div class="cmu-pec-bill-row-price">
                {{ \App\Support\Fg::gnf($ligne['tarif'] * $ligne['quantite']) }}
              </div>
              <button type="button" wire:click="retirerActe({{ $i }})"
                      class="w-6 h-6 rounded-md text-cmu-ink hover:bg-cmu-red-100 hover:text-cmu-red-600 flex items-center justify-center">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
              </button>
            </div>
          @empty
            <div class="text-sm text-cmu-ink text-center py-8 italic">Aucun acte sélectionné.</div>
          @endforelse
        </div>

        <div class="cmu-pec-split-viz">
          <div class="cmu-pec-split-total-row">
            <div class="cmu-pec-split-total-label">Total des actes</div>
            <div class="cmu-pec-split-total-value">{{ \App\Support\Fg::gnf($totaux['total']) }}</div>
          </div>

          <div class="cmu-pec-split-bar">
            <div class="cmu-pec-split-bar-cmu" style="flex: {{ $totaux['part_cmu_pct'] }};">
              {{ $totaux['part_cmu_pct'] }} %
            </div>
            <div class="cmu-pec-split-bar-patient" style="flex: {{ $totaux['part_patient_pct'] }};">
              {{ $totaux['part_patient_pct'] }} %
            </div>
          </div>

          <div class="cmu-pec-split-details">
            <div class="cmu-pec-split-card cmu">
              <div class="cmu-pec-split-card-label">Part AMU</div>
              <div class="cmu-pec-split-card-value">{{ \App\Support\Fg::gnf($totaux['part_cmu']) }}</div>
            </div>
            <div class="cmu-pec-split-card patient">
              <div class="cmu-pec-split-card-label">À encaisser</div>
              <div class="cmu-pec-split-card-value">{{ \App\Support\Fg::gnf($totaux['part_patient']) }}</div>
            </div>
          </div>
        </div>

        <div class="cmu-pec-action-bar">
          <div>
            <div class="cmu-pec-action-pay-label">Ticket modérateur</div>
            <div class="cmu-pec-action-pay-value">{{ \App\Support\Fg::gnf($totaux['part_patient']) }}</div>
          </div>
          <div class="flex gap-2">
            <button type="button" wire:click="effacerRecherche" class="cmu-btn-ghost">Annuler</button>
            <button type="button"
                    wire:click="genererPriseEnCharge"
                    wire:loading.attr="disabled" wire:target="genererPriseEnCharge"
                    @disabled(count($actes_selectionnes) === 0)
                    class="cmu-btn-primary">
              <span wire:loading.remove wire:target="genererPriseEnCharge">Générer la PEC</span>
              <span wire:loading wire:target="genererPriseEnCharge">Génération…</span>
            </button>
          </div>
        </div>

        @error('genererPriseEnCharge')
          <div class="p-3 text-xs text-cmu-red-700 bg-cmu-red-100 border-t border-cmu-red-600/20">{{ $message }}</div>
        @enderror
      </aside>

    </div>
    @endif

  @endif

</div>