@extends('layouts.dashboard')

@section('title', $promotion->exists ? 'Edit promotion' : 'Add promotion')

@section('content')
    <h1 class="font-display text-3xl mb-6">{{ $promotion->exists ? 'Edit promotion' : 'Add promotion' }}</h1>

    <form method="POST" action="{{ $promotion->exists ? route('dashboard.promotions.update', $promotion) : route('dashboard.promotions.store') }}" enctype="multipart/form-data" class="card p-6 space-y-4 max-w-xl">
        @csrf
        @if ($promotion->exists) @method('PUT') @endif

        <x-dashboard-field name="headline" label="Headline" :value="$promotion->headline" required />

        <div>
            <label for="text" class="label block mb-1">Text</label>
            <textarea id="text" name="text" class="textarea" rows="2">{{ old('text', $promotion->text) }}</textarea>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="button_label" label="Button label" :value="$promotion->button_label" />
            <x-dashboard-field name="link" label="Link" :value="$promotion->link" />
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <x-dashboard-field name="discount_code" label="Discount code" :value="$promotion->discount_code" />
            <div>
                <label for="discount_type" class="label block mb-1">Discount type</label>
                <select id="discount_type" name="discount_type" class="select">
                    <option value="">None</option>
                    @foreach (\App\Enums\DiscountType::cases() as $type)
                        <option value="{{ $type->value }}" @selected(old('discount_type', $promotion->discount_type?->value) === $type->value)>{{ ucfirst($type->value) }}</option>
                    @endforeach
                </select>
            </div>
            <x-dashboard-field name="discount_value" label="Discount value" type="number" step="0.01" :value="$promotion->discount_value" />
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="starts_at" label="Starts at" type="datetime-local" :value="$promotion->starts_at?->format('Y-m-d\TH:i')" />
            <x-dashboard-field name="ends_at" label="Ends at" type="datetime-local" :value="$promotion->ends_at?->format('Y-m-d\TH:i')" />
        </div>

        <div>
            <label for="image" class="label block mb-1">Image</label>
            @if ($promotion->image_path)
                <img src="{{ \Illuminate\Support\Facades\Storage::disk('public')->url($promotion->image_path) }}" alt="" class="h-24 rounded-card mb-2">
            @endif
            <input id="image" name="image" type="file" accept="image/*" class="input">
        </div>

        <x-dashboard-field name="sort_order" label="Sort order" type="number" :value="$promotion->sort_order ?? 0" required class="max-w-xs" />

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="live" value="1" @checked(old('live', $promotion->live ?? false))>
            Live (max 3)
        </label>
        @error('live') <p class="text-sm text-status-danger">{{ $message }}</p> @enderror

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="is_placeholder" value="1" @checked(old('is_placeholder', $promotion->is_placeholder ?? true))>
            Still placeholder copy
        </label>

        <button type="submit" class="btn btn-primary">Save</button>
    </form>
@endsection