{{-- resources/views/training/topics/create.blade.php --}}
@extends('layouts.app')
@section('title', 'Create Topic')

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

    <form action="{{ route('training.topics.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">Basic Information</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Code <span class="text-danger">*</span></label>
                                    <input type="text" name="topic_code"
                                           class="form-control @error('topic_code') is-invalid @enderror"
                                           value="{{ old('topic_code') }}" required>
                                    @error('topic_code')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                            </div>
                            <div class="col-md-8">
                                <div class="form-group">
                                    <label>Topic Name <span class="text-danger">*</span></label>
                                    <input type="text" name="topic_name" class="form-control"
                                           value="{{ old('topic_name') }}" required>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Category <span class="text-danger">*</span></label>
                            <select name="category_id" class="form-control" required>
                                <option value="">Select Category</option>
                                @foreach($categories as $cat)
                                    <option value="{{ $cat->category_id }}"
                                        {{ old('category_id', request('category_id')) == $cat->category_id ? 'selected' : '' }}>
                                        {{ $cat->category_name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

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

                        <div class="form-group">
                            <label>Learning Objectives</label>
                            <textarea name="learning_objectives" class="form-control" rows="2">{{ old('learning_objectives') }}</textarea>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Target Audience</label>
                                    <input type="text" name="target_audience" class="form-control"
                                           value="{{ old('target_audience') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Prerequisites</label>
                                    <input type="text" name="prerequisites" class="form-control"
                                           value="{{ old('prerequisites') }}">
                                </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">Completion & Scheduling</h6>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Completion Method <span class="text-danger">*</span></label>
                                    <select name="completion_method" class="form-control" required>
                                        @foreach(['ACKNOWLEDGEMENT','QUIZ','PRACTICAL','BOTH'] as $m)
                                            <option value="{{ $m }}" {{ old('completion_method') == $m ? 'selected' : '' }}>{{ $m }}</option>
                                        @endforeach
                                    </select>
                                    <small class="text-muted">How the training is completed</small>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Passing Score (%) <span class="text-danger">*</span></label>
                                    <input type="number" name="passing_score" class="form-control"
                                           value="{{ old('passing_score', 70) }}" min="0" max="100" required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Max Attempts <span class="text-danger">*</span></label>
                                    <input type="number" name="max_attempts" class="form-control"
                                           value="{{ old('max_attempts', 3) }}" min="1" max="10" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Duration (hours)</label>
                                    <input type="number" step="0.5" name="default_duration_hours"
                                           class="form-control" value="{{ old('default_duration_hours') }}" min="0">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Recurrence (months)</label>
                                    <input type="number" name="recurrence_months" class="form-control"
                                           value="{{ old('recurrence_months') }}" min="1"
                                           placeholder="Leave empty for one-time">
                                </div>
                            </div>
                        </div>

                        <div class="form-check mb-2">
                            <input type="checkbox" name="assessment_required" value="1"
                                   class="form-check-input" id="ar"
                                   {{ old('assessment_required') ? 'checked' : '' }}>
                            <label for="ar" class="form-check-label">Assessment Required</label>
                        </div>
                        <div class="form-check mb-2">
                            <input type="checkbox" name="requires_practical_assessment" value="1"
                                   class="form-check-input" id="rpa"
                                   {{ old('requires_practical_assessment') ? 'checked' : '' }}>
                            <label for="rpa" class="form-check-label">Requires Practical Assessment</label>
                        </div>
                        <div class="form-check mb-2">
                            <input type="checkbox" name="is_active" value="1"
                                   class="form-check-input" id="ia"
                                   {{ old('is_active', true) ? 'checked' : '' }}>
                            <label for="ia" class="form-check-label">Active</label>
                        </div>
                    </div>
                </div>

                <div class="card shadow mb-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">Document Link</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>Related Document</label>
                            <select name="document_id" class="form-control">
                                <option value="">— None —</option>
                                @foreach($documents as $doc)
                                    <option value="{{ $doc->document_id }}"
                                        {{ old('document_id') == $doc->document_id ? 'selected' : '' }}>
                                        {{ $doc->document_code ?? '' }} — {{ $doc->document_title ?? '' }}
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-muted">
                                Used for auto-assignment (LMS-002) when the document is approved.
                            </small>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>SOP Reference</label>
                                    <input type="text" name="sop_reference" class="form-control"
                                           value="{{ old('sop_reference') }}" placeholder="e.g., LAB/DLS/SOP/001">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Regulatory Reference</label>
                                    <input type="text" name="regulatory_reference" class="form-control"
                                           value="{{ old('regulatory_reference') }}">
                                </div>
                            </div>
                        </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 Topic
                        </button>
                        <a href="{{ route('training.topics.index') }}" class="btn btn-secondary btn-block">
                            <i class="fas fa-times mr-1"></i>Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection