@extends('dashboard.layouts.app')

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

@section('page-title', 'Détails de l\'é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">{{ $evaluation->user->name }}</li>
@endsection

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <!-- Informations générales -->
    <div class="col-lg-4">
        <div class="card">
            <div class="card-body">
                <div class="text-center mb-3">
                    <center class="mt-4">
                        <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>
                    </center>
                    <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>Informations de l'évaluation</h6>
                <div class="mb-2">
                    <strong>Type:</strong> {{ $evaluation->type_evaluation }}
                </div>
                <div class="mb-2">
                    <strong>Année:</strong> {{ $evaluation->annee_evaluation }}
                </div>
                @if($evaluation->note)
                    <div class="mb-2">
                        <strong>Note:</strong>
                        <span class="badge bg-{{ $evaluation->note >= 4 ? 'success' : ($evaluation->note >= 3 ? 'warning' : 'danger') }}">
                            {{ $evaluation->note }}/5
                        </span>
                    </div>
                @endif
                <div class="mb-2">
                    <strong>Évalué par:</strong> {{ $evaluation->evaluateur->name ?? 'N/A' }}
                </div>

                <hr>

                <div class="d-grid gap-2">
                    <a href="{{ route('rh.evaluations.edit', $evaluation) }}" class="btn btn-primary btn-sm">
                        <i class="mdi mdi-pencil"></i> Modifier
                    </a>
                    <a href="{{ route('rh.evaluations.index') }}" class="btn btn-secondary btn-sm">
                        <i class="mdi mdi-arrow-left"></i> Retour à la liste
                    </a>
                </div>
            </div>
        </div>

        <!-- Historique des évaluations -->
        <div class="card mt-3">
            <div class="card-header">
                <h6 class="card-title mb-0">Historique des évaluations</h6>
            </div>
            <div class="card-body">
                @php
                    $otherEvaluations = $evaluation->user->evaluations()
                                                    ->where('id', '!=', $evaluation->id)
                                                    ->orderBy('annee_evaluation', 'desc')
                                                    ->take(3)
                                                    ->get();
                @endphp

                @if($otherEvaluations->count() > 0)
                    @foreach($otherEvaluations as $eval)
                        <div class="mb-2 pb-2 border-bottom">
                            <div class="d-flex justify-content-between align-items-center">
                                <small class="text-muted">{{ $eval->type_evaluation }}</small>
                                @if($eval->note)
                                    <span class="badge bg-secondary">{{ $eval->note }}/5</span>
                                @endif
                            </div>
                            <small class="text-muted">{{ $eval->annee_evaluation }}</small>
                        </div>
                    @endforeach
                @else
                    <small class="text-muted">Aucune autre évaluation</small>
                @endif
            </div>
        </div>
    </div>

    <!-- Contenu de l'évaluation -->
    <div class="col-lg-8">
        <!-- Commentaires et appréciations -->
        @if($evaluation->commentaires)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="mdi mdi-comment-text-outline me-2"></i>
                        Commentaires et appréciations
                    </h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ nl2br(e($evaluation->commentaires)) }}</p>
                </div>
            </div>
        @endif

        <!-- Objectifs pour l'année suivante -->
        @if($evaluation->objectifs_annee_suivante)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="mdi mdi-lightbulb-outline me-2"></i>
                        Objectifs pour l'année suivante
                    </h5>
                </div>
                <div class="card-body">
                    <p class="mb-0">{{ nl2br(e($evaluation->objectifs_annee_suivante)) }}</p>
                </div>
            </div>
        @endif

        <!-- Métriques de performance -->
        @if($evaluation->note)
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">
                        <i class="mdi mdi-chart-line me-2"></i>
                        Évaluation de performance
                    </h5>
                </div>
                <div class="card-body">
                    <div class="row text-center">
                        <div class="col-md-4">
                            <div class="p-3">
                                <h2 class="text-{{ $evaluation->note >= 4 ? 'success' : ($evaluation->note >= 3 ? 'warning' : 'danger') }}">
                                    {{ $evaluation->note }}/5
                                </h2>
                                <p class="text-muted mb-0">Note</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3">
                                <h2 class="text-primary">
                                    {{ round(($evaluation->note / 5) * 100, 1) }}%
                                </h2>
                                <p class="text-muted mb-0">Pourcentage</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="p-3">
                                <h2 class="text-info">
                                    {{ $evaluation->note >= 4 ? 'Excellent' : ($evaluation->note >= 3.5 ? 'Très bien' : ($evaluation->note >= 3 ? 'Bien' : ($evaluation->note >= 2.5 ? 'Satisfaisant' : 'À améliorer'))) }}
                                </h2>
                                <p class="text-muted mb-0">Appréciation</p>
                            </div>
                        </div>
                    </div>

                    <!-- Barre de progression -->
                    <div class="mt-3">
                        <div class="progress" style="height: 20px;">
                            <div class="progress-bar bg-{{ $evaluation->note >= 4 ? 'success' : ($evaluation->note >= 3 ? 'warning' : 'danger') }}"
                                    role="progressbar"
                                 style="width: {{ ($evaluation->note / 5) * 100 }}%"
                                    aria-valuenow="{{ $evaluation->note }}"
                                    aria-valuemin="0"
                                    aria-valuemax="5">
                                {{ $evaluation->note }}/5
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

        <!-- Historique et métadonnées -->
        <div class="card">
            <div class="card-header">
                <h5 class="card-title mb-0">
                    <i class="mdi mdi-information-outline me-2"></i>
                    Informations système
                </h5>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6">
                        <small class="text-muted">Créée le</small>
                        <p class="mb-2">{{ $evaluation->created_at->format('d/m/Y à H:i') }}</p>
                    </div>
                    @if($evaluation->updated_at != $evaluation->created_at)
                        <div class="col-md-6">
                            <small class="text-muted">Dernière modification</small>
                            <p class="mb-2">{{ $evaluation->updated_at->format('d/m/Y à H:i') }}</p>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection