@extends('layouts.app')

@section('title', 'Risk Assessment Templates')

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

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show">
            <i class="fas fa-check-circle mr-1"></i> {{ session('success') }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="fas fa-exclamation-circle mr-1"></i> {{ session('error') }}
            <button type="button" class="close" data-dismiss="alert">&times;</button>
        </div>
    @endif

    <div class="card shadow mb-3">
        <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
            <h3 class="mb-0"><i class="fas fa-table mr-2"></i> Risk Assessment Templates</h3>
            <a href="{{ route('risk-templates.create') }}" class="btn btn-light btn-sm">
                <i class="fas fa-plus"></i> New Template
            </a>
        </div>
        <div class="card-body">

            <form method="GET" class="form-row mb-3">
                <div class="col-md-3">
                    <select name="type" class="form-control form-control-sm">
                        <option value="">All Types</option>
                        @foreach($types as $t)
                            <option value="{{ $t->value }}" @selected(request('type') === $t->value)>{{ $t->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <select name="scope" class="form-control form-control-sm">
                        <option value="">All Scopes</option>
                        @foreach($scopes as $s)
                            <option value="{{ $s->value }}" @selected(request('scope') === $s->value)>{{ $s->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <select name="status" class="form-control form-control-sm">
                        <option value="">All Statuses</option>
                        @foreach($statuses as $s)
                            <option value="{{ $s->value }}" @selected(request('status') === $s->value)>{{ $s->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <button class="btn btn-sm btn-primary">Filter</button>
                    <a href="{{ route('risk-templates.index') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
                </div>
            </form>

            <div class="table-responsive">
                <table class="table table-sm table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Code</th>
                            <th>Name</th>
                            <th>Type</th>
                            <th>Scope</th>
                            <th>Version</th>
                            <th>Status</th>
                            <th class="text-center">Fields</th>
                            <th class="text-center">Used</th>
                            <th width="80"></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($templates as $t)
                            <tr>
                                <td><code>{{ $t->template_code }}</code></td>
                                <td>{{ Str::limit($t->name, 50) }}</td>
                                <td><span class="badge badge-secondary">{{ $t->template_type->value }}</span></td>
                                <td><span class="badge badge-{{ $t->scope->badge() }}">{{ $t->scope->label() }}</span></td>
                                <td>v{{ $t->version }}</td>
                                <td><span class="badge badge-{{ $t->status->badge() }}">{{ $t->status->label() }}</span></td>
                                <td class="text-center">{{ $t->fields_count }}</td>
                                <td class="text-center">{{ $t->assessments_count }}</td>
                                <td>
                                    <a href="{{ route('risk-templates.show', $t) }}" class="btn btn-sm btn-outline-primary">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="9" class="text-center text-muted py-3">No templates found.</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            {{ $templates->links() }}
        </div>
    </div>
</div>
@endsection