@include('admin.header', [
    'title' => $exhibition->exists ? 'Edit Exhibition' : 'Add Exhibition',
    'active' => 'exhibitions',
    'searchPlaceholder' => 'Search exhibitions, locations, leads...'
])

<section class="page-hero mb-3">
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3">
        <div>
            <h1 class="page-title mb-2">{{ $exhibition->exists ? 'Edit Exhibition' : 'Add Exhibition' }}</h1>
            <p class="mb-0 text-secondary">Each active exhibition receives its own trackable QR scanner.</p>
        </div>
        <a class="btn-outline-earth" href="{{ route('admin.exhibitions.index') }}"><i class="bi bi-arrow-left"></i> Back</a>
    </div>
</section>

<form class="content-card" method="POST" action="{{ $exhibition->exists ? route('admin.exhibitions.update', $exhibition) : route('admin.exhibitions.store') }}">
    @csrf
    @if ($exhibition->exists)
        @method('PATCH')
    @endif

    <div class="card-head">
        <h2 class="card-title"><span class="title-icon"><i class="bi bi-calendar-event-fill"></i></span>Exhibition Details</h2>
    </div>
    <div class="card-body-pad">
        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label fw-bold" for="name">Exhibition Name</label>
                <input class="form-control @error('name') is-invalid @enderror" id="name" name="name" value="{{ old('name', $exhibition->name) }}" required>
                @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="location">Location</label>
                <input class="form-control @error('location') is-invalid @enderror" id="location" name="location" value="{{ old('location', $exhibition->location) }}">
                @error('location')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="starts_on">Start Date</label>
                <input class="form-control @error('starts_on') is-invalid @enderror" id="starts_on" name="starts_on" type="date" value="{{ old('starts_on', optional($exhibition->starts_on)->format('Y-m-d')) }}">
                @error('starts_on')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-md-6">
                <label class="form-label fw-bold" for="ends_on">End Date</label>
                <input class="form-control @error('ends_on') is-invalid @enderror" id="ends_on" name="ends_on" type="date" value="{{ old('ends_on', optional($exhibition->ends_on)->format('Y-m-d')) }}">
                @error('ends_on')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
                <label class="form-label fw-bold" for="notes">Notes</label>
                <textarea class="form-control @error('notes') is-invalid @enderror" id="notes" name="notes" rows="4">{{ old('notes', $exhibition->notes) }}</textarea>
                @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="col-12">
                <div class="form-check">
                    <input class="form-check-input" id="is_active" name="is_active" type="checkbox" value="1" @checked(old('is_active', $exhibition->is_active ?? true))>
                    <label class="form-check-label fw-bold" for="is_active">Active QR scanner</label>
                </div>
            </div>
        </div>

        <div class="d-flex gap-2 mt-4">
            <button class="btn-earth" type="submit"><i class="bi bi-save"></i> Save Exhibition</button>
            <a class="btn-outline-earth" href="{{ route('admin.exhibitions.index') }}">Cancel</a>
        </div>
    </div>
</form>

@include('admin.footer')