@extends('layouts.admin')
@section('title', 'Banners')
@section('content')
<div class="flex justify-between items-center mb-6"><h1 class="text-2xl font-bold">Banners</h1><a href="{{ route('admin.banners.create') }}" class="bg-brand text-white px-4 py-2 rounded-lg text-sm font-semibold">+ Upload</a></div>
<div class="grid grid-cols-2 md:grid-cols-4 gap-4">
@foreach($banners as $banner)
<div class="bg-white rounded-xl shadow-sm overflow-hidden">
<img src="{{ asset('storage/'.$banner->image) }}" class="w-full h-28 object-cover">
<div class="p-2 flex justify-between items-center text-sm">
<span>{{ $banner->is_active ? 'Active' : 'Inactive' }}</span>
<div class="space-x-2"><a href="{{ route('admin.banners.edit', $banner) }}" class="text-brand">Edit</a>
<form method="POST" action="{{ route('admin.banners.destroy', $banner) }}" class="inline" onsubmit="return confirm('Delete?')">@csrf @method('DELETE')<button class="text-red-500">Del</button></form></div>
</div></div>
@endforeach
</div>
@endsection