182 lines
13 KiB
PHP
182 lines
13 KiB
PHP
<div>
|
|
{{-- Header --}}
|
|
<div class="mb-6">
|
|
<h1 class="text-2xl font-bold text-gray-900">Dashboard</h1>
|
|
@if($annoCorrente)
|
|
<p class="text-sm text-gray-500 mt-1">Anno Teocratico {{ $annoCorrente->label }} — {{ $annoCorrente->mesi_trascorsi }} mesi trascorsi</p>
|
|
@endif
|
|
</div>
|
|
|
|
{{-- Stats cards --}}
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 card-hover card-accent-indigo">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-xs font-medium text-gray-500 uppercase">Territori Attivi</p>
|
|
<p class="mt-1 text-3xl font-bold text-gray-900">{{ $totTerritoriAttivi }}</p>
|
|
</div>
|
|
<div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background:#eef2ff">
|
|
<svg class="h-5 w-5" style="color:#6366f1" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7"/></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 card-hover card-accent-blue">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-xs font-medium text-gray-500 uppercase">Assegnati</p>
|
|
<p class="mt-1 text-3xl font-bold" style="color:#3b82f6">{{ $totAssegnati }}</p>
|
|
<p class="text-xs text-gray-500">{{ $totInReparto }} in reparto</p>
|
|
</div>
|
|
<div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background:#dbeafe">
|
|
<svg class="h-5 w-5" style="color:#3b82f6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 card-hover card-accent-green">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-xs font-medium text-gray-500 uppercase">Percorsi (anno)</p>
|
|
<p class="mt-1 text-3xl font-bold" style="color:#22c55e">{{ $territoriPercorsi }}</p>
|
|
<p class="text-xs text-gray-500">media {{ $mediaPercorrenzaMensile }}/mese</p>
|
|
</div>
|
|
<div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background:#dcfce7">
|
|
<svg class="h-5 w-5" style="color:#22c55e" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@if($campagnaStats)
|
|
<div class="rounded-xl shadow-sm border p-4 card-hover" style="background:#fffbeb;border-color:#fde68a;border-left:4px solid #f59e0b">
|
|
<div class="flex items-center justify-between mb-1">
|
|
<p class="text-xs font-medium uppercase" style="color:#d97706">Campagna</p>
|
|
<div class="h-8 w-8 rounded-lg flex items-center justify-center" style="background:#fef3c7">
|
|
<svg class="h-4 w-4" style="color:#f59e0b" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
|
|
</div>
|
|
</div>
|
|
<p class="text-sm font-bold" style="color:#92400e">{{ $campagnaStats['descrizione'] }}</p>
|
|
<div class="mt-2">
|
|
<div class="flex justify-between text-xs mb-1" style="color:#b45309">
|
|
<span>{{ $campagnaStats['percentuale'] }}%</span>
|
|
<span>scade {{ $campagnaStats['fine'] }}</span>
|
|
</div>
|
|
<div class="w-full rounded-full h-2" style="background:#fde68a">
|
|
<div class="h-2 rounded-full transition-all" style="background:#f59e0b;width:{{ min($campagnaStats['percentuale'], 100) }}%"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-4 card-hover card-accent-amber">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-xs font-medium text-gray-500 uppercase">Campagna</p>
|
|
<p class="mt-1 text-sm text-gray-400">Nessuna campagna attiva</p>
|
|
</div>
|
|
<div class="h-10 w-10 rounded-lg flex items-center justify-center" style="background:#fef3c7">
|
|
<svg class="h-5 w-5" style="color:#d97706" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"/></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
{{-- Quick lists --}}
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
{{-- Da assegnare --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden card-hover">
|
|
<div class="px-5 py-4 border-b flex items-center gap-3" style="background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#bbf7d0">
|
|
<div class="h-8 w-8 rounded-lg flex items-center justify-center" style="background:#22c55e">
|
|
<svg class="h-4 w-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold" style="color:#166534">Da Assegnare</h3>
|
|
<p class="text-xs" style="color:#15803d">Prima i prioritari, poi i territori con più tempo in reparto</p>
|
|
</div>
|
|
@hasanyrole('amministratore|assistente')
|
|
<button wire:click="downloadPdfDaAssegnare" title="Scarica PDF" class="ml-auto btn-action btn-action-green" style="padding:6px 10px">
|
|
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
|
|
</button>
|
|
@endhasanyrole
|
|
</div>
|
|
<ul class="divide-y divide-gray-100">
|
|
@forelse($territoriDaAssegnare as $t)
|
|
<li class="px-5 py-3 flex items-center justify-between hover:bg-gray-50 transition-colors">
|
|
<div>
|
|
<div class="flex items-center gap-2">
|
|
<a href="{{ route('territori.show', $t) }}" class="text-sm font-semibold text-gray-900 hover:text-indigo-600 transition-colors">N° {{ $t->numero }}</a>
|
|
@if($t->home_is_prioritario)
|
|
<span class="inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide badge-pulse" style="background:#fef3c7;color:#92400e">★ Prioritario</span>
|
|
@endif
|
|
</div>
|
|
<p class="text-xs text-gray-500">
|
|
{{ $t->zona?->nome }} — {{ $t->tipologia?->nome }}
|
|
@if($t->home_giorni_giacenza > 0)
|
|
— <span class="font-medium">{{ $t->home_giorni_giacenza }} gg</span> in reparto
|
|
@endif
|
|
</p>
|
|
</div>
|
|
@can('territori.assign')
|
|
<a href="{{ route('assegnazioni.assegna', ['territorioId' => $t->id]) }}" class="btn-action btn-primary-green">Assegna →</a>
|
|
@endcan
|
|
</li>
|
|
@empty
|
|
<li class="empty-state">
|
|
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
<span class="text-sm">Tutti i territori sono assegnati</span>
|
|
</li>
|
|
@endforelse
|
|
</ul>
|
|
@if($territoriDaAssegnare->count() >= $homeLimit)
|
|
<div class="px-5 py-3 border-t text-center" style="background:#fafafa">
|
|
<a href="{{ route('territori.index') }}?filterStato=in_reparto" class="text-xs font-medium" style="color:#4f46e5">Vedi tutti →</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
{{-- Da rientrare --}}
|
|
<div class="bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden card-hover">
|
|
<div class="px-5 py-4 border-b flex items-center gap-3" style="background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca">
|
|
<div class="h-8 w-8 rounded-lg flex items-center justify-center" style="background:#ef4444">
|
|
<svg class="h-4 w-4 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
</div>
|
|
<div>
|
|
<h3 class="text-sm font-semibold" style="color:#991b1b">Da Rientrare</h3>
|
|
<p class="text-xs" style="color:#b91c1c">Territori assegnati da più tempo</p>
|
|
</div>
|
|
@hasanyrole('amministratore|assistente')
|
|
<button wire:click="downloadPdfDaRientrare" title="Scarica PDF" class="ml-auto btn-action btn-action-red" style="padding:6px 10px">
|
|
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
|
|
</button>
|
|
@endhasanyrole
|
|
</div>
|
|
<ul class="divide-y divide-gray-100">
|
|
@forelse($daRientrare as $t)
|
|
@php($assegnazioneCorrente = $t->assegnazioneCorrente)
|
|
<li class="px-5 py-3 flex items-center justify-between hover:bg-gray-50 transition-colors">
|
|
<div>
|
|
<a href="{{ route('territori.show', $t) }}" class="text-sm font-semibold text-gray-900 hover:text-indigo-600 transition-colors">N° {{ $t->numero }}</a>
|
|
<p class="text-xs text-gray-500">
|
|
{{ $assegnazioneCorrente?->proclamatore?->nome_completo }}
|
|
— <span class="font-medium" style="color:#dc2626">{{ $assegnazioneCorrente?->giorni }} gg</span>
|
|
</p>
|
|
</div>
|
|
@can('territori.return')
|
|
@if($assegnazioneCorrente)
|
|
<a href="{{ route('assegnazioni.rientra', ['assegnazione' => $assegnazioneCorrente->id]) }}" class="btn-action btn-primary-red">Rientra →</a>
|
|
@endif
|
|
@endcan
|
|
</li>
|
|
@empty
|
|
<li class="empty-state">
|
|
<svg fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
|
|
<span class="text-sm">Nessun territorio da rientrare</span>
|
|
</li>
|
|
@endforelse
|
|
</ul>
|
|
@if($daRientrare->count() >= $homeLimit)
|
|
<div class="px-5 py-3 border-t text-center" style="background:#fafafa">
|
|
<a href="{{ route('territori.index') }}?filterStato=da_rientrare" class="text-xs font-medium" style="color:#4f46e5">Vedi tutti →</a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|