@extends('layouts.app')

@section('content')
<style>
    .price-actions { display:flex; align-items:center; gap:6px; }
    .price-action { width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; border:1px solid #d8e0dc; border-radius:8px; background:#fff; color:var(--primary); text-decoration:none; font-size:16px; font-weight:700; }
    .price-action:hover { background:#eef7f3; border-color:#bdd6cb; }
    .price-action.danger { color:var(--danger); cursor:pointer; }
    .inline-form { display:inline; margin:0; }
</style>

<div class="top">
    <h1>Cjenici</h1>
    <a class="btn" href="{{ route('prices.create') }}">+ Novi cjenik</a>
</div>

<table>
    <thead>
        <tr><th>Naziv</th><th>Vrijedi od</th><th>Vrijedi do</th><th>Status</th><th>Stavke</th><th>Akcije</th></tr>
    </thead>
    <tbody>
        @foreach($lists as $list)
            @php($current = $list->active && $list->valid_from->lte(today()) && (!$list->valid_until || $list->valid_until->gte(today())))
            <tr>
                <td><strong>{{ $list->name }}</strong></td>
                <td>{{ $list->valid_from->format('d.m.Y.') }}</td>
                <td>{{ $list->valid_until?->format('d.m.Y.') ?? 'Bez ograničenja' }}</td>
                <td><span class="pill" style="{{ $current ? '' : 'background:#f3e8e7;color:var(--danger)' }}">{{ $current ? 'Aktualan' : ($list->active ? 'Izvan razdoblja' : 'Neaktivan') }}</span></td>
                <td>{{ $list->items_count }}</td>
                <td>
                    <div class="price-actions">
                        <a class="price-action" href="{{ route('prices.show', $list) }}" title="Otvori / pregled" aria-label="Otvori cjenik">◉</a>
                        <a class="price-action" href="{{ route('prices.edit', $list) }}" title="Uredi" aria-label="Uredi cjenik">✎</a>
                        <a class="price-action" href="{{ route('prices.pdf', $list) }}" target="_blank" title="PDF / ispis" aria-label="PDF i ispis cjenika">▤</a>
                        <form class="inline-form" method="post" action="{{ route('prices.destroy', $list) }}" onsubmit="return confirm('Obrisati ovaj cjenik i sve njegove stavke? Ponude i računi ostaju sačuvani.')">
                            @csrf @method('DELETE')
                            <button class="price-action danger" type="submit" title="Obriši cjenik" aria-label="Obriši cjenik">×</button>
                        </form>
                    </div>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>
@endsection