@extends('layouts.admin')

@section('title', 'Edit Campaign')
@section('page-title', 'Edit Campaign')

@section('content')

<div class="max-w-4xl mx-auto bg-white rounded-xl shadow p-6">

    <h2 class="text-lg font-semibold mb-4">Edit Campaign</h2>

    <form action="{{ route('admin.campaigns.update', $campaign->id) }}"
          method="POST"
          class="space-y-6">
        @csrf
        @method('PUT')

        <!-- Campaign Name -->
        <div>
            <label class="block text-sm font-medium mb-1">Campaign Name *</label>
            <input type="text" name="name" required
                   value="{{ $campaign->name }}"
                   class="w-full border rounded-lg px-3 py-2">
        </div>

        <!-- Game Type -->
        <div>
            <label class="block text-sm font-medium mb-1">Game Type *</label>
            <select name="game_type" required class="w-full border rounded-lg px-3 py-2">
                <option value="spin" {{ $campaign->game_type === 'spin' ? 'selected' : '' }}>
                    Spin & Win
                </option>
                <option value="scratch" {{ $campaign->game_type === 'scratch' ? 'selected' : '' }}>
                    Scratch & Win
                </option>
            </select>
        </div>

        <!-- Date Range -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium mb-1">Start Date *</label>
                <input type="datetime-local" name="start_date" required
                       value="{{ \Carbon\Carbon::parse($campaign->start_date)->format('Y-m-d\TH:i') }}"
                       class="w-full border rounded-lg px-3 py-2">
            </div>

            <div>
                <label class="block text-sm font-medium mb-1">End Date *</label>
                <input type="datetime-local" name="end_date" required
                       value="{{ \Carbon\Carbon::parse($campaign->end_date)->format('Y-m-d\TH:i') }}"
                       class="w-full border rounded-lg px-3 py-2">
            </div>
        </div>

        <!-- Status -->
        <div>
            <label class="block text-sm font-medium mb-1">Status *</label>
            <select name="is_active" class="w-full border rounded-lg px-3 py-2">
                <option value="1" {{ $campaign->is_active ? 'selected' : '' }}>Active</option>
                <option value="0" {{ !$campaign->is_active ? 'selected' : '' }}>Inactive</option>
            </select>
        </div>

        <!-- Campaign Code (Read-only) -->
        <div>
            <label class="block text-sm font-medium mb-1">Campaign Code</label>
            <input type="text" readonly
                   value="{{ $campaign->code }}"
                   class="w-full border rounded-lg px-3 py-2 bg-gray-100">
        </div>

        <!-- Actions -->
        <div class="flex justify-end gap-3">
            <a href="{{ route('admin.campaigns.index') }}"
               class="px-4 py-2 border rounded-lg">
                Cancel
            </a>
            <button type="submit"
                    class="px-5 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
                Update Campaign
            </button>
        </div>

    </form>

</div>

@endsection