@extends('admin.layouts.app')
@section('title', 'Banners')
@section('content')
<div class="card" style="margin-bottom:20px;">
    <h3 style="margin-bottom:14px;">Add Banner</h3>
    <form method="POST" action="{{ route('admin.banners.store') }}" enctype="multipart/form-data" class="grid-3">
        @csrf
        <div class="field"><label>Banner Image</label><input type="file" name="image" accept="image/*" required></div>
        <div class="field"><label>Title</label><input type="text" name="title"></div>
        <div class="field"><label>Subtitle</label><input type="text" name="subtitle"></div>
        <div class="field"><label>Button Text</label><input type="text" name="button_text"></div>
        <div class="field"><label>Button Link</label><input type="text" name="button_link"></div>
        <div class="field"><label>Sort Order</label><input type="number" name="sort_order" value="0"></div>
        <div class="field"><label>Start Date</label><input type="date" name="start_date"></div>
        <div class="field"><label>End Date</label><input type="date" name="end_date"></div>
        <div class="field" style="align-self:end;"><label><input type="checkbox" name="is_active" value="1" checked style="width:auto;"> Active</label></div>
        <button class="btn btn-primary" type="submit">Add Banner</button>
    </form>
</div>
<div class="grid-3">
    @foreach($banners as $b)
        <div class="card hover-lift">
            <img src="{{ asset('storage/'.$b->image) }}" style="width:100%; height:140px; object-fit:cover; border-radius:12px; margin-bottom:10px;">
            <h4>{{ $b->title }}</h4>
            <p style="opacity:0.6; font-size:0.85rem;">{{ $b->subtitle }}</p>
            <div style="display:flex; gap:8px; margin-top:10px;">
                <form method="POST" action="{{ route('admin.banners.destroy', $b) }}" onsubmit="return confirm('Delete banner?');">@csrf @method('DELETE')<button class="btn btn-danger btn-sm">Delete</button></form>
            </div>
        </div>
    @endforeach
</div>
@endsection