{{-- resources/views/training/topics/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Training Topics')

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0"><i class="fas fa-book mr-2"></i>Training Topics</h1>
            <p class="text-muted mb-0">Manage training topics and completion methods</p>
        </div>
        <div>
            <a href="{{ route('training.topics.index', ['show_deleted' => !request('show_deleted')]) }}"
               class="btn btn-{{ request('show_deleted') ? 'info' : 'warning' }}">
                <i class="fas fa-trash"></i>
                {{ request('show_deleted') ? 'Show Active' : 'Show Deleted (' . $stats['trashed'] . ')' }}
            </a>
            <a href="{{ route('training.topics.create') }}" class="btn btn-primary">
                <i class="fas fa-plus mr-1"></i>New Topic
            </a>
        </div>
    </div>

    <div class="row mb-4">
        @foreach([
            ['Total',   $stats['total'],   'primary'],
            ['Active',  $stats['active'],  'success'],
            ['Deleted', $stats['trashed'], 'danger'],
        ] as [$label, $count, $color])
            <div class="col-md-4">
                <div class="card border-left-{{ $color }} shadow py-2">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-{{ $color }} text-uppercase mb-1">{{ $label }}</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $count }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    <div class="card shadow mb-4">
        <div class="card-body">
            <form method="GET" class="form-inline flex-wrap">
                <input type="hidden" name="show_deleted" value="{{ request('show_deleted') }}">
                <input type="text" name="search" class="form-control mr-2 mb-2"
                       placeholder="Search code or name..." value="{{ request('search') }}">
                <select name="category_id" class="form-control mr-2 mb-2">
                    <option value="">All Categories</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->category_id }}"
                            {{ request('category_id') == $cat->category_id ? 'selected' : '' }}>
                            {{ $cat->category_name }}
                        </option>
                    @endforeach
                </select>
                <select name="completion_method" class="form-control mr-2 mb-2">
                    <option value="">All Completion Methods</option>
                    @foreach(['ACKNOWLEDGEMENT','QUIZ','PRACTICAL','BOTH'] as $m)
                        <option value="{{ $m }}" {{ request('completion_method') == $m ? 'selected' : '' }}>{{ $m }}</option>
                    @endforeach
                </select>
                <select name="is_active" class="form-control mr-2 mb-2">
                    <option value="">All Status</option>
                    <option value="1" {{ request('is_active') === '1' ? 'selected' : '' }}>Active</option>
                    <option value="0" {{ request('is_active') === '0' ? 'selected' : '' }}>Inactive</option>
                </select>
                <button class="btn btn-primary mb-2 mr-2"><i class="fas fa-search"></i></button>
                <a href="{{ route('training.topics.index') }}" class="btn btn-secondary mb-2">
                    <i class="fas fa-redo"></i>
                </a>
            </form>
        </div>
    </div>

    <div class="card shadow">
        <div class="card-body">
            @include('training.partials.alerts')
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Code</th>
                            <th>Topic Name</th>
                            <th>Category</th>
                            <th>Completion Method</th>
                            <th>Recurrence</th>
                            <th>Status</th>
                            <th width="240">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($topics as $t)
                            <tr class="{{ $t->trashed() ? 'table-danger' : '' }}">
                                <td><span class="badge badge-info">{{ $t->topic_code }}</span></td>
                                <td>{{ $t->topic_name }}</td>
                                <td>{{ $t->category?->category_name ?? '-' }}</td>
                                <td>
                                    <span class="badge badge-secondary">{{ $t->completion_method }}</span>
                                    @if(in_array($t->completion_method, ['QUIZ','BOTH']))
                                        <small class="text-muted">({{ $t->passing_score }}%)</small>
                                    @endif
                                </td>
                                <td>{{ $t->recurrence_months ? 'Every ' . $t->recurrence_months . ' mo' : 'One-time' }}</td>
                                <td>
                                    @if($t->trashed())
                                        <span class="badge badge-dark">Deleted</span>
                                    @else
                                        <form action="{{ route('training.topics.toggle-active', $t->topic_id) }}"
                                              method="POST" class="d-inline">@csrf
                                            <button type="submit"
                                                    class="badge badge-{{ $t->is_active ? 'success' : 'secondary' }} border-0"
                                                    style="cursor:pointer;">
                                                {{ $t->is_active ? 'Active' : 'Inactive' }}
                                            </button>
                                        </form>
                                    @endif
                                </td>
                                <td>
                                    @if($t->trashed())
                                        <form action="{{ route('training.topics.restore', $t->topic_id) }}"
                                              method="POST" class="d-inline">@csrf
                                            <button class="btn btn-sm btn-success"
                                                    onclick="return confirm('Restore?')">
                                                <i class="fas fa-undo"></i> Restore
                                            </button>
                                        </form>
                                        <form action="{{ route('training.topics.force-delete', $t->topic_id) }}"
                                              method="POST" class="d-inline">@csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger"
                                                    onclick="return confirm('Permanently delete?')">
                                                <i class="fas fa-trash-alt"></i>
                                            </button>
                                        </form>
                                    @else
                                        <a href="{{ route('training.topics.show', $t->topic_id) }}"
                                           class="btn btn-sm btn-info"><i class="fas fa-eye"></i></a>
                                        <a href="{{ route('training.topics.edit', $t->topic_id) }}"
                                           class="btn btn-sm btn-primary"><i class="fas fa-edit"></i></a>
                                        <form action="{{ route('training.topics.destroy', $t->topic_id) }}"
                                              method="POST" class="d-inline">@csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger"
                                                    onclick="return confirm('Delete?')">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="7" class="text-center py-4 text-muted">
                                <i class="fas fa-book fa-3x mb-3 d-block"></i>No topics found
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $topics->links() }}
        </div>
    </div>
</div>
@endsection