@extends('layouts.admin')
@section('title', 'Edit Event')
@section('page-title', 'Edit Event')
@section('page-subtitle', 'Update event details')

@section('content')
<div class="card-royal p-6">
    <form action="{{ route('admin.events.update', $event->id) }}" method="POST" class="space-y-6">
        @csrf
        @method('PUT')
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div class="md:col-span-2">
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Event Title *</label>
                <input type="text" name="title" value="{{ old('title', $event->title) }}" required
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
        </div>
        
        <div>
            <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Description</label>
            <textarea name="description" rows="4"
                class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">{{ old('description', $event->description) }}</textarea>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Event Type *</label>
                <select name="event_type" required class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
                    <option value="service" {{ $event->event_type == 'service' ? 'selected' : '' }}>Sunday Service</option>
                    <option value="bible_study" {{ $event->event_type == 'bible_study' ? 'selected' : '' }}>Bible Study</option>
                    <option value="youth" {{ $event->event_type == 'youth' ? 'selected' : '' }}>Youth</option>
                    <option value="women" {{ $event->event_type == 'women' ? 'selected' : '' }}>Women's Ministry</option>
                    <option value="men" {{ $event->event_type == 'men' ? 'selected' : '' }}>Men's Fellowship</option>
                    <option value="children" {{ $event->event_type == 'children' ? 'selected' : '' }}>Children's Program</option>
                    <option value="outreach" {{ $event->event_type == 'outreach' ? 'selected' : '' }}>Outreach</option>
                    <option value="fellowship" {{ $event->event_type == 'fellowship' ? 'selected' : '' }}>Fellowship</option>
                    <option value="other" {{ $event->event_type == 'other' ? 'selected' : '' }}>Other</option>
                </select>
            </div>
            
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Location</label>
                <input type="text" name="location" value="{{ old('location', $event->location) }}"
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Start Date & Time *</label>
                <input type="datetime-local" name="start_date" value="{{ old('start_date', $event->start_date->format('Y-m-d\TH:i')) }}" required
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
            
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">End Date & Time *</label>
                <input type="datetime-local" name="end_date" value="{{ old('end_date', $event->end_date->format('Y-m-d\TH:i')) }}" required
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Max Participants</label>
                <input type="number" name="max_participants" value="{{ old('max_participants', $event->max_participants) }}" min="1"
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
            
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Ticket Price</label>
                <input type="number" name="ticket_price" value="{{ old('ticket_price', $event->ticket_price) }}" min="0" step="0.01"
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
            
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">RSVP Deadline</label>
                <input type="datetime-local" name="rsvp_deadline" value="{{ old('rsvp_deadline', $event->rsvp_deadline?->format('Y-m-d\TH:i')) }}"
                    class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
            </div>
        </div>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Reminder Settings</label>
                <div class="space-y-3">
                    <div class="flex items-center">
                        <input type="checkbox" name="send_reminders" value="1" id="send_reminders" {{ $event->send_reminders ? 'checked' : '' }}
                            class="w-5 h-5 rounded border-[var(--border-color)] text-gold-500 focus:ring-gold-500">
                        <label for="send_reminders" class="ml-2 text-sm text-[var(--text-primary)]">Send automatic reminders</label>
                    </div>
                    <div class="flex items-center gap-2">
                        <label class="text-sm text-[var(--text-primary)]">Remind</label>
                        <input type="number" name="reminder_hours" value="{{ old('reminder_hours', $event->reminder_hours) }}" min="1"
                            class="w-20 px-2 py-1 rounded border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
                        <span class="text-sm text-[var(--text-primary)]">hours before</span>
                    </div>
                </div>
            </div>
            
            <div>
                <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Event Options</label>
                <div class="space-y-3">
                    <div class="flex items-center">
                        <input type="checkbox" name="enable_rsvp" value="1" id="enable_rsvp" {{ $event->enable_rsvp ? 'checked' : '' }}
                            class="w-5 h-5 rounded border-[var(--border-color)] text-gold-500 focus:ring-gold-500">
                        <label for="enable_rsvp" class="ml-2 text-sm text-[var(--text-primary)]">Enable RSVP</label>
                    </div>
                    <div class="flex items-center">
                        <input type="checkbox" name="is_public" value="1" id="is_public" {{ $event->is_public ? 'checked' : '' }}
                            class="w-5 h-5 rounded border-[var(--border-color)] text-gold-500 focus:ring-gold-500">
                        <label for="is_public" class="ml-2 text-sm text-[var(--text-primary)]">Public event</label>
                    </div>
                </div>
            </div>
        </div>
        
        <div>
            <label class="block text-sm font-medium text-[var(--text-primary)] mb-2">Status</label>
            <select name="status" class="w-full px-4 py-3 rounded-lg border border-[var(--border-color)] bg-[var(--bg-secondary)] text-[var(--text-primary)]">
                <option value="draft" {{ $event->status == 'draft' ? 'selected' : '' }}>Draft</option>
                <option value="published" {{ $event->status == 'published' ? 'selected' : '' }}>Published</option>
                <option value="completed" {{ $event->status == 'completed' ? 'selected' : '' }}>Completed</option>
                <option value="cancelled" {{ $event->status == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
            </select>
        </div>
        
        <div class="flex justify-end gap-4">
            <a href="{{ route('admin.events.show', $event->id) }}" class="px-6 py-3 rounded-lg border border-[var(--border-color)] text-[var(--text-primary)] hover:bg-[var(--bg-secondary)]">
                Cancel
            </a>
            <button type="submit" class="btn-royal px-8 py-3 rounded-lg text-white font-semibold">
                <i class="fas fa-save mr-2"></i> Update Event
            </button>
        </div>
    </form>
</div>
@endsection