@extends('layouts.dashboard')

@section('title', 'Create New Summit / Event | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 p-md-5 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 pb-2 border-bottom">
        <h4 class="fw-bold mb-0">Schedule New Summit or Workshop</h4>
        <a href="{{ route('admin.events') }}" class="btn btn-sm btn-outline-secondary">Back to Events</a>
    </div>

    <form action="{{ route('admin.events.store') }}" method="POST">
        @csrf
        <div class="row g-3">
            <div class="col-md-8">
                <label class="form-label fw-semibold small">Event Title <span class="text-danger">*</span></label>
                <input type="text" name="title" value="{{ old('title') }}" required class="form-control" placeholder="e.g. National Symposium on Large Language Models">
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Category <span class="text-danger">*</span></label>
                <select name="event_category_id" required class="form-select">
                    <option value="">-- Select Category --</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" {{ old('event_category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Event Type <span class="text-danger">*</span></label>
                <select name="event_type" required class="form-select">
                    <option value="workshops" {{ old('event_type') === 'workshops' ? 'selected' : '' }}>Workshops</option>
                    <option value="webinars" {{ old('event_type') === 'webinars' ? 'selected' : '' }}>Webinars</option>
                    <option value="conferences" {{ old('event_type') === 'conferences' ? 'selected' : '' }}>Conferences</option>
                    <option value="hackathons" {{ old('event_type') === 'hackathons' ? 'selected' : '' }}>Hackathons</option>
                    <option value="fdp" {{ old('event_type') === 'fdp' ? 'selected' : '' }}>Faculty Development (FDP)</option>
                    <option value="projects" {{ old('event_type') === 'projects' ? 'selected' : '' }}>Student Projects</option>
                </select>
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Delivery Mode <span class="text-danger">*</span></label>
                <select name="mode" required class="form-select">
                    <option value="online" {{ old('mode') === 'online' ? 'selected' : '' }}>Online (Virtual Stream)</option>
                    <option value="offline" {{ old('mode') === 'offline' ? 'selected' : '' }}>Offline (In-Person)</option>
                    <option value="hybrid" {{ old('mode') === 'hybrid' ? 'selected' : '' }}>Hybrid</option>
                </select>
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Total Seat Capacity <span class="text-danger">*</span></label>
                <input type="number" name="capacity" value="{{ old('capacity', 100) }}" min="1" required class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Start Date &amp; Time <span class="text-danger">*</span></label>
                <input type="datetime-local" name="start_date" value="{{ old('start_date') }}" required class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">End Date &amp; Time <span class="text-danger">*</span></label>
                <input type="datetime-local" name="end_date" value="{{ old('end_date') }}" required class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Venue (if physical or hybrid)</label>
                <input type="text" name="venue" value="{{ old('venue') }}" class="form-control" placeholder="e.g. Science City Auditorium, Bengaluru">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Meeting URL (if online or hybrid)</label>
                <input type="url" name="meeting_url" value="{{ old('meeting_url') }}" class="form-control" placeholder="https://zoom.us/j/...">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Registration Fee (₹) <span class="text-danger">*</span></label>
                <input type="number" name="registration_fee" value="{{ old('registration_fee', 0) }}" step="0.01" min="0" required class="form-control">
            </div>

            <div class="col-md-6">
                <label class="form-label fw-semibold small">Keynote Speaker Name</label>
                <input type="text" name="speaker_name" value="{{ old('speaker_name') }}" class="form-control" placeholder="e.g. Dr. Vikram Sethi">
            </div>

            <div class="col-12">
                <label class="form-label fw-semibold small">Short Summary (Excerpt) <span class="text-danger">*</span></label>
                <textarea name="short_description" rows="2" required class="form-control" placeholder="1-2 sentences for card listings">{{ old('short_description') }}</textarea>
            </div>

            <div class="col-12">
                <label class="form-label fw-semibold small">Comprehensive Description <span class="text-danger">*</span></label>
                <textarea name="description" rows="6" required class="form-control" placeholder="Detailed syllabus, timetable, prerequisites, and learning outcomes">{{ old('description') }}</textarea>
            </div>

            <div class="col-12 mt-4 text-end">
                <button type="submit" class="default__button px-5 py-3">Publish Event</button>
            </div>
        </div>
    </form>
</div>

@endsection