@extends('layouts.admin')

@section('content')

<div class="container-fluid">

    <!-- Page Header -->
    <div class="admin-page-header mb-4">
        <div>
            <h2><i class="fas fa-calendar-plus me-2" style="color: var(--admin-accent);"></i> Add New Event</h2>
            <small>Create an upcoming or past event for the website.</small>
        </div>
        <a href="{{ route('admin.events') }}" class="btn btn-admin-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i> Back to Events
        </a>
    </div>

    <!-- Info Box -->
    <div class="admin-info-box">
        <p>Provide the event title, guest speakers (optional), location, date, time, status, and upload images.</p>
        <p class="scripture mb-0">"Go therefore and make disciples of all nations." — Matthew 28:19</p>
    </div>

    @include('partials.alerts')

    <div class="admin-form-card">
        <div class="card-header">
            <i class="fas fa-edit me-2"></i> Event Details
        </div>
        <div class="card-body">
            <form method="POST" action="{{ route('admin.events.store') }}" enctype="multipart/form-data" class="admin-form-track">
                @csrf

                <div class="row">

                    <div class="col-md-6 mb-3">
                        <label for="title" class="form-label">Event Title</label>
                        <input type="text" name="title" id="title" class="form-control @error('title') is-invalid @enderror" placeholder="Example: Easter Service" value="{{ old('title') }}" required>
                        @error('title')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="guest_speakers" class="form-label">Guest Speakers</label>
                        <input type="text" name="guest_speakers" id="guest_speakers" class="form-control @error('guest_speakers') is-invalid @enderror" placeholder="Optional, comma separated" value="{{ old('guest_speakers') }}">
                        @error('guest_speakers')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="location" class="form-label">Location</label>
                        <input type="text" name="location" id="location" class="form-control @error('location') is-invalid @enderror" placeholder="Example: Church Hall" value="{{ old('location') }}" required>
                        @error('location')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-3 mb-3">
                        <label for="event_date" class="form-label">Event Date</label>
                        <input type="date" name="event_date" id="event_date" class="form-control @error('event_date') is-invalid @enderror" value="{{ old('event_date') }}" required>
                        @error('event_date')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-3 mb-3">
                        <label for="event_time" class="form-label">Event Time</label>
                        <input type="time" name="event_time" id="event_time" class="form-control @error('event_time') is-invalid @enderror" value="{{ old('event_time') }}" required>
                        @error('event_time')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        <label for="status" class="form-label">Event Status</label>
                        <select name="status" id="status" class="form-select @error('status') is-invalid @enderror">
                            <option value="Upcoming" {{ old('status', 'Upcoming') === 'Upcoming' ? 'selected' : '' }}>Upcoming</option>
                            <option value="Completed" {{ old('status') === 'Completed' ? 'selected' : '' }}>Completed</option>
                        </select>
                        @error('status')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-md-6 mb-3">
                        @include('partials.file-upload', ['name' => 'images', 'label' => 'Event Images', 'id' => 'images'])
                    </div>

                    <div class="col-12 mb-4">
                        <label for="description" class="form-label">Event Description</label>
                        <textarea name="description" id="description" class="form-control @error('description') is-invalid @enderror" rows="8" placeholder="Event description..." required>{{ old('description') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                </div>

                <div class="d-flex justify-content-between mt-2">
                    <a href="{{ route('admin.events') }}" class="btn btn-outline-secondary">
                        <i class="fas fa-times me-1"></i> Cancel
                    </a>
                    <button class="btn btn-admin-primary px-4">
                        <i class="fas fa-plus me-1"></i> Add Event
                    </button>
                </div>

            </form>
        </div>
    </div>

</div>

@endsection