@extends('layouts.app')
@section('title', 'Effectiveness Details')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">
            <i class="fas fa-chart-line mr-2"></i>Effectiveness Evaluation
        </h1>
        <div>
            <a href="{{ route('training.effectiveness.edit', $effectiveness->effectiveness_id) }}"
               class="btn btn-primary"><i class="fas fa-edit mr-1"></i>Edit</a>
            <a href="{{ route('training.effectiveness.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-1"></i>Back
            </a>
        </div>
    </div>

    @include('training.partials.alerts')

    <div class="row">
        <div class="col-lg-7">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Evaluation Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr><th width="200">Training:</th><td>
                            <a href="{{ route('training.trainings.show', $effectiveness->training_id) }}">
                                <code>{{ $effectiveness->training?->training_code }}</code>
                            </a>
                            — {{ $effectiveness->training?->topic?->topic_name }}
                        </td></tr>
                        <tr><th>Employee:</th><td>{{ $effectiveness->training?->employee?->name }}</td></tr>
                        <tr><th>Type:</th><td>{{ $effectiveness->evaluation_type }}</td></tr>
                        <tr><th>Date:</th><td>{{ $effectiveness->evaluation_date?->format('M d, Y') }}</td></tr>
                        <tr><th>Method:</th><td>{{ $effectiveness->evaluation_method }}</td></tr>
                        <tr><th>Status:</th><td>
                            <span class="badge badge-{{ $effectiveness->status_badge }}">
                                {{ $effectiveness->effectiveness_status }}
                            </span>
                        </td></tr>
                        <tr><th>Overall:</th><td>
                            @if($effectiveness->overall_effectiveness !== null)
                                <div class="progress" style="height: 20px;">
                                    <div class="progress-bar bg-{{ $effectiveness->overall_effectiveness >= 70 ? 'success' : 'warning' }}"
                                         style="width: {{ $effectiveness->overall_effectiveness }}%">
                                        {{ $effectiveness->overall_effectiveness }}%
                                    </div>
                                </div>
                            @else — @endif
                        </td></tr>
                        <tr><th>Monitored By:</th><td>{{ $effectiveness->monitor?->name ?? '—' }}</td></tr>
                    </table>
                </div>
            </div>

            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Kirkpatrick Scores</h6>
                </div>
                <div class="card-body">
                    @foreach([
                        'Knowledge (L2)' => $effectiveness->knowledge_score,
                        'Skill (L3)'     => $effectiveness->skill_score,
                        'Behavior (L3)'  => $effectiveness->behavior_score,
                        'Results (L4)'   => $effectiveness->results_score,
                    ] as $label => $score)
                        <div class="mb-2">
                            <strong class="small">{{ $label }}:</strong>
                            <div class="progress" style="height: 18px;">
                                <div class="progress-bar bg-{{ ($score ?? 0) >= 70 ? 'success' : 'warning' }}"
                                     style="width: {{ $score ?? 0 }}%">
                                    {{ $score !== null ? $score . '%' : '—' }}
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            @if($effectiveness->strengths || $effectiveness->areas_for_improvement || $effectiveness->recommendations)
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Narrative</h6>
                    </div>
                    <div class="card-body">
                        @if($effectiveness->strengths)
                            <h6 class="text-muted small text-uppercase">Strengths</h6>
                            <p>{{ $effectiveness->strengths }}</p>
                        @endif
                        @if($effectiveness->areas_for_improvement)
                            <h6 class="text-muted small text-uppercase">Areas for Improvement</h6>
                            <p>{{ $effectiveness->areas_for_improvement }}</p>
                        @endif
                        @if($effectiveness->recommendations)
                            <h6 class="text-muted small text-uppercase">Recommendations</h6>
                            <p>{{ $effectiveness->recommendations }}</p>
                        @endif
                    </div>
                </div>
            @endif
        </div>

        <div class="col-lg-5">
            @if($effectiveness->follow_up_required)
                <div class="card shadow mb-4 border-warning">
                    <div class="card-header py-3 bg-warning">
                        <h6 class="m-0 font-weight-bold">Follow-up Required</h6>
                    </div>
                    <div class="card-body">
                        <p><strong>Date:</strong> {{ $effectiveness->follow_up_date?->format('M d, Y') ?? '—' }}</p>
                        @if($effectiveness->follow_up_notes)
                            <p><strong>Notes:</strong> {{ $effectiveness->follow_up_notes }}</p>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </div>

    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">
                <i class="fas fa-history mr-2"></i>Audit Trail
            </h6>
        </div>
        <div class="card-body">
            @include('training.partials.audit-timeline', ['logs' => $auditLogs])
        </div>
    </div>
</div>
@endsection