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