@extends('dashboard.layouts.app')

@section('title', 'Créer une évaluation - UAC eservices')

@section('page-title', 'Créer une évaluation')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('rh.dashboard') }}">RH</a></li>
    <li class="breadcrumb-item"><a href="{{ route('rh.evaluations.index') }}">Évaluations</a></li>
    <li class="breadcrumb-item active" aria-current="page">Créer</li>
@endsection

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">Nouvelle évaluation</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('rh.evaluations.store') }}" method="POST">
                    @csrf

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="user_id" class="form-label">Employé <span class="text-danger">*</span></label>
                                <select class="form-select @error('user_id') is-invalid @enderror" id="user_id" name="user_id" required>
                                    <option value="">Sélectionner un employé</option>
                                    @if($selectedUser)
                                        <option value="{{ $selectedUser->id }}" selected>
                                            {{ $selectedUser->name }}
                                        </option>
                                    @else
                                        @foreach($employes ?? [] as $employe)
                                            <option value="{{ $employe->id }}" {{ old('user_id') == $employe->id ? 'selected' : '' }}>
                                                {{ $employe->name }}
                                            </option>
                                        @endforeach
                                    @endif
                                </select>
                                @error('user_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="type_evaluation" class="form-label">Type d'évaluation <span class="text-danger">*</span></label>
                                <select class="form-select @error('type_evaluation') is-invalid @enderror" id="type_evaluation" name="type_evaluation" required>
                                    <option value="">Sélectionner un type</option>
                                    <option value="Annuelle" {{ old('type_evaluation') == 'Annuelle' ? 'selected' : '' }}>Évaluation annuelle</option>
                                    <option value="Mi-annuelle" {{ old('type_evaluation') == 'Mi-annuelle' ? 'selected' : '' }}>Évaluation mi-annuelle</option>
                                    <option value="Probation" {{ old('type_evaluation') == 'Probation' ? 'selected' : '' }}>Évaluation de probation</option>
                                    <option value="Promotion" {{ old('type_evaluation') == 'Promotion' ? 'selected' : '' }}>Évaluation de promotion</option>
                                    <option value="Autre" {{ old('type_evaluation') == 'Autre' ? 'selected' : '' }}>Autre</option>
                                </select>
                                @error('type_evaluation')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="annee_evaluation" class="form-label">Année d'évaluation <span class="text-danger">*</span></label>
                                <input type="number" class="form-control @error('annee_evaluation') is-invalid @enderror"
                                        id="annee_evaluation" name="annee_evaluation" min="2000" max="{{ now()->year + 1 }}"
                                        value="{{ old('annee_evaluation', now()->year) }}" required>
                                @error('annee_evaluation')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="note" class="form-label">Note (sur 5)</label>
                                <input type="number" class="form-control @error('note') is-invalid @enderror"
                                        id="note" name="note" min="1" max="5" step="0.1"
                                        value="{{ old('note') }}" placeholder="Ex: 4.2">
                                @error('note')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="commentaires" class="form-label">Commentaires et appréciations</label>
                        <textarea class="form-control @error('commentaires') is-invalid @enderror"
                                    id="commentaires" name="commentaires" rows="4"
                                    placeholder="Points forts, axes d'amélioration, objectifs pour la période suivante...">{{ old('commentaires') }}</textarea>
                        @error('commentaires')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="mb-3">
                        <label for="objectifs_annee_suivante" class="form-label">Objectifs pour l'année suivante</label>
                        <textarea class="form-control @error('objectifs_annee_suivante') is-invalid @enderror"
                                    id="objectifs_annee_suivante" name="objectifs_annee_suivante" rows="3"
                                    placeholder="Objectifs à atteindre, formations à suivre, évolutions professionnelles...">{{ old('objectifs_annee_suivante') }}</textarea>
                        @error('objectifs_annee_suivante')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="d-flex justify-content-between">
                        <a href="{{ route('rh.evaluations.index') }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Retour à la liste
                        </a>
                        <button type="submit" class="btn btn-primary">
                            <i class="mdi mdi-content-save"></i> Créer l'évaluation
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Informations sur l'évaluation</h6>
                <ul class="list-unstyled">
                    <li class="mb-2">
                        <i class="mdi mdi-information text-info me-2"></i>
                        La note est sur 5 points (1 à 5)
                    </li>
                    <li class="mb-2">
                        <i class="mdi mdi-information text-info me-2"></i>
                        Les commentaires sont importants pour le développement de l'employé
                    </li>
                    <li class="mb-0">
                        <i class="mdi mdi-information text-info me-2"></i>
                        Les objectifs pour l'année suivante guident l'évolution professionnelle
                    </li>
                </ul>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">
                <h6 class="card-title">Types d'évaluation</h6>
                <div class="mb-2">
                    <strong>Annuelle :</strong> Évaluation de fin d'année
                </div>
                <div class="mb-2">
                    <strong>Mi-annuelle :</strong> Bilan intermédiaire
                </div>
                <div class="mb-2">
                    <strong>Probation :</strong> Fin de période d'essai
                </div>
                <div class="mb-2">
                    <strong>Promotion :</strong> Évaluation avant avancement
                </div>
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection

@section('scripts')
<script>
$(document).ready(function() {
    // Validation côté client pour la note
    $('#note').on('input', function() {
        var value = parseFloat($(this).val());
        if (value < 1) $(this).val(1);
        if (value > 5) $(this).val(5);
    });
});
</script>
@endsection