@extends('dashboard.layouts.app')

@section('title', 'Demander un congé - UAC eservices')

@section('page-title', 'Demander un congé')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('employee.conges.index') }}">Mes congés</a></li>
    <li class="breadcrumb-item active" aria-current="page">Nouvelle demande</li>
@endsection

@section('content')resources\views\conges\create.blade.php
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Nouvelle demande de congé</h4>
                <p class="card-subtitle">Remplissez le formulaire ci-dessous pour soumettre une demande de congé.</p>

                <form method="POST" action="{{ route('employee.conges.store') }}" enctype="multipart/form-data" class="needs-validation" novalidate>
                    @csrf

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <select class="form-select @error('type_conge') is-invalid @enderror"
                                        id="type_conge" name="type_conge" required>
                                    <option value="">Sélectionner un type</option>
                                    <option value="Congés annuels" {{ old('type_conge') === 'Congés annuels' ? 'selected' : '' }}>Congés annuels</option>
                                    <option value="Congés maladie" {{ old('type_conge') === 'Congés maladie' ? 'selected' : '' }}>Congés maladie</option>
                                    <option value="Congés maternité" {{ old('type_conge') === 'Congés maternité' ? 'selected' : '' }}>Congés maternité</option>
                                    <option value="Congés paternité" {{ old('type_conge') === 'Congés paternité' ? 'selected' : '' }}>Congés paternité</option>
                                    <option value="RTT" {{ old('type_conge') === 'RTT' ? 'selected' : '' }}>RTT (Réduction du temps de travail)</option>
                                    <option value="Formation" {{ old('type_conge') === 'Formation' ? 'selected' : '' }}>Formation</option>
                                    <option value="Autre" {{ old('type_conge') === 'Autre' ? 'selected' : '' }}>Autre</option>
                                </select>
                                <label for="type_conge">Type de congé *</label>
                                @error('type_conge')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="date" class="form-control @error('date_debut') is-invalid @enderror"
                                    id="date_debut" name="date_debut"
                                    value="{{ old('date_debut') }}" required>
                                <label for="date_debut">Date de début *</label>
                                @error('date_debut')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="form-floating mb-3">
                                <input type="date" class="form-control @error('date_fin') is-invalid @enderror"
                                    id="date_fin" name="date_fin"
                                    value="{{ old('date_fin') }}" required>
                                <label for="date_fin">Date de fin *</label>
                                @error('date_fin')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="form-floating mb-3">
                                <textarea class="form-control @error('motif') is-invalid @enderror"
                                    id="motif" name="motif"
                                    style="height: 120px;" placeholder="Décrivez brièvement le motif de votre congé"
                                    required>{{ old('motif') }}</textarea>
                                <label for="motif">Motif de la demande *</label>
                                @error('motif')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="lettre_demande" class="form-label">Lettre de demande de congé *</label>
                                <input type="file" class="form-control @error('lettre_demande') is-invalid @enderror"
                                    id="lettre_demande" name="lettre_demande"
                                    accept=".pdf,.doc,.docx" required>
                                <div class="form-text">
                                    Formats acceptés: PDF, DOC, DOCX. Taille maximale: 5 Mo.
                                </div>
                                @error('lettre_demande')
                                    <div class="invalid-feedback d-block">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="alert alert-info">
                        <i class="mdi mdi-information"></i>
                        <strong>Information:</strong> Votre demande sera soumise aux responsables RH pour validation.
                        Vous recevrez une confirmation par email une fois la décision prise.
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('employee.conges.index') }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Retour
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="mdi mdi-send"></i> Soumettre la demande
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection

@push('scripts')
<script>
    // Validation Bootstrap
    (function () {
        'use strict'
        var forms = document.querySelectorAll('.needs-validation')
        Array.prototype.slice.call(forms)
            .forEach(function (form) {
                form.addEventListener('submit', function (event) {
                    if (!form.checkValidity()) {
                        event.preventDefault()
                        event.stopPropagation()
                    }
                    form.classList.add('was-validated')
                }, false)
            })
    })()

    // Validation des dates
    document.getElementById('date_debut').addEventListener('change', function() {
        const dateFin = document.getElementById('date_fin');
        dateFin.min = this.value;
        if (dateFin.value && dateFin.value < this.value) {
            dateFin.value = this.value;
        }
    });
</script>
@endpush