@extends('layouts.app')
@section('title','Spotovi')
@section('content')
<div class="top"><div><div class="eyebrow">Audio biblioteka reklama</div><h1>Spotovi</h1></div><a class="btn" href="{{ route('spots.create') }}">+ Novi spot</a></div>
<div class="table-scroll"><table><thead><tr><th>Šifra</th><th>Naziv</th><th>Klijent</th><th>Kategorija</th><th>Vokal</th><th>Trajanje</th><th>Status</th><th></th></tr></thead><tbody>
@forelse($spots as $spot)
@php($statusLabel=['preparation'=>'Priprema','approved'=>'Odobren','active'=>'Aktivan','expired'=>'Istekao','archived'=>'Arhiviran'][$spot->status]??$spot->status)
<tr><td><a class="row-edit-link" href="{{ route('spots.edit',$spot) }}" title="Uredi spot"><strong>{{ $spot->code }}</strong></a></td><td><a class="row-edit-link" href="{{ route('spots.edit',$spot) }}" title="Uredi spot">{{ $spot->name }}</a></td><td>{{ $spot->client->name }}</td><td>{{ $spot->category ?: '—' }}</td><td>{{ $spot->voice_talent ?: '—' }}</td><td>{{ $spot->duration_label }}</td><td><span class="pill">{{ $statusLabel }}</span></td><td><div class="spot-actions"><a title="Uredi" aria-label="Uredi spot" href="{{ route('spots.edit',$spot) }}">✎</a></div></td></tr>
@empty<tr><td colspan="8">Još nema spotova.</td></tr>@endforelse
</tbody></table></div><div class="pagination">{{ $spots->links() }}</div>
<style>.table-scroll{overflow:auto}.row-edit-link,.row-edit-link:hover{color:inherit;text-decoration:none}.row-edit-link:hover{color:var(--brand)}.spot-actions{display:flex;align-items:center}.spot-actions a{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:17px;text-decoration:none}</style>
@endsection