@extends('layouts.admin')
@section('title', 'Banners')
@section('actions')<a href="{{ route('admin.banners.create') }}" class="btn btn-sm btn-primary"><i class="bi bi-plus-lg"></i> New banner</a>@endsection

@section('content')
<div class="card">
    <div class="table-responsive">
        <table class="table table-hover align-middle">
            <thead><tr><th></th><th>Banner</th><th>Placement</th><th>Audience</th><th>Runs</th><th>Order</th><th>Active</th><th></th></tr></thead>
            <tbody>
            @forelse ($banners as $b)
                @php $live = $b->is_active && (! $b->starts_at || $b->starts_at->isPast()) && (! $b->ends_at || $b->ends_at->isFuture()); @endphp
                <tr>
                    <td style="width:110px">@if ($b->mediaFile)<img src="{{ \App\Services\MediaService::url($b->mediaFile) }}" class="rounded" style="width:96px;height:54px;object-fit:cover" alt="">@else<span class="thumb" style="width:96px"><i class="bi bi-image"></i></span>@endif</td>
                    <td><a href="{{ route('admin.banners.edit', $b) }}" class="fw-semibold">{{ $b->title }}</a><div class="small text-muted-2">{{ $b->subtitle }}</div></td>
                    <td>{{ $placements[$b->placement] ?? $b->placement }}</td>
                    <td class="small">{{ $b->targetRole?->name ?? 'Everyone' }} · {{ $b->language?->name ?? 'all languages' }}</td>
                    <td class="small text-nowrap">{{ $b->starts_at ? ist($b->starts_at, 'd M') : 'now' }} – {{ $b->ends_at ? ist($b->ends_at, 'd M') : 'open' }}</td>
                    <td>{{ $b->sort_order }}</td>
                    <td>{!! $live ? '<span class="badge text-bg-success">Live</span>' : '<span class="badge text-bg-secondary">Off</span>' !!}</td>
                    <td><form method="POST" action="{{ route('admin.banners.destroy', $b) }}">@csrf @method('DELETE')<button class="btn btn-sm btn-light text-danger" data-confirm="Delete this banner?"><i class="bi bi-trash"></i></button></form></td>
                </tr>
            @empty
                <tr><td colspan="8"><div class="empty-state"><i class="bi bi-image"></i>No banners yet.</div></td></tr>
            @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection