@props(['event'])



<div class="form-grid">

    <div class="form-group">

        <label for="title">Titre *</label>

        <input type="text" id="title" name="title" value="{{ old('title', $event->title) }}" required>

        @error('title')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="description">Description</label>

        <textarea id="description" name="description" rows="4">{{ old('description', $event->description) }}</textarea>

        @error('description')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="category">Catégorie</label>

        <select id="category" name="category">

            @foreach(['social' => 'Social', 'party' => 'Soirée', 'sport' => 'Sport', 'culture' => 'Culture', 'networking' => 'Networking'] as $val => $label)

                <option value="{{ $val }}" @selected(old('category', $event->category ?? 'social') === $val)>{{ $label }}</option>

            @endforeach

        </select>

        @error('category')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="city">Ville</label>

        <input type="text" id="city" name="city" value="{{ old('city', $event->city) }}">

        @error('city')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="venue">Lieu</label>

        <input type="text" id="venue" name="venue" value="{{ old('venue', $event->venue) }}">

        @error('venue')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">
        <label for="latitude">Latitude (GPS)</label>
        <input type="number" step="any" id="latitude" name="latitude" value="{{ old('latitude', $event->latitude) }}" placeholder="5.3197">
    </div>
    <div class="form-group">
        <label for="longitude">Longitude (GPS)</label>
        <input type="number" step="any" id="longitude" name="longitude" value="{{ old('longitude', $event->longitude) }}" placeholder="-4.0267">
    </div>
    @if(($groups ?? collect())->isNotEmpty())
    <div class="form-group">
        <label for="group_id">Groupe lié</label>
        <select id="group_id" name="group_id">
            <option value="">— Aucun —</option>
            @foreach($groups as $group)
                <option value="{{ $group->id }}" @selected(old('group_id', $event->group_id) == $group->id)>{{ $group->name }}</option>
            @endforeach
        </select>
    </div>
    @endif

    <div class="form-group">

        <label for="starts_at">Date de début *</label>

        <input type="datetime-local" id="starts_at" name="starts_at" value="{{ old('starts_at', $event->starts_at?->format('Y-m-d\TH:i')) }}" required>

        @error('starts_at')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="ends_at">Date de fin</label>

        <input type="datetime-local" id="ends_at" name="ends_at" value="{{ old('ends_at', $event->ends_at?->format('Y-m-d\TH:i')) }}">

        <p class="field-hint">Optionnel — doit être égale ou postérieure à la date de début.</p>

        @error('ends_at')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    <div class="form-group">

        <label for="max_participants">Participants max.</label>

        <input type="number" id="max_participants" name="max_participants" min="1" value="{{ old('max_participants', $event->max_participants) }}">

        <p class="field-hint">Laissez vide pour un nombre illimité.</p>

        @error('max_participants')<span class="field-error">{{ $message }}</span>@enderror

    </div>

    @include('admin.partials.image-upload', ['label' => 'Image de l\'événement', 'currentUrl' => $event->image_url ?? null])

    <div class="form-check">

        <input type="checkbox" id="is_active" name="is_active" value="1" @checked(old('is_active', $event->is_active ?? true))>

        <label for="is_active">Événement actif (visible dans l'app)</label>

        @error('is_active')<span class="field-error">{{ $message }}</span>@enderror

    </div>

</div>



<style>

.field-error { color:#dc2626; font-size:0.8rem; display:block; margin-top:0.35rem; }

.field-hint { font-size:0.75rem; color:#9ca3af; margin:0.35rem 0 0; }

</style>