@extends('dashboard.layouts.app')

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

@section('page-title', 'Évaluations de l\'employé')

@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">{{ $user->name }}</li>
@endsection

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <!-- Informations employé -->
    <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($user->name, 0, 1)) }}
                            </span>
                        </div>
                    </center>
                    <h5 class="mt-3">{{ $user->name }}</h5>
                    <p class="text-muted">{{ $user->email }}</p>
                    <span class="badge bg-info">{{ $user->role->nom ?? 'Aucun rôle' }}</span>
                </div>

                <hr>

                <h6>Statistiques des évaluations</h6>
                @php
                    $totalEvaluations = $evaluations->count();
                    $averageNote = $totalEvaluations > 0 ? $evaluations->avg('note') : 0;
                    $latestEvaluation = $evaluations->sortByDesc('annee_evaluation')->first();
                @endphp

                <div class="row text-center">
                    <div class="col-6">
                        <h4 class="text-primary">{{ $totalEvaluations }}</h4>
                        <small class="text-muted">Évaluations</small>
                    </div>
                    <div class="col-6">
                        <h4 class="text-success">{{ $averageNote ? number_format($averageNote, 1) : 'N/A' }}</h4>
                        <small class="text-muted">Moyenne</small>
                    </div>
                </div>

                @if($latestEvaluation)
                    <div class="mt-3">
                        <small class="text-muted">Dernière évaluation</small>
                        <p class="mb-1">{{ $latestEvaluation->type_evaluation }}</p>
                        <small class="text-muted">{{ $latestEvaluation->annee_evaluation }}</small>
                        @if($latestEvaluation->note)
                            <div class="mt-2">
                                <span class="badge bg-{{ $latestEvaluation->note >= 4 ? 'success' : ($latestEvaluation->note >= 3 ? 'warning' : 'danger') }}">
                                    {{ $latestEvaluation->note }}/5
                                </span>
                            </div>
                        @endif
                    </div>
                @endif

                <hr>

                <div class="d-grid gap-2">
                    <a href="{{ route('rh.evaluations.create', ['user_id' => $user->id]) }}" class="btn btn-primary btn-sm">
                        <i class="mdi mdi-plus"></i> Nouvelle évaluation
                    </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>
    </div>

    <!-- Liste des évaluations -->
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">Historique des évaluations</h4>
            </div>
            <div class="card-body">
                @if($evaluations->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>Type</th>
                                    <th>Date</th>
                                    <th>Note</th>
                                    <th>Évaluateur</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($evaluations->sortByDesc('annee_evaluation') as $evaluation)
                                    <tr>
                                        <td>
                                            <span class="badge bg-secondary">{{ $evaluation->type_evaluation }}</span>
                                        </td>
                                        <td>{{ $evaluation->annee_evaluation }}</td>
                                        <td>
                                            @if($evaluation->note)
                                                <span class="badge bg-{{ $evaluation->note >= 4 ? 'success' : ($evaluation->note >= 3 ? 'warning' : 'danger') }}">
                                                    {{ $evaluation->note }}/5
                                                </span>
                                            @else
                                                <span class="text-muted">-</span>
                                            @endif
                                        </td>
                                        <td>{{ $evaluation->evaluateur->name ?? 'N/A' }}</td>
                                        <td>
                                            <div class="btn-group" role="group">
                                                <a href="{{ route('rh.evaluations.show', $evaluation) }}"
                                                    class="btn btn-sm btn-info">
                                                    <i class="mdi mdi-eye"></i>
                                                </a>
                                                <a href="{{ route('rh.evaluations.edit', $evaluation) }}"
                                                    class="btn btn-sm btn-warning">
                                                    <i class="mdi mdi-pencil"></i>
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>

                    <!-- Graphique d'évolution des notes -->
                    @if($evaluations->whereNotNull('note')->count() > 1)
                        <div class="mt-4">
                            <h5>Évolution des performances</h5>
                            <canvas id="performanceChart" width="400" height="200"></canvas>
                        </div>
                    @endif
                @else
                    <div class="text-center py-5">
                        <i class="mdi mdi-file-chart-outline fs-1 text-muted"></i>
                        <h5 class="mt-3">Aucune évaluation</h5>
                        <p class="text-muted">Cet employé n'a pas encore été évalué.</p>
                        <a href="{{ route('rh.evaluations.create', ['user_id' => $user->id]) }}" class="btn btn-primary">
                            <i class="mdi mdi-plus"></i> Créer la première évaluation
                        </a>
                    </div>
                @endif
            </div>
        </div>

        <!-- Résumé des commentaires récurrents -->
        @if($evaluations->count() > 0)
            <div class="card mt-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">Résumé des évaluations</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <h6>Points forts fréquemment mentionnés</h6>
                            <ul class="list-unstyled">
                                @php
                                    $allComments = $evaluations->pluck('commentaires')->filter()->implode(' ');
                                    $positiveWords = ['excellent', 'très bien', 'performant', 'motivé', 'professionnel', 'compétent'];
                                    $positiveMentions = [];

                                    foreach($positiveWords as $word) {
                                        if(stripos($allComments, $word) !== false) {
                                            $positiveMentions[] = ucfirst($word);
                                        }
                                    }
                                @endphp

                                @if(count($positiveMentions) > 0)
                                    @foreach(array_slice($positiveMentions, 0, 3) as $mention)
                                        <li><i class="mdi mdi-check-circle text-success me-2"></i>{{ $mention }}</li>
                                    @endforeach
                                @else
                                    <li class="text-muted">Aucun point fort récurrent identifié</li>
                                @endif
                            </ul>
                        </div>

                        <div class="col-md-6">
                            <h6>Objectifs pour l'année suivante</h6>
                            <ul class="list-unstyled">
                                @php
                                    $allObjectives = $evaluations->pluck('objectifs_annee_suivante')->filter()->implode(' ');
                                    $objectiveWords = ['formation', 'développer', 'améliorer', 'renforcer', 'atteindre', 'objectif'];
                                    $objectiveMentions = [];

                                    foreach($objectiveWords as $word) {
                                        if(stripos($allObjectives, $word) !== false) {
                                            $objectiveMentions[] = ucfirst($word);
                                        }
                                    }
                                @endphp

                                @if(count($objectiveMentions) > 0)
                                    @foreach(array_slice($objectiveMentions, 0, 3) as $mention)
                                        <li><i class="mdi mdi-target text-info me-2"></i>{{ $mention }}</li>
                                    @endforeach
                                @else
                                    <li class="text-muted">Aucun objectif spécifique identifié</li>
                                @endif
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection

@section('scripts')
@if($evaluations->whereNotNull('note')->count() > 1)
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
$(document).ready(function() {
    const ctx = document.getElementById('performanceChart').getContext('2d');

    @php
        $chartData = $evaluations->whereNotNull('note')
                                ->sortBy('annee_evaluation')
                                ->map(function($eval) {
                                    return [
                                        'date' => $eval->annee_evaluation,
                                        'note' => $eval->note,
                                        'type' => $eval->type_evaluation
                                    ];
                                })->values();
    @endphp

    const chartData = @json($chartData);

    new Chart(ctx, {
        type: 'line',
        data: {
            labels: chartData.map(item => item.date),
            datasets: [{
                label: 'Note',
                data: chartData.map(item => item.note),
                borderColor: 'rgb(59, 130, 246)',
                backgroundColor: 'rgba(59, 130, 246, 0.1)',
                tension: 0.4,
                pointBackgroundColor: chartData.map(item =>
                    item.note >= 4 ? 'rgb(34, 197, 94)' :
                    item.note >= 3 ? 'rgb(245, 158, 11)' : 'rgb(239, 68, 68)'
                ),
                pointBorderColor: '#ffffff',
                pointBorderWidth: 2,
                pointRadius: 6
            }]
        },
        options: {
            responsive: true,
            maintainAspectRatio: false,
            plugins: {
                legend: {
                    display: false
                },
                tooltip: {
                    callbacks: {
                        label: function(context) {
                            const data = chartData[context.dataIndex];
                            return `Note: ${context.parsed.y}/5 (${data.type})`;
                        }
                    }
                }
            },
            scales: {
                y: {
                    beginAtZero: true,
                    max: 5,
                    ticks: {
                        stepSize: 0.5
                    }
                }
            }
        }
    });
});
</script>
@endif
@endsection