@extends('layouts.app')
@section('title', 'New Training Assignment')

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

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

        <div class="row">
            <div class="col-lg-8">
                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Assignment</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Employee <span class="text-danger">*</span></label>
                                    <select name="employee_id" class="form-control" required>
                                        <option value="">Select Employee</option>
                                        @foreach($employees as $e)
                                            <option value="{{ $e->id }}"
                                                {{ old('employee_id', $selectedEmployee) == $e->id ? 'selected' : '' }}>
                                                {{ $e->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Trainer</label>
                                    <select name="trainer_id" class="form-control">
                                        <option value="">— Assign later —</option>
                                        @foreach($trainers as $tr)
                                            <option value="{{ $tr->id }}" {{ old('trainer_id') == $tr->id ? 'selected' : '' }}>
                                                {{ $tr->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Topic <span class="text-danger">*</span></label>
                            <select name="topic_id" class="form-control" required>
                                <option value="">Select Topic</option>
                                @foreach($topics as $t)
                                    <option value="{{ $t->topic_id }}"
                                        {{ old('topic_id', $selectedTopic) == $t->topic_id ? 'selected' : '' }}>
                                        {{ $t->topic_code }} — {{ $t->topic_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Curriculum</label>
                                    <select name="curriculum_id" class="form-control">
                                        <option value="">— None —</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 class="col-md-6">
                                <div class="form-group">
                                    <label>Source Requirement</label>
                                    <select name="requirement_id" class="form-control">
                                        <option value="">— None —</option>
                                        @foreach($requirements as $r)
                                            <option value="{{ $r->requirement_id }}" {{ old('requirement_id') == $r->requirement_id ? 'selected' : '' }}>
                                                {{ $r->requirement_code }} — {{ $r->topic?->topic_name ?? $r->trigger_type }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Schedule & Delivery</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <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-6">
                                <div class="form-group">
                                    <label>Training Date</label>
                                    <input type="date" name="training_date" class="form-control"
                                           value="{{ old('training_date') }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Delivery Mode <span class="text-danger">*</span></label>
                                    <select name="delivery_mode" class="form-control" required>
                                        @foreach(['Scheduled','Self Paced','Unscheduled','Blended'] as $m)
                                            <option value="{{ $m }}" {{ old('delivery_mode') == $m ? 'selected' : '' }}>{{ $m }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Location</label>
                                    <input type="text" name="delivery_location" class="form-control"
                                           value="{{ old('delivery_location') }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Platform (Online)</label>
                                    <input type="text" name="delivery_platform" class="form-control"
                                           value="{{ old('delivery_platform') }}" placeholder="Zoom / Teams / etc.">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Assignment Method <span class="text-danger">*</span></label>
                                    <select name="assignment_method" class="form-control" required>
                                        @foreach(['MANUAL_ADHOC','MANUAL_PLAN','AUTO_DOCUMENT','AUTO_ONBOARDING','AUTO_CAPA','AUTO_REQUIREMENT','SELF_ENROLLED'] as $m)
                                            <option value="{{ $m }}" {{ old('assignment_method', 'MANUAL_ADHOC') == $m ? 'selected' : '' }}>{{ $m }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Initial Status <span class="text-danger">*</span></label>
                                    <select name="status" class="form-control" required>
                                        <option value="Draft" {{ old('status') == 'Draft' ? 'selected' : '' }}>Draft</option>
                                        <option value="Scheduled" {{ old('status', 'Scheduled') == 'Scheduled' ? 'selected' : '' }}>Scheduled</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow mb-4">
                    <div class="card-body">
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle mr-1"></i>
                            <strong>LMS-008:</strong> Completion is gated by the topic's completion method
                            (acknowledgement or quiz). Managers may override with documented reason.
                        </div>
                        <button type="submit" class="btn btn-primary btn-block mb-2">
                            <i class="fas fa-save mr-1"></i>Create Assignment
                        </button>
                        <a href="{{ route('training.trainings.index') }}" class="btn btn-secondary btn-block">
                            <i class="fas fa-times mr-1"></i>Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection