@php
  $libelleSousType = \App\Enums\Cmu\SousTypeStructure::tryFrom((string) $sous_type)?->libelle() ?? 'Structure conventionnée';
  $libelleActes = match ($sous_type) {
      'LABORATOIRE' => 'examen',
      'IMAGERIE' => 'acte d\'imagerie',
      'PHARMACIE' => 'ordonnance honorée',
      default => 'prise en charge',
  };
  $actionPrimaire = $sous_type === 'PHARMACIE'
      ? ['label' => 'Dispenser une ordonnance', 'href' => route('cmu.structure.pharmacie.dispenser'),
         'icon' => "<svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4'><path d='M19 7l-7 7-3-3'/><rect x='3' y='3' width='18' height='18' rx='2'/></svg>"]
      : ['label' => 'Nouvelle prise en charge', 'href' => route('cmu.pec.nouvelle'),
         'icon' => "<svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.4'><line x1='12' y1='5' x2='12' y2='19'/><line x1='5' y1='12' x2='19' y2='12'/></svg>"];
@endphp

<x-slot:breadcrumb>
  <x-cmu.breadcrumb :items="[
    ['label' => $libelleSousType, 'href' => null],
    ['label' => 'Tableau de bord'],
  ]" />
</x-slot>

<x-slot:topbarActions>
  <span class="text-xs text-cmu-ink">
    {{ $etablissement->code }} · <strong class="text-cmu-charcoal">{{ $etablissement->nom_officiel }}</strong>
  </span>
</x-slot>

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

<div>
  <x-cmu.page-header :eyebrow="$libelleSousType.' — espace agent'"
                     description="Activité du jour et du mois, prises en charge récentes, top actes et raccourcis vers les opérations courantes.">
    Bonjour <em>{{ auth('cmu')->user()->prenoms }}</em>
  </x-cmu.page-header>

  {{-- ============ Action primaire en grand ============ --}}
  <a href="{{ $actionPrimaire['href'] }}"
     class="block mb-6 p-5 rounded-cmu-lg border border-cmu-green-700 bg-cmu-green-50 hover:bg-cmu-green-100 transition flex items-center gap-4">
    <div class="w-14 h-14 rounded-cmu bg-cmu-green-700 text-white flex items-center justify-center">
      {!! $actionPrimaire['icon'] !!}
    </div>
    <div class="flex-1">
      <div class="font-display text-xl text-cmu-green-900 font-semibold">{{ $actionPrimaire['label'] }}</div>
      <div class="text-xs text-cmu-ink opacity-70 mt-0.5">Action principale de votre poste — un clic pour démarrer.</div>
    </div>
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="text-cmu-green-700"><path d="M5 12h14M13 5l7 7-7 7"/></svg>
  </a>

  {{-- ============ KPIs ============ --}}
  <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
    <x-cmu.stat-card :label="ucfirst($libelleActes).'s aujourd\'hui'" :value="$kpis['pec_jour']" variant="featured" />
    <x-cmu.stat-card :label="ucfirst($libelleActes).'s ce mois'" :value="number_format($kpis['pec_mois'], 0, ',', ' ')" variant="gold" />
    <x-cmu.stat-card label="Total facturé (mois)" :value="\App\Support\Fg::gnf($kpis['total_mois_gnf'])" variant="blue" />
    <x-cmu.stat-card label="Part AMU (mois)" :value="\App\Support\Fg::gnf($kpis['part_cmu_mois_gnf'])" />
  </div>

  @if($sous_type === 'PHARMACIE' && $kpis['lignes_indispo'] > 0)
    <div class="mb-5 rounded-cmu border border-cmu-gold-400 bg-cmu-gold-50 px-4 py-3 text-sm text-cmu-gold-700 flex items-start gap-3">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="mt-0.5 shrink-0"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
      <div>
        <strong>{{ $kpis['lignes_indispo'] }} ligne(s) marquée(s) INDISPONIBLE</strong> sur des dispensations passées.
        Ces médicaments restent à honorer dans une autre pharmacie ou ici, dès remise en stock.
      </div>
    </div>
  @endif

  <div class="grid grid-cols-1 lg:grid-cols-3 gap-5 mb-6">
    {{-- ============ Graph 14 jours ============ --}}
    <x-cmu.panel title="Activité — 14 derniers jours"
                 :subtitle="'Nombre de '.$libelleActes.'s validés par jour.'"
                 class="lg:col-span-2">
      @php $maxJ = max(1, $serie_14j->max()); @endphp
      <div class="grid grid-cols-14 gap-2 items-end h-40">
        @foreach($serie_14j as $jour => $valeur)
          @php $h = max(2, round(100 * $valeur / $maxJ)); @endphp
          <div class="flex flex-col items-center group" title="{{ $jour }} : {{ $valeur }}">
            <div class="w-full bg-cmu-gold-200 rounded-t" style="height: {{ $h }}%">
              <div class="w-full h-full bg-cmu-green-700 rounded-t opacity-90"></div>
            </div>
            <div class="text-[10px] font-mono text-cmu-ink opacity-60 mt-1">{{ substr($jour, 8, 2) }}/{{ substr($jour, 5, 2) }}</div>
          </div>
        @endforeach
      </div>
    </x-cmu.panel>

    {{-- ============ Répartition catégorie ============ --}}
    <x-cmu.panel title="Répartition par catégorie" subtitle="Mois en cours.">
      @php $totalCat = max(1, $repartition->sum('total_gnf')); @endphp
      <div class="space-y-3">
        @forelse($repartition as $r)
          @php
            $part = round(100 * $r->total_gnf / $totalCat, 1);
            $libCat = \App\Enums\Cmu\CategorieActe::tryFrom($r->categorie)?->libelle() ?? $r->categorie;
          @endphp
          <div>
            <div class="flex items-center justify-between text-xs mb-1">
              <span class="font-semibold text-cmu-charcoal">{{ $libCat }}</span>
              <span class="font-mono text-cmu-ink">{{ $r->nombre }} · {{ \App\Support\Fg::gnfCourt($r->total_gnf) }}</span>
            </div>
            <div class="w-full bg-gray-100 rounded-full h-2 overflow-hidden">
              <div class="h-full bg-cmu-green-700" style="width: {{ $part }}%"></div>
            </div>
          </div>
        @empty
          <div class="text-sm text-cmu-ink opacity-70 text-center py-6">Aucun acte facturé ce mois.</div>
        @endforelse
      </div>
    </x-cmu.panel>
  </div>

  {{-- ============ Top actes + dernières PEC ============ --}}
  <div class="grid grid-cols-1 lg:grid-cols-2 gap-5">
    <x-cmu.panel :title="'Top 10 — '.($sous_type === 'PHARMACIE' ? 'médicaments dispensés' : ($sous_type === 'LABORATOIRE' ? 'examens demandés' : 'actes pratiqués'))"
                 subtitle="Sur le mois en cours.">
      <x-cmu.data-table :headers="[
        ['label' => 'Code', 'width' => '90px'],
        ['label' => 'Libellé'],
        ['label' => 'Quantité', 'align' => 'right', 'width' => '90px'],
        ['label' => 'Total', 'align' => 'right'],
      ]">
        @forelse($top_actes as $a)
          <tr wire:key="topa-{{ $a->code }}">
            <td class="px-4 py-2 font-mono text-xs text-cmu-charcoal">{{ $a->code }}</td>
            <td class="px-4 py-2 text-sm">{{ $a->libelle }}</td>
            <td class="px-4 py-2 text-right font-mono text-sm">{{ $a->quantite }}</td>
            <td class="px-4 py-2 text-right font-mono font-semibold text-cmu-green-700">{{ \App\Support\Fg::gnf($a->total_gnf) }}</td>
          </tr>
        @empty
          <tr><td colspan="4" class="px-4 py-6 text-center text-sm text-cmu-ink opacity-70">Aucun acte sur la période.</td></tr>
        @endforelse
      </x-cmu.data-table>
    </x-cmu.panel>

    <x-cmu.panel title="Dernières PEC" subtitle="10 plus récentes.">
      <x-cmu.data-table :headers="[
        ['label' => 'N° PEC', 'width' => '140px'],
        ['label' => 'Bénéficiaire'],
        ['label' => 'Total', 'align' => 'right'],
        ['label' => 'Statut', 'width' => '110px'],
      ]">
        @forelse($pecs_recentes as $p)
          <tr wire:key="pecr-{{ $p->id }}">
            <td class="px-4 py-2 font-mono text-xs text-cmu-charcoal">{{ $p->numero_pec }}</td>
            <td class="px-4 py-2 text-sm">
              <div class="font-semibold text-cmu-charcoal">{{ $p->dossier?->prenoms }} {{ mb_strtoupper($p->dossier?->nom ?? '') }}</div>
              <div class="text-[11px] text-cmu-ink opacity-70 font-mono">{{ \App\Support\Fg::ius((string) $p->dossier?->ius) }}</div>
            </td>
            <td class="px-4 py-2 text-right font-mono text-sm">{{ \App\Support\Fg::gnf((int) $p->total_actes_gnf) }}</td>
            <td class="px-4 py-2"><x-cmu.status-badge :status="$p->statut" /></td>
          </tr>
        @empty
          <tr><td colspan="4" class="px-4 py-6 text-center text-sm text-cmu-ink opacity-70">Aucune PEC enregistrée.</td></tr>
        @endforelse
      </x-cmu.data-table>
    </x-cmu.panel>
  </div>
</div>

<style>.grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); }</style>