{{-- resources/views/probation/training/trainers.blade.php — Trainer directory (5.2) --}}
@extends('layouts.app')
@section('title', 'Trainers - ICMIS')
@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="fw-bold mb-0">Trainer Directory</h2>
        <a href="{{ route('probation.training.index') }}" class="btn btn-outline-secondary">Courses</a>
    </div>
    <div class="row">
        @can('probation.training.add')
        <div class="col-md-4"><div class="card mb-4"><div class="card-header"><h5 class="mb-0">Add Trainer</h5></div>
            <div class="card-body"><form method="POST" action="{{ route('probation.training.trainers.store') }}">@csrf
                <div class="mb-2"><label class="form-label">Name</label><input name="name" class="form-control" required></div>
                <div class="mb-2"><label class="form-label">Qualifications</label><textarea name="qualifications" rows="2" class="form-control"></textarea></div>
                <div class="mb-2"><label class="form-label">Institution / Organisation</label><input name="institution" class="form-control"></div>
                <div class="mb-2"><label class="form-label">Contact</label><input name="contact" class="form-control"></div>
                <div class="mb-2"><label class="form-label">Specialization</label><input name="specialization" class="form-control"></div>
                <button class="btn btn-primary w-100"><i class="fas fa-plus"></i> Add</button>
            </form></div></div></div>
        @endcan
        <div class="col"><div class="card"><div class="card-body"><div class="table-responsive">
            <table class="table table-hover align-middle small">
                <thead><tr><th>Name</th><th>Qualifications</th><th>Institution</th><th>Contact</th><th>Specialization</th><th>Past courses handled</th><th></th></tr></thead>
                <tbody>
                @forelse($trainers as $t)
                    <tr>
                        <td><strong>{{ $t->name }}</strong></td><td style="white-space:pre-line">{{ $t->qualifications }}</td>
                        <td>{{ $t->institution }}</td><td>{{ $t->contact }}</td><td>{{ $t->specialization }}</td>
                        <td>{{ $t->courses_count }}
                            @if($t->courses_count)<div class="text-muted">{{ $t->courses->sortByDesc('starts_on')->take(3)->pluck('title')->implode(', ') }}</div>@endif</td>
                        <td class="text-nowrap">
                            @can('probation.training.edit')
                            <button class="btn btn-sm btn-outline-secondary" data-bs-toggle="collapse" data-bs-target="#tedit{{ $t->id }}"><i class="fas fa-edit"></i></button>
                            <form method="POST" action="{{ route('probation.training.trainers.destroy', $t->id) }}" class="d-inline" onsubmit="return confirm('Remove trainer?')">@csrf @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger"><i class="fas fa-trash"></i></button></form>
                            @endcan
                        </td>
                    </tr>
                    @can('probation.training.edit')
                    <tr class="collapse" id="tedit{{ $t->id }}"><td colspan="7">
                        <form method="POST" action="{{ route('probation.training.trainers.update', $t->id) }}" class="row g-1">@csrf @method('PUT')
                            <div class="col-md-2"><input name="name" class="form-control form-control-sm" value="{{ $t->name }}" required></div>
                            <div class="col-md-3"><input name="qualifications" class="form-control form-control-sm" value="{{ $t->qualifications }}" placeholder="Qualifications"></div>
                            <div class="col-md-2"><input name="institution" class="form-control form-control-sm" value="{{ $t->institution }}" placeholder="Institution"></div>
                            <div class="col-md-2"><input name="contact" class="form-control form-control-sm" value="{{ $t->contact }}" placeholder="Contact"></div>
                            <div class="col-md-2"><input name="specialization" class="form-control form-control-sm" value="{{ $t->specialization }}" placeholder="Specialization"></div>
                            <div class="col-md-1"><button class="btn btn-sm btn-primary w-100">Save</button></div>
                        </form></td></tr>
                    @endcan
                @empty<tr><td colspan="7" class="text-center text-muted py-4">No trainers yet.</td></tr>@endforelse
                </tbody>
            </table>
        </div>{{ $trainers->links() }}</div></div></div>
    </div>
</div>
@endsection