{{-- resources/views/training/categories/show.blade.php --}}
@extends('layouts.app')
@section('title', 'Category 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-tag mr-2"></i>{{ $category->category_name }}
            <span class="badge badge-info">{{ $category->category_code }}</span>
        </h1>
        <div>
            @unless($category->trashed())
                <a href="{{ route('training.categories.edit', $category->category_id) }}" class="btn btn-primary">
                    <i class="fas fa-edit mr-1"></i>Edit
                </a>
            @endunless
            <a href="{{ route('training.categories.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-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3">
                    <h6 class="m-0 font-weight-bold text-primary">Category Details</h6>
                </div>
                <div class="card-body">
                    <table class="table table-sm">
                        <tr><th width="200">Code:</th><td>{{ $category->category_code }}</td></tr>
                        <tr><th>Name:</th><td>{{ $category->category_name }}</td></tr>
                        <tr><th>Description:</th><td>{{ $category->description ?: '-' }}</td></tr>
                        <tr><th>Requires Certification:</th><td>
                            <span class="badge badge-{{ $category->requires_certification ? 'success' : 'secondary' }}">
                                {{ $category->requires_certification ? 'Yes' : 'No' }}
                            </span>
                        </td></tr>
                        <tr><th>Validity:</th><td>{{ $category->validity_months ? $category->validity_months . ' months' : 'N/A' }}</td></tr>
                        <tr><th>Mandatory:</th><td>
                            <span class="badge badge-{{ $category->is_mandatory ? 'warning' : 'secondary' }}">
                                {{ $category->is_mandatory ? 'Yes' : 'No' }}
                            </span>
                        </td></tr>
                        <tr><th>Status:</th><td>
                            <span class="badge badge-{{ $category->is_active ? 'success' : 'secondary' }}">
                                {{ $category->is_active ? 'Active' : 'Inactive' }}
                            </span>
                        </td></tr>
                        <tr><th>Created By:</th><td>{{ $category->creator?->name ?? 'System' }}</td></tr>
                        <tr><th>Created At:</th><td>{{ $category->created_at->format('M d, Y g:i A') }}</td></tr>
                        @if($category->updated_at != $category->created_at)
                            <tr><th>Last Updated:</th><td>{{ $category->updated_at->format('M d, Y g:i A') }}
                                by {{ $category->updater?->name ?? 'System' }}</td></tr>
                        @endif
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-6">
            <div class="card shadow mb-4">
                <div class="card-header py-3 d-flex justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">
                        Topics ({{ $category->topics_count }})
                    </h6>
                    @unless($category->trashed())
                        <a href="{{ route('training.topics.create') }}?category_id={{ $category->category_id }}"
                           class="btn btn-sm btn-primary">
                            <i class="fas fa-plus"></i> Add Topic
                        </a>
                    @endunless
                </div>
                <div class="card-body">
                    @if($category->topics()->count() > 0)
                        <ul class="list-group list-group-flush">
                            @foreach($category->topics()->orderBy('topic_name')->get() as $topic)
                                <li class="list-group-item d-flex justify-content-between align-items-center">
                                    <a href="{{ route('training.topics.show', $topic->topic_id) }}">
                                        {{ $topic->topic_name }}
                                    </a>
                                    <span class="badge badge-{{ $topic->is_active ? 'success' : 'secondary' }}">
                                        {{ $topic->is_active ? 'Active' : 'Inactive' }}
                                    </span>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p class="text-muted text-center py-3">No topics assigned yet</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

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