@extends('layouts.app')
@section('title', 'Create Requirement')

@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-plus-circle mr-2"></i>New Training Requirement</h1>
        <a href="{{ route('training.requirements.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-1"></i>Back
        </a>
    </div>

    <form action="{{ route('training.requirements.store') }}" method="POST">
        @csrf
        @include('training.partials.alerts')

        <div class="row">
            <div class="col-lg-8">
                {{-- Trigger --}}
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Trigger</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Trigger Type <span class="text-danger">*</span></label>
                                    <select name="trigger_type" class="form-control" required>
                                        <option value="">Select Trigger</option>
                                        @foreach(['DOCUMENT_REVISION','NEW_EMPLOYEE','ROLE_CHANGE','CAPA','RETRAINING_CYCLE','ANNUAL_PLAN','MANUAL_ASSIGNMENT'] as $t)
                                            <option value="{{ $t }}" {{ old('trigger_type') == $t ? 'selected' : '' }}>{{ $t }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Trigger Reference</label>
                                    <input type="text" name="trigger_reference" class="form-control"
                                           value="{{ old('trigger_reference') }}" placeholder="e.g., DOC/2026/0001">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- What is required --}}
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">What is Required</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Topic</label>
                                    <select name="topic_id" class="form-control">
                                        <option value="">— Select Topic —</option>
                                        @foreach($topics as $t)
                                            <option value="{{ $t->topic_id }}"
                                                {{ old('topic_id') == $t->topic_id ? 'selected' : '' }}>
                                                {{ $t->topic_code }} — {{ $t->topic_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Or Curriculum</label>
                                    <select name="curriculum_id" class="form-control">
                                        <option value="">— Select Curriculum —</option>
                                        @foreach($curricula as $c)
                                            <option value="{{ $c->curriculum_id }}"
                                                {{ old('curriculum_id') == $c->curriculum_id ? 'selected' : '' }}>
                                                {{ $c->curriculum_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- Who --}}
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Target Audience</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Roles</label>
                                    <select name="target_role_ids[]" class="form-control" multiple size="6">
                                        @foreach($roles as $r)
                                            <option value="{{ $r->id }}"
                                                {{ in_array($r->id, old('target_role_ids', [])) ? 'selected' : '' }}>
                                                {{ $r->display_name ?? $r->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Departments</label>
                                    <select name="target_department_ids[]" class="form-control" multiple size="6">
                                        @foreach($departments as $d)
                                            <option value="{{ $d->department_id }}"
                                                {{ in_array($d->department_id, old('target_department_ids', [])) ? 'selected' : '' }}>
                                                {{ $d->department_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Specific Employees</label>
                                    <select name="target_employee_ids[]" class="form-control" multiple size="6">
                                        @foreach($employees as $e)
                                            <option value="{{ $e->id }}"
                                                {{ in_array($e->id, old('target_employee_ids', [])) ? 'selected' : '' }}>
                                                {{ $e->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- When --}}
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Scheduling</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Due Date <span class="text-danger">*</span></label>
                                    <input type="date" name="due_date" class="form-control" required
                                           value="{{ old('due_date', date('Y-m-d', strtotime('+30 days'))) }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Priority <span class="text-danger">*</span></label>
                                    <select name="priority" class="form-control" required>
                                        @foreach(['LOW','MEDIUM','HIGH','CRITICAL'] as $p)
                                            <option value="{{ $p }}" {{ old('priority', 'MEDIUM') == $p ? 'selected' : '' }}>{{ $p }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Linked CAPA ID</label>
                                    <input type="number" name="linked_capa_id" class="form-control"
                                           value="{{ old('linked_capa_id') }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Notes</label>
                            <textarea name="notes" class="form-control" rows="3">{{ old('notes') }}</textarea>
                        </div>
                    </div>
                </div>

                {{-- Workflow --}}
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Approval Workflow</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>Workflow</label>
                            <select name="workflow_id" class="form-control">
                                <option value="">— No workflow (save as DRAFT) —</option>
                                @foreach($workflows as $w)
                                    <option value="{{ $w->workflow_id }}"
                                        {{ old('workflow_id') == $w->workflow_id ? 'selected' : '' }}>
                                        {{ $w->workflow_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" name="submit_for_approval" value="1"
                                   class="form-check-input" id="sfa"
                                   {{ old('submit_for_approval') ? 'checked' : '' }}>
                            <label for="sfa" class="form-check-label">Submit for approval immediately after saving</label>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow mb-4">
                    <div class="card-body">
                        <button type="submit" class="btn btn-primary btn-block mb-2">
                            <i class="fas fa-save mr-1"></i>Save Requirement
                        </button>
                        <a href="{{ route('training.requirements.index') }}" class="btn btn-secondary btn-block">
                            <i class="fas fa-times mr-1"></i>Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection