@extends('admin.layout') @section('heading','Homepage banners') @section('content')<div class="grid gap-8 xl:grid-cols-[1fr_390px]"><section class="rounded-2xl bg-white p-6 shadow-sm"><div class="mb-5"><h2 class="display text-lg font-bold text-[#271044]">Published banners</h2><p class="text-sm text-slate-500">Use a placement such as <b>after_hero</b> or <b>after_featured_products</b>. Each banner appears directly below that homepage section.</p></div><div class="space-y-3">@forelse($banners as $banner)<article class="flex items-center justify-between rounded-xl border p-4"><div><p class="font-bold">{{$banner->title}}</p><p class="text-xs text-slate-500">{{$banner->position}} · Priority {{$banner->priority}} · {{$banner->is_active?'Active':'Hidden'}}</p></div><form method="POST" action="{{route('admin.banners.delete',$banner)}}">@csrf @method('DELETE')<button class="text-xs font-bold text-red-600">DELETE</button></form></article>@empty<p class="py-8 text-center text-slate-500">No banners yet.</p>@endforelse</div><div class="mt-5">{{$banners->links()}}</div></section><aside class="rounded-2xl bg-white p-6 shadow-sm"><h2 class="display text-lg font-bold text-[#271044]">Post a banner</h2><form method="POST" action="{{route('admin.banners.store')}}" class="mt-5 grid gap-3">@csrf<input name="title" required placeholder="Banner title" class="rounded-lg border p-3 text-sm"><textarea name="subtitle" placeholder="Supporting text" class="rounded-lg border p-3 text-sm"></textarea><input name="image" type="url" placeholder="Background image URL (optional)" class="rounded-lg border p-3 text-sm"><input name="button_text" placeholder="Button label" class="rounded-lg border p-3 text-sm"><input name="button_link" placeholder="Button link" class="rounded-lg border p-3 text-sm"><select name="position" class="rounded-lg border p-3 text-sm">@foreach($sections as $section)<option value="after_{{$section->key}}">After {{$section->name}}</option>@endforeach</select><input name="priority" type="number" min="0" value="0" class="rounded-lg border p-3 text-sm"><label class="text-sm"><input name="is_active" value="1" type="checkbox" checked> Publish now</label><button class="rounded-lg bg-red-600 py-3 text-xs font-bold text-white">POST BANNER</button></form></aside></div>@endsection