@extends('admin.layouts.dashboard')

@section('title', 'Create Offer')

@section('content')
    <div class="space-y-6 max-w-5xl">
        <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
            <div>
                <h1 class="text-2xl font-bold text-white">Create Offer</h1>
                <p class="text-gray-400 text-sm mt-1">Add a new offer and assign it to a partner.</p>
            </div>
            <a href="{{ route('admin.offers.index') }}" class="px-4 py-2 bg-[#1e293b] border border-gray-700 text-white rounded-lg text-sm">Back to Offers</a>
        </div>

        @if ($errors->any())
            <div class="rounded-xl border border-red-800 bg-red-900/20 px-4 py-3 text-sm text-red-300">
                <ul class="list-disc pl-5 space-y-1">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form method="post" action="{{ route('admin.offers.store') }}" class="bg-[#1e293b] rounded-xl border border-gray-800 p-6 grid grid-cols-1 md:grid-cols-2 gap-5">
            @csrf

            <div class="md:col-span-2">
                <label class="block text-sm font-medium text-gray-300 mb-1">Partner</label>
                <select name="partner_user_id" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
                    <option value="" disabled @selected(old('partner_user_id') === null)>Select partner</option>
                    @foreach ($partners as $partner)
                        <option value="{{ $partner->id }}" @selected((string) old('partner_user_id') === (string) $partner->id)>
                            {{ $partner->company_name ?: $partner->name }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Offer Title</label>
                <input type="text" name="title" value="{{ old('title') }}" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Discount Label</label>
                <input type="text" name="discount_label" value="{{ old('discount_label') }}" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Category</label>
                <select name="category" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
                    @foreach ($categoryOptions as $value => $label)
                        <option value="{{ $value }}" @selected(old('category') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Status</label>
                <select name="status" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
                    @foreach ($statusOptions as $value => $label)
                        <option value="{{ $value }}" @selected(old('status', 'active') === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Valid From</label>
                <input type="date" name="valid_from" value="{{ old('valid_from') }}" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
            </div>
            <div>
                <label class="block text-sm font-medium text-gray-300 mb-1">Valid Until</label>
                <input type="date" name="valid_until" value="{{ old('valid_until') }}" required class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">
            </div>

            <div class="md:col-span-2">
                <label class="block text-sm font-medium text-gray-300 mb-1">Description</label>
                <textarea name="description" rows="4" class="w-full px-3 py-2 rounded-lg bg-[#0f172a] border border-gray-700 text-sm text-white">{{ old('description') }}</textarea>
            </div>

            <div class="md:col-span-2 flex items-center gap-3 pt-2">
                <button type="submit" class="px-4 py-2 bg-blue-600 text-white rounded-lg text-sm">Create Offer</button>
                <a href="{{ route('admin.offers.index') }}" class="px-4 py-2 bg-[#0f172a] border border-gray-700 text-gray-200 rounded-lg text-sm">Cancel</a>
            </div>
        </form>
    </div>
@endsection