@extends('layouts.app')

@php
    $fmtDate = function ($value, string $format = 'M j, Y H:i') {
        if (empty($value)) return '—';
        try { return \Illuminate\Support\Carbon::parse($value)->format($format); }
        catch (\Throwable $e) { return (string) $value; }
    };
@endphp

@section('title', $template->template_code . ' — ' . $template->name)

@section('content')
<div class="container-fluid">

    @foreach(['success' => 'check-circle', 'warning' => 'exclamation-triangle', 'error' => 'exclamation-circle'] as $key => $icon)
        @if(session($key))
            <div class="alert alert-{{ $key }} alert-dismissible fade show">
                <i class="fas fa-{{ $icon }} mr-1"></i> {{ session($key) }}
                <button type="button" class="close" data-dismiss="alert">&times;</button>
            </div>
        @endif
    @endforeach

    <div class="card shadow mb-3">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <div>
                <h3 class="mb-0">
                    <span class="badge bg-light text-dark mr-2">
                        <i class="fas {{ $template->template_type->icon() }} mr-1"></i>
                        {{ $template->template_type->value }}
                    </span>
                    {{ $template->template_code }}
                    <small class="ml-2">v{{ $template->version }}</small>
                </h3>
                <small>{{ $template->name }}</small>
            </div>
            <div>
                @if($template->isEditable())
                    <a href="{{ route('risk-templates.edit', $template) }}" class="btn btn-light btn-sm">
                        <i class="fas fa-edit"></i> Edit
                    </a>
                    <form method="POST" action="{{ route('risk-templates.activate', $template) }}" class="d-inline">
                        @csrf
                        <button class="btn btn-success btn-sm" onclick="return confirm('Activate this template? It will become immutable.')">
                            <i class="fas fa-check"></i> Activate
                        </button>
                    </form>
                @else
                    <form method="POST" action="{{ route('risk-templates.new-version', $template) }}" class="d-inline">
                        @csrf
                        <button class="btn btn-light btn-sm">
                            <i class="fas fa-code-branch"></i> New Version
                        </button>
                    </form>
                @endif
                <a href="{{ route('risk-templates.index') }}" class="btn btn-outline-light btn-sm">
                    <i class="fas fa-arrow-left"></i> Back
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-3">
                    <strong>Status:</strong>
                    <span class="badge badge-{{ $template->status->badge() }}">{{ $template->status->label() }}</span>
                </div>
                <div class="col-md-3">
                    <strong>Scope:</strong>
                    <span class="badge badge-{{ $template->scope->badge() }}">{{ $template->scope->label() }}</span>
                </div>
                <div class="col-md-3">
                    <strong>Created By:</strong> {{ $template->creator?->name ?? '—' }}
                </div>
                <div class="col-md-3">
                    <strong>Approved:</strong> {{ $fmtDate($template->approved_at, 'M j, Y') }}
                </div>
            </div>
            <div class="row mt-2">
                <div class="col-md-12">
                    <strong>FMEA Dimensions:</strong>
                    @if($template->requires_severity) <span class="badge badge-info">Severity</span> @endif
                    @if($template->requires_occurrence) <span class="badge badge-info">Occurrence</span> @endif
                    @if($template->requires_detection) <span class="badge badge-info">Detectability</span> @endif
                </div>
            </div>
        </div>
    </div>

    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#tab-overview">Overview</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-thresholds">Thresholds</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-fields">Custom Fields</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#tab-assessments">Assessments</a></li>
    </ul>

    <div class="tab-content mt-3">

        <div class="tab-pane fade show active" id="tab-overview">
            <div class="card shadow">
                <div class="card-body">
                    @if($template->description)
                        <h5>Description</h5>
                        <p>{!! nl2br(e($template->description)) !!}</p>
                    @endif
                    <p class="text-muted mb-0">Created: {{ $fmtDate($template->created_at) }}</p>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="tab-thresholds">
            <div class="card shadow">
                <div class="card-body">
                    <table class="table table-sm table-bordered">
                        <thead class="thead-light">
                            <tr><th>Min RPN</th><th>Max RPN</th><th>Level</th><th>Action</th></tr>
                        </thead>
                        <tbody>
                            @foreach($template->thresholds() as $band)
                                <tr>
                                    <td>{{ $band['min'] }}</td>
                                    <td>{{ $band['max'] }}</td>
                                    <td>
                                        <span class="badge badge-{{
                                            match($band['level']) {
                                                'CRITICAL' => 'danger', 'HIGH' => 'warning',
                                                'MEDIUM' => 'info', default => 'success',
                                            }
                                        }}">{{ $band['level'] }}</span>
                                    </td>
                                    <td>{{ $band['action'] ?? '—' }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="tab-fields">
            <div class="card shadow">
                <div class="card-body">
                    @if($template->fields->isEmpty())
                        <div class="alert alert-info mb-0">No custom fields defined.</div>
                    @else
                        <table class="table table-sm table-bordered mb-0">
                            <thead class="thead-light">
                                <tr><th>Key</th><th>Label</th><th>Type</th><th>Required</th><th>Options</th></tr>
                            </thead>
                            <tbody>
                                @foreach($template->fields as $f)
                                    <tr>
                                        <td><code>{{ $f->field_key }}</code></td>
                                        <td>{{ $f->label }}</td>
                                        <td><span class="badge badge-secondary">{{ $f->field_type->label() }}</span></td>
                                        <td>{{ $f->is_required ? 'Yes' : 'No' }}</td>
                                        <td>{{ $f->options ? implode(', ', $f->options) : '—' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="tab-assessments">
            <div class="card shadow">
                <div class="card-body">
                    @if($template->assessments->isEmpty())
                        <div class="alert alert-info mb-0">No assessments yet.</div>
                    @else
                        <table class="table table-sm">
                            <thead class="thead-light">
                                <tr><th>Number</th><th>Title</th><th>Status</th><th>Outcome</th><th>Created</th><th></th></tr>
                            </thead>
                            <tbody>
                                @foreach($template->assessments as $a)
                                    <tr>
                                        <td><code>{{ $a->assessment_number }}</code></td>
                                        <td>{{ Str::limit($a->title, 50) }}</td>
                                        <td><span class="badge badge-{{ $a->status->badge() }}">{{ $a->status->label() }}</span></td>
                                        <td>
                                            @if($a->outcome)
                                                <span class="badge badge-{{ $a->outcome->badge() }}">{{ $a->outcome->label() }}</span>
                                            @endif
                                        </td>
                                        <td>{{ $fmtDate($a->created_at, 'M j, Y') }}</td>
                                        <td><a href="{{ route('risk-assessments.show', $a) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-eye"></i></a></td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection