@extends('layouts.app')
@section('title','Pregled')
@section('content')
<div class="top"><div><div class="eyebrow">Danas je {{now()->translatedFormat('j. F Y.')}}</div><h1>Pregled sustava</h1></div><a class="btn" href="{{route('orders.create')}}">+ Nova narudžba</a></div>
<div class="quick-actions"><a class="btn secondary" href="{{route('offers.create')}}">+ Ponuda</a><a class="btn secondary" href="{{route('invoices.create')}}">+ Račun</a><a class="btn secondary" href="{{route('spots.create')}}">+ Spot</a><a class="btn secondary" href="{{route('plan.index',['date'=>today()->format('Y-m-d')])}}">Današnji plan →</a></div>
<div class="grid dashboard-grid"><a class="metric-link" href="{{route('clients.index')}}"><div class="card metric"><span class="eyebrow">Aktivni klijenti</span><strong>{{$clientCount}}</strong></div></a><a class="metric-link" href="{{route('spots.index')}}"><div class="card metric"><span class="eyebrow">Spotovi</span><strong>{{$spotCount}}</strong></div></a><a class="metric-link" href="{{route('orders.index')}}"><div class="card metric"><span class="eyebrow">Narudžbe</span><strong>{{$orderCount}}</strong></div></a><a class="metric-link" href="{{route('plan.index',['date'=>today()->format('Y-m-d')])}}"><div class="card metric"><span class="eyebrow">Emitiranja danas</span><strong>{{$todayPlayCount}}</strong></div></a><a class="metric-link" href="{{route('orders.index',['status'=>'draft'])}}"><div class="card metric"><span class="eyebrow">Nije spremno / prijedlog</span><strong>{{$notReadyCount}}</strong></div></a><a class="metric-link" href="{{route('invoices.index')}}"><div class="card metric {{$overdueCount?'metric-warning':''}}"><span class="eyebrow">Računi nakon dospijeća</span><strong>{{$overdueCount}}</strong></div></a></div>
@if($imminentMissingAudio->isNotEmpty())
<section class="audio-warning"><div class="audio-warning-title"><span>⚠</span><div><strong>Nedostaje audio za skora emitiranja</strong><small>Provjerite spotove koji imaju termin u sljedeća 3 dana.</small></div><b>{{ $imminentMissingAudio->count() }}</b></div><div class="audio-warning-list">@foreach($imminentMissingAudio as $warning)<a href="{{ route('spots.edit',$warning->spot) }}"><strong>{{ $warning->order->number }} · {{ $warning->spot->code }} — {{ $warning->spot->name }}</strong><span>Prvo emitiranje: {{ $warning->first_play->play_date->format('d.m.Y.') }} u {{ substr($warning->first_play->play_time ?? '00:00',0,5) }} · {{ $warning->play_count }} termina</span></a>@endforeach</div></section>
@endif
<div class="operations-head"><div><span class="eyebrow">Operativna provjera</span><h2>Kontrolni centar</h2></div><small>Plan i tehnički problemi za sljedećih 7 dana</small></div>
<div class="operations-grid">
<a href="{{ route('spots.index') }}" class="operation-card {{ $missingAudioCount?'has-danger':'' }}"><span>Audio nedostaje, emitiranje uskoro</span><strong>{{ $missingAudioCount }}</strong><small>{{ $missingAudioCount?'Termin postoji u sljedeća 3 dana':'Sve je spremno' }}</small></a>
<a href="{{ route('campaigns.calendar') }}" class="operation-card {{ $futureBlankCount?'has-problem':'' }}"><span>Blank spotovi u budućem planu</span><strong>{{ $futureBlankCount }}</strong><small>{{ $futureBlankCount?'Neće biti poslani playoutu':'Nema zapreka' }}</small></a>
<a href="{{ auth()->user()->role==='admin'?route('settings.security.exports'):route('dashboard') }}" class="operation-card {{ $failedExportCount?'has-danger':'' }}"><span>Greške FPS izvoza</span><strong>{{ $failedExportCount }}</strong><small>Posljednjih 7 dana</small></a>
<a href="{{ auth()->user()->role==='admin'?route('settings.security.devices'):route('dashboard') }}" class="operation-card {{ $offlineDeviceCount?'has-danger':'' }}"><span>Windows računala offline</span><strong>{{ $offlineDeviceCount }}</strong><small>Bez veze dulje od 15 min</small></a>
<a href="{{ route('plan.index',['date'=>today()->format('Y-m-d')]) }}" class="operation-card {{ $categoryConflictCount?'has-problem':'' }}"><span>Konflikti kategorija</span><strong>{{ $categoryConflictCount }}</strong><small>U istom reklamnom bloku</small></a>
<a href="{{ route('plan.index',['date'=>today()->format('Y-m-d')]) }}" class="operation-card {{ $voiceConflictCount?'has-problem':'' }}"><span>Konflikti vokala</span><strong>{{ $voiceConflictCount }}</strong><small>U istom reklamnom bloku</small></a>
@if(auth()->user()->role==='admin')<a href="{{ route('settings.backups.index') }}" class="operation-card {{ !$lastBackupAt||$lastBackupAt->lt(now()->subHours(30))?'has-danger':'' }}"><span>Posljednji backup</span><strong class="backup-time">{{ $lastBackupAt?->diffForHumans() ?? 'Nema' }}</strong><small>{{ $lastBackupAt?->format('d.m.Y. H:i:s') ?? 'Izradite prvu kopiju' }}</small></a>@endif
</div>
<h2 class="section-title">Posljednje narudžbe</h2><div class="table-scroll"><table><thead><tr><th>Broj</th><th>Oglašivač</th><th>Datum</th><th>Spotovi</th><th>Status</th></tr></thead><tbody>@forelse($recentOrders as $order)@php($statusLabel=['draft'=>'Nije spremna','planning'=>'Prijedlog plana','confirmed'=>'Potvrđena / U realizaciji','published'=>'Potvrđena / U realizaciji','completed'=>'Završena','cancelled'=>'Otkazana'][$order->status]??$order->status)<tr><td><a class="dashboard-edit-link" href="{{route('orders.show',$order)}}"><strong>{{$order->number}}</strong></a></td><td><a class="dashboard-edit-link" href="{{route('orders.show',$order)}}">{{$order->advertiser->name}}</a></td><td>{{$order->ordered_at->format('d.m.Y.')}}</td><td>{{$order->items->count()}}</td><td><span class="pill status-{{$order->status}}">{{$statusLabel}}</span></td></tr>@empty<tr><td colspan="5">Još nema narudžbi.</td></tr>@endforelse</tbody></table></div>
<style>.dashboard-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.metric-warning{border-color:#efb2ac;background:#fff7f6}.pill.status-planning{background:#e8f0fa;color:#315d88}.pill.status-draft{background:#f2ece1;color:#7c5a22}.operations-head{display:flex;align-items:end;justify-content:space-between;margin:30px 0 12px}.operations-head h2{margin:2px 0 0}.operations-head small{color:var(--muted)}.operations-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:11px;margin-bottom:30px}.operation-card{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-left:4px solid #67b898;border-radius:12px;background:var(--paper)}.operation-card strong{font-size:25px}.operation-card small{color:var(--muted)}.operation-card.has-problem{border-left-color:#d8a329;background:#fffdf5}.operation-card.has-danger{border-left-color:#d54b43;background:#fff8f7}.operation-card .backup-time{font-size:17px}@media(max-width:1100px){.operations-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.dashboard-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.dashboard-grid,.operations-grid{grid-template-columns:1fr}}</style>
<style>.audio-warning{margin:18px 0;padding:15px 18px;border:1px solid #efb2ac;border-left:5px solid #d54b43;border-radius:13px;background:#fff8f7}.audio-warning-title{display:flex;align-items:center;gap:12px}.audio-warning-title>span{font-size:24px}.audio-warning-title div{display:grid;gap:2px}.audio-warning-title small,.audio-warning-list span{color:#765b57}.audio-warning-title b{margin-left:auto;padding:4px 10px;border-radius:999px;background:#d54b43;color:#fff}.audio-warning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.audio-warning-list a{display:grid;gap:3px;padding:10px 12px;border:1px solid #f0d3cf;border-radius:9px;background:#fff}.audio-warning-list span{font-size:12px}@media(max-width:720px){.audio-warning-list{grid-template-columns:1fr}}</style>
@endsection