@extends('layouts.app')
@section('title', 'Training 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-graduation-cap mr-2"></i>
            <code>{{ $training->training_code }}</code>
            <span class="badge badge-{{ $training->status_badge }} ml-2">{{ $training->status }}</span>
            @if($training->completion_override)
                <span class="badge badge-danger ml-1" title="{{ $training->override_reason }}">
                    <i class="fas fa-exclamation-triangle"></i> Override
                </span>
            @endif
        </h1>
        <div>
            @if($training->canBeEdited())
                <a href="{{ route('training.trainings.edit', $training->training_id) }}" class="btn btn-primary">
                    <i class="fas fa-edit mr-1"></i>Edit
                </a>
            @endif
            <a href="{{ route('training.trainings.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">
        {{-- Details --}}
        <div class="col-lg-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Training Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr><th width="200">Employee:</th><td>{{ $training->employee?->name }}</td></tr>
                        <tr><th>Topic:</th><td>{{ $training->topic?->topic_name }}</td></tr>
                        <tr><th>Category:</th><td>{{ $training->topic?->category?->category_name ?? '—' }}</td></tr>
                        <tr><th>Curriculum:</th><td>{{ $training->curriculum?->curriculum_name ?? '—' }}</td></tr>
                        <tr><th>Requirement:</th><td>
                            @if($training->requirement)
                                <a href="{{ route('training.requirements.show', $training->requirement->requirement_id) }}">
                                    {{ $training->requirement->requirement_code }}
                                </a>
                            @else — @endif
                        </td></tr>
                        <tr><th>Source Document:</th><td>{{ $training->document?->document_title ?? '—' }}</td></tr>
                        <tr><th>Trainer:</th><td>{{ $training->trainer?->name ?? '—' }}</td></tr>
                        <tr><th>Due Date:</th><td>
                            {{ $training->due_date?->format('M d, Y') }}
                            @if($training->is_overdue)
                                <span class="badge badge-danger ml-1">{{ $training->days_overdue }}d overdue</span>
                            @endif
                        </td></tr>
                        <tr><th>Training Date:</th><td>{{ $training->training_date?->format('M d, Y') ?? '—' }}</td></tr>
                        <tr><th>Delivery:</th><td>{{ $training->delivery_mode }}
                            @if($training->delivery_location) — {{ $training->delivery_location }}@endif
                            @if($training->delivery_platform) — {{ $training->delivery_platform }}@endif
                        </td></tr>
                        <tr><th>Assignment:</th><td><small>{{ $training->assignment_method }}</small></td></tr>
                        <tr><th>Started:</th><td>{{ $training->started_at?->format('M d, Y g:i A') ?? '—' }}</td></tr>
                        <tr><th>Completed:</th><td>{{ $training->completed_at?->format('M d, Y g:i A') ?? '—' }}</td></tr>
                        <tr><th>Score:</th><td>
                            @if($training->effectiveness_score !== null)
                                <span class="badge badge-{{ $training->effectiveness_score >= 70 ? 'success' : 'warning' }}">
                                    {{ $training->effectiveness_score }}%
                                </span>
                            @else — @endif
                        </td></tr>
                    </table>
                </div>
            </div>
        </div>

        {{-- Completion Gate + Action (LMS-008) --}}
        <div class="col-lg-6">
            <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-lock mr-2"></i>Completion Gate (LMS-008)
                    </h6>
                </div>
                <div class="card-body">
                    <p>
                        <strong>Required Method:</strong>
                        <span class="badge badge-info">{{ $completionCheck['method'] }}</span>
                    </p>

                    @if($completionCheck['satisfied'])
                        <div class="alert alert-success">
                            <i class="fas fa-check-circle mr-1"></i>
                            Completion requirements satisfied.
                        </div>
                    @else
                        <div class="alert alert-warning">
                            <i class="fas fa-exclamation-triangle mr-1"></i>
                            <strong>Not yet satisfied:</strong> {{ $completionCheck['reason'] }}
                        </div>
                    @endif

                    {{-- Best quiz result --}}
                    @if($bestQuiz)
                        <p class="small text-muted">
                            Best quiz attempt: <strong>{{ $bestQuiz->score }}%</strong>
                            (attempt #{{ $bestQuiz->attempt_number }})
                        </p>
                    @endif
                </div>
            </div>

            {{-- State Transitions --}}
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Actions</h6>
                </div>
                <div class="card-body">
                    {{-- Start --}}
                    @if(in_array($training->status, ['Draft', 'Scheduled']))
                        <form action="{{ route('training.trainings.start', $training->training_id) }}"
                              method="POST" class="mb-2">@csrf
                            <button class="btn btn-warning btn-block">
                                <i class="fas fa-play mr-1"></i>Start Training
                            </button>
                        </form>
                    @endif

                    {{-- Complete (gated) --}}
                    @if($training->canBeCompleted())
                        <div class="card border-{{ $completionCheck['satisfied'] ? 'success' : 'secondary' }} mb-2"
                             id="complete">
                            <div class="card-header bg-light">
                                <strong>Mark as Complete</strong>
                            </div>
                            <div class="card-body">
                                <form action="{{ route('training.trainings.complete', $training->training_id) }}"
                                      method="POST" id="completeForm">
                                    @csrf

                                    <div class="form-group">
                                        <label>Effectiveness Score (%)</label>
                                        <input type="number" name="effectiveness_score" class="form-control"
                                               min="0" max="100"
                                               value="{{ old('effectiveness_score', $bestQuiz?->score) }}">
                                    </div>

                                    <div class="form-group">
                                        <label>Supervisor Comments</label>
                                        <textarea name="supervisor_comments" class="form-control" rows="2">{{ old('supervisor_comments') }}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label>Completion Notes</label>
                                        <textarea name="completion_notes" class="form-control" rows="2">{{ old('completion_notes') }}</textarea>
                                    </div>

                                    @if($completionCheck['satisfied'])
                                        <button type="submit" class="btn btn-success btn-block">
                                            <i class="fas fa-check mr-1"></i>Mark Complete
                                        </button>
                                    @else
                                        {{-- Override flow --}}
                                        <hr>
                                        <div class="form-check mb-2">
                                            <input type="checkbox" name="override" value="1"
                                                   class="form-check-input" id="overrideCheck"
                                                   onchange="document.getElementById('overrideBox').style.display = this.checked ? 'block' : 'none'">
                                            <label for="overrideCheck" class="form-check-label text-danger">
                                                <strong>Override completion (requires documented reason)</strong>
                                            </label>
                                        </div>

                                        <div id="overrideBox" style="display:none;">
                                            <div class="form-group">
                                                <label class="text-danger">
                                                    Override Reason
                                                    (min {{ config('training.completion.override_reason_min_chars', 20) }} chars)
                                                </label>
                                                <textarea name="override_reason" class="form-control" rows="3"
                                                          placeholder="Explain why completion is being forced..."></textarea>
                                            </div>
                                            <button type="submit" class="btn btn-danger btn-block"
                                                    onclick="return confirm('Force complete with override? This will be permanently logged.')">
                                                <i class="fas fa-exclamation-triangle mr-1"></i>Force Complete (Audited)
                                            </button>
                                        </div>

                                        @if(! $completionCheck['satisfied'] && $completionCheck['method'] === 'ACKNOWLEDGEMENT')
                                            <a href="{{ route('training.acknowledgements.show', $training->training_id) }}"
                                               class="btn btn-outline-info btn-block mt-2">
                                                <i class="fas fa-signature mr-1"></i>Sign Acknowledgement Instead
                                            </a>
                                        @endif
                                    @endif
                                </form>
                            </div>
                        </div>
                    @endif

                    {{-- Cancel --}}
                    @if(!in_array($training->status, ['Completed', 'Cancelled']))
                        <form action="{{ route('training.trainings.cancel', $training->training_id) }}"
                              method="POST" onsubmit="return confirm('Cancel this training?')">@csrf
                            <input type="hidden" name="cancel_reason" value="Cancelled by admin">
                            <button class="btn btn-outline-danger btn-block">
                                <i class="fas fa-times mr-1"></i>Cancel Training
                            </button>
                        </form>
                    @endif
                </div>
            </div>

            {{-- Certificate --}}
            @if($training->certificate_issued)
                <div class="card shadow mb-4 border-success">
                    <div class="card-header py-3 bg-success text-white">
                        <h6 class="m-0 font-weight-bold">
                            <i class="fas fa-certificate mr-1"></i>Certificate Issued
                        </h6>
                    </div>
                    <div class="card-body">
                        <p class="mb-1"><strong>Number:</strong> <code>{{ $training->certificate_number }}</code></p>
                        <p class="mb-1"><strong>Issued:</strong> {{ $training->certificate_date?->format('M d, Y') }}</p>
                        @if($training->certificate_expiry)
                            <p class="mb-0"><strong>Expires:</strong> {{ $training->certificate_expiry->format('M d, Y') }}
                                @if($training->is_certificate_valid)
                                    <span class="badge badge-success ml-1">Valid</span>
                                @elseif($training->certificate_expiry->isPast())
                                    <span class="badge badge-danger ml-1">Expired</span>
                                @endif
                            </p>
                        @endif
                    </div>
                </div>
            @endif
        </div>
    </div>

    {{-- Audit --}}
    <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