@extends('dashboard.layouts.app')

@section('title', 'Modifier évaluation - ' . $evaluation->user->name . ' - UAC eservices')

@section('page-title', 'Modifier 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"><a href="{{ route('rh.evaluations.show', $evaluation) }}">{{ $evaluation->user->name }}</a></li>
    <li class="breadcrumb-item active" aria-current="page">Modifier</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">Modifier l'évaluation de {{ $evaluation->user->name }}</h4>
                <small class="text-muted">Créée le {{ $evaluation->created_at->format('d/m/Y') }}</small>
            </div>
            <div class="card-body">
                <form action="{{ route('rh.evaluations.update', $evaluation) }}" method="POST">
                    @csrf
                    @method('PUT')

                    <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>
                                    @foreach($employes ?? [] as $employe)
                                        <option value="{{ $employe->id }}" {{ old('user_id', $evaluation->user_id) == $employe->id ? 'selected' : '' }}>
                                            {{ $employe->name }}
                                        </option>
                                    @endforeach
                                </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', $evaluation->type_evaluation) == 'Annuelle' ? 'selected' : '' }}>Évaluation annuelle</option>
                                    <option value="Mi-annuelle" {{ old('type_evaluation', $evaluation->type_evaluation) == 'Mi-annuelle' ? 'selected' : '' }}>Évaluation mi-annuelle</option>
                                    <option value="Probation" {{ old('type_evaluation', $evaluation->type_evaluation) == 'Probation' ? 'selected' : '' }}>Évaluation de probation</option>
                                    <option value="Promotion" {{ old('type_evaluation', $evaluation->type_evaluation) == 'Promotion' ? 'selected' : '' }}>Évaluation de promotion</option>
                                    <option value="Autre" {{ old('type_evaluation', $evaluation->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', $evaluation->annee_evaluation) }}" 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', $evaluation->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', $evaluation->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', $evaluation->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.show', $evaluation) }}" class="btn btn-secondary">
                            <i class="mdi mdi-arrow-left"></i> Retour aux détails
                        </a>
                        <div>
                            <button type="submit" class="btn btn-primary">
                                <i class="mdi mdi-content-save"></i> Mettre à jour
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="d-flex gap-2">
            <form action="{{ route('rh.evaluations.destroy', $evaluation) }}" method="POST" class="d-inline"
                onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cette évaluation ? Cette action est irréversible.')">
                    @csrf
                    @method('DELETE')
                <button type="submit" class="btn btn-outline-danger btn-sm">
                    <i class="mdi mdi-delete"></i> Supprimer
                </button>
            </form>
        </div>
    </div>

    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title">Informations employé</h6>
                <div class="text-center mb-3">
                    <div class="avatar-lg mx-auto">
                        <span class="avatar-title rounded-circle bg-primary text-white" style="width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 24px;">
                            {{ strtoupper(substr($evaluation->user->name, 0, 1)) }}
                        </span>
                    </div>
                    <h5 class="mt-3">{{ $evaluation->user->name }}</h5>
                    <p class="text-muted">{{ $evaluation->user->email }}</p>
                    <span class="badge bg-info">{{ $evaluation->user->role->nom ?? 'Aucun rôle' }}</span>
                </div>

                <hr>

                <h6>Historique de l'évaluation</h6>
                <div class="small text-muted">
                    <p><strong>Créée le:</strong> {{ $evaluation->created_at->format('d/m/Y à H:i') }}</p>
                    @if($evaluation->updated_at != $evaluation->created_at)
                        <p><strong>Modifiée le:</strong> {{ $evaluation->updated_at->format('d/m/Y à H:i') }}</p>
                    @endif
                </div>
            </div>
        </div>

        <div class="card mt-3">
            <div class="card-body">
                <h6 class="card-title">Rappels</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
                    </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>
</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