@extends('layouts.admin')
@section('title', $offer->exists ? 'Edit Offer' : 'New Offer')
@section('content')
<h1 class="text-2xl font-bold mb-6">{{ $offer->exists ? 'Edit' : 'New' }} Offer</h1>
<form method="POST" action="{{ $offer->exists ? route('admin.offers.update', $offer) : route('admin.offers.store') }}" class="bg-white rounded-xl shadow-sm p-6 space-y-4 max-w-lg">
@csrf @if($offer->exists) @method('PUT') @endif
<div><label class="text-sm font-medium">Product</label><select name="product_id" required class="w-full border rounded-lg px-3 py-2 mt-1">
<option value="">Select</option>@foreach($products as $p)<option value="{{ $p->id }}" {{ $offer->product_id == $p->id ? 'selected' : '' }}>{{ $p->title }}</option>@endforeach</select></div>
<div><label class="text-sm font-medium">Headline</label><input name="headline" value="{{ old('headline', $offer->headline) }}" required class="w-full border rounded-lg px-3 py-2 mt-1"></div>
<div class="grid grid-cols-2 gap-4">
<div><label class="text-sm font-medium">Text Colour</label><input type="color" name="text_color" value="{{ old('text_color', $offer->text_color ?: '#ffffff') }}" class="w-full h-10 border rounded-lg mt-1"></div>
<div><label class="text-sm font-medium">Background Colour</label><input type="color" name="bg_color" value="{{ old('bg_color', $offer->bg_color ?: '#111111') }}" class="w-full h-10 border rounded-lg mt-1"></div>
</div>
<label class="flex items-center gap-2 text-sm"><input type="checkbox" name="is_active" value="1" {{ old('is_active', $offer->id ? $offer->is_active : true) ? 'checked' : '' }}> Active</label>
<button class="bg-brand text-white px-6 py-2 rounded-lg font-semibold">Save</button>
</form>
@endsection