@extends('admin.layout')

@section('title', 'Modifier le programme')
@section('header', 'Modifier : ' . $schedule->title)

@section('content')
<form action="{{ route('admin.events.schedule.update', [$event, $schedule]) }}" method="POST">
    @csrf
    @method('PUT')
    
    <div class="row">
        <div class="col-lg-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Détails de l'élément</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12 mb-3">
                            <label for="title" class="form-label">Titre <span class="text-danger">*</span></label>
                            <input type="text" class="form-control @error('title') is-invalid @enderror" 
                                   id="title" name="title" value="{{ old('title', $schedule->title) }}" required
                                   placeholder="Ex: Conférence d'ouverture">
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-12 mb-3">
                            <label for="description" class="form-label">Description</label>
                            <textarea class="form-control @error('description') is-invalid @enderror" 
                                      id="description" name="description" rows="3" 
                                      placeholder="Description détaillée de l'élément du programme">{{ old('description', $schedule->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label for="day" class="form-label">Jour <span class="text-danger">*</span></label>
                            <select class="form-select @error('day') is-invalid @enderror" id="day" name="day" required>
                                <option value="">Sélectionner un jour</option>
                                @php $eventDates = $event->getEventDates(); @endphp
                                @foreach($eventDates as $index => $date)
                                    <option value="{{ $index + 1 }}" {{ old('day', $schedule->day) == ($index + 1) ? 'selected' : '' }}>
                                        Jour {{ $index + 1 }} - {{ $date->format('d/m/Y') }}
                                    </option>
                                @endforeach
                            </select>
                            @error('day')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            @if(count($eventDates) == 1)
                                <div class="form-text">Cet événement ne dure qu'un jour ({{ $eventDates[0]->format('d/m/Y') }}).</div>
                            @else
                                <div class="form-text">Cet événement dure {{ count($eventDates) }} jours, du {{ $eventDates[0]->format('d/m/Y') }} au {{ $eventDates[count($eventDates)-1]->format('d/m/Y') }}.</div>
                            @endif
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label for="start_time" class="form-label">Heure de début <span class="text-danger">*</span></label>
                            <input type="time" class="form-control @error('start_time') is-invalid @enderror" 
                                   id="start_time" name="start_time" value="{{ old('start_time', $schedule->start_time->format('H:i')) }}" required>
                            @error('start_time')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        
                        <div class="col-md-4 mb-3">
                            <label for="end_time" class="form-label">Heure de fin</label>
                            <input type="time" class="form-control @error('end_time') is-invalid @enderror" 
                                   id="end_time" name="end_time" value="{{ old('end_time', $schedule->end_time?->format('H:i')) }}">
                            @error('end_time')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col-lg-4">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="mb-0">Type et intervenant</h5>
                </div>
                <div class="card-body">
                    <div class="mb-3">
                        <label for="type" class="form-label">Type <span class="text-danger">*</span></label>
                            <select class="form-select @error('type') is-invalid @enderror" id="type" name="type" required onchange="toggleCustomType(this)">
                                <option value="">Sélectionner un type</option>
                                <option value="conférence" {{ old('type', $schedule->type) == 'conférence' ? 'selected' : '' }}>Conférence</option>
                                <option value="présentation" {{ old('type', $schedule->type) == 'présentation' ? 'selected' : '' }}>Présentation</option>
                                <option value="atelier" {{ old('type', $schedule->type) == 'atelier' ? 'selected' : '' }}>Atelier</option>
                                <option value="panel" {{ old('type', $schedule->type) == 'panel' ? 'selected' : '' }}>Panel de discussion</option>
                                <option value="pause" {{ old('type', $schedule->type) == 'pause' ? 'selected' : '' }}>Pause</option>
                                <option value="repas" {{ old('type', $schedule->type) == 'repas' ? 'selected' : '' }}>Repas</option>
                                <option value="networking" {{ old('type', $schedule->type) == 'networking' ? 'selected' : '' }}>Networking</option>
                                <option value="cérémonie" {{ old('type', $schedule->type) == 'cérémonie' ? 'selected' : '' }}>Cérémonie</option>
                                <option value="autre" {{ old('type', $schedule->type) == 'autre' ? 'selected' : '' }}>Autre (personnalisé)</option>
                            </select>
                            @error('type')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror

                            <div class="mb-3" id="custom-type-div" style="display: {{ old('type', $schedule->type) == 'autre' && old('custom_type', $schedule->custom_type) ? 'block' : 'none' }};">
                                <label for="custom_type" class="form-label">Type personnalisé <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('custom_type') is-invalid @enderror"
                                    id="custom_type" name="custom_type" value="{{ old('custom_type', $schedule->custom_type) }}"
                                    placeholder="Entrez votre type personnalisé">
                                @error('custom_type')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <script>
                                function toggleCustomType(select) {
                                    const customTypeDiv = document.getElementById('custom-type-div');
                                    const customTypeInput = document.getElementById('custom_type');
                                    if (select.value === 'autre') {
                                        customTypeDiv.style.display = 'block';
                                        customTypeInput.setAttribute('required', 'required');
                                    } else {
                                        customTypeDiv.style.display = 'none';
                                        customTypeInput.removeAttribute('required');
                                        customTypeInput.value = '';
                                    }
                                }
                                document.addEventListener('DOMContentLoaded', function() {
                                    const typeSelect = document.getElementById('type');
                                    if (typeSelect.value === 'autre') {
                                        toggleCustomType(typeSelect);
                                    }
                                });
                            </script>
                    </div>
                    
                    <div class="mb-3">
                        <label for="speaker_id" class="form-label">Intervenant</label>
                        <select class="form-select @error('speaker_id') is-invalid @enderror" id="speaker_id" name="speaker_id">
                            <option value="">Aucun intervenant</option>
                            @foreach($speakers as $speaker)
                                <option value="{{ $speaker->id }}" {{ old('speaker_id', $schedule->speaker_id) == $speaker->id ? 'selected' : '' }}>
                                    {{ $speaker->name }}
                                    @if($speaker->company)
                                        ({{ $speaker->company }})
                                    @endif
                                </option>
                            @endforeach
                        </select>
                        @error('speaker_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        
                        @if($speakers->count() == 0)
                            <div class="form-text">
                                <a href="{{ route('admin.speakers.create') }}" class="text-decoration-none">
                                    <i class="bi bi-plus-circle me-1"></i>Créer un nouvel intervenant
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
            
            <!-- Aperçu de l'événement -->
            <div class="card">
                <div class="card-header">
                    <h6 class="mb-0">Événement</h6>
                </div>
                <div class="card-body">
                    <h6>{{ $event->title }}</h6>
                    <p class="text-muted mb-2">
                        <i class="bi bi-calendar me-1"></i>
                        {{ $event->start_date->format('d/m/Y') }} - {{ $event->end_date->format('d/m/Y') }}
                    </p>
                    @if($event->location)
                        <p class="text-muted mb-0">
                            <i class="bi bi-geo-alt me-1"></i>
                            {{ $event->location }}
                        </p>
                    @endif
                </div>
            </div>
        </div>
    </div>
    
    <div class="row mt-4">
        <div class="col-12">
            <div class="d-flex justify-content-between">
                <a href="{{ route('admin.events.show', $event) }}" class="btn btn-secondary">
                    <i class="bi bi-arrow-left me-2"></i>Retour
                </a>
                <div>
                    <button type="submit" class="btn btn-primary">
                        <i class="bi bi-check-circle me-2"></i>Sauvegarder
                    </button>
                </div>
            </div>
        </div>
    </div>
</form>
@endsection