@extends("layouts.admin")

@section("content")
<div class="container">
    <h1>Add New Event</h1>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route("admin.events.store") }}" method="POST">
        @csrf
        <div class="mb-3">
            <label for="name" class="form-label">Event Name</label>
            <input type="text" class="form-control" id="name" name="name" value="{{ old("name") }}" required>
        </div>

        <div class="mb-3">
            <label for="client_id" class="form-label">Client</label>
            <select class="form-select" id="client_id" name="client_id" required>
                <option value="">Select a Client</option>
                @foreach ($clients as $client)
                    <option value="{{ $client->id }}" {{ old("client_id") == $client->id ? "selected" : "" }}>{{ $client->name }}</option>
                @endforeach
            </select>
        </div>

        <div class="mb-3">
            <label for="description" class="form-label">Description</label>
            <textarea class="form-control" id="description" name="description" rows="3">{{ old("description") }}</textarea>
        </div>

        <div class="row">
            <div class="col-md-6 mb-3">
                <label for="start_datetime" class="form-label">Start Date and Time</label>
                <input type="datetime-local" class="form-control" id="start_datetime" name="start_datetime" value="{{ old("start_datetime") }}">
            </div>
            <div class="col-md-6 mb-3">
                <label for="end_datetime" class="form-label">End Date and Time</label>
                <input type="datetime-local" class="form-control" id="end_datetime" name="end_datetime" value="{{ old("end_datetime") }}">
            </div>
        </div>

        <div class="mb-3">
            <label for="location" class="form-label">Location</label>
            <input type="text" class="form-control" id="location" name="location" value="{{ old("location") }}">
        </div>

        <div class="mb-3 form-check">
            <input type="checkbox" class="form-check-input" id="is_active" name="is_active" value="1" {{ old("is_active", 1) ? "checked" : "" }}>
            <label class="form-check-label" for="is_active">Active</label>
        </div>

        <button type="submit" class="btn btn-primary">Submit</button>
        <a href="{{ route("admin.events.index") }}" class="btn btn-secondary">Cancel</a>
    </form>
</div>
@endsection