@extends('layouts.admin')
@section('title', 'Banners & Hero Sections')
@section('content')
<div class="flex justify-between items-center mb-6">
    <div>
        <h2 class="text-2xl font-playfair font-bold text-cream">Banners</h2>
        <p class="text-cream/50 text-sm">Manage your homepage hero slides and promotional banners.</p>
    </div>
    <a href="{{ route('admin.banners.create') }}" class="btn-primary">
        <i class="fas fa-plus mr-2"></i> Add New Banner
    </a>
</div>

<div class="admin-card overflow-hidden">
    <table class="min-w-full">
        <thead>
            <tr>
                <th>Preview</th>
                <th>Title / Position</th>
                <th>Status</th>
                <th>Order</th>
                <th class="text-right">Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($banners as $banner)
            <tr>
                <td>
                    <img src="{{ $banner->image_url }}" alt="" class="w-20 h-12 object-cover rounded border border-gold/20">
                </td>
                <td>
                    <div class="font-medium text-cream">{{ $banner->title ?: 'Untitled Banner' }}</div>
                    <div class="text-xs text-gold uppercase tracking-widest">{{ $banner->position }}</div>
                </td>
                <td>
                    <span class="badge {{ $banner->is_active ? 'badge-green' : 'badge-red' }}">
                        {{ $banner->is_active ? 'Active' : 'Inactive' }}
                    </span>
                </td>
                <td>{{ $banner->sort_order }}</td>
                <td class="text-right space-x-2">
                    <a href="{{ route('admin.banners.edit', $banner) }}" class="text-gold hover:text-white transition-colors">
                        <i class="fas fa-edit"></i>
                    </a>
                    <form action="{{ route('admin.banners.destroy', $banner) }}" method="POST" class="inline">
                        @csrf @method('DELETE')
                        <button type="submit" class="text-red-400 hover:text-red-300 transition-colors" onclick="return confirm('Delete this banner?')">
                            <i class="fas fa-trash"></i>
                        </button>
                    </form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="5" class="text-center py-10 text-cream/30">No banners found. Create your first one to spice up the homepage!</td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection