@extends('layouts.app')
@section('title', 'New Competency Record')

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

    @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">Details</h6>
                </div>
                <div class="card-body">
                    <form action="{{ route('training.competencies.store') }}" method="POST">
                        @csrf

                        <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 }}"
                                                {{ (string) old('employee_id', $selectedEmployee) === (string) $e->id ? 'selected' : '' }}>
                                                {{ $e->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <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 }}"
                                                {{ (string) old('topic_id', $selectedTopic) === (string) $t->topic_id ? 'selected' : '' }}>
                                                {{ $t->topic_name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <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 class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Competency Level <span class="text-danger">*</span></label>
                                    <select name="competency_level" class="form-control" required>
                                        @foreach(['BEGINNER','BASIC','COMPETENT','PROFICIENT','EXPERT','UNKNOWN'] as $lvl)
                                            <option value="{{ $lvl }}" {{ old('competency_level') === $lvl ? 'selected' : '' }}>{{ $lvl }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Status <span class="text-danger">*</span></label>
                                    <select name="status" class="form-control" required>
                                        @foreach(['NOT_STARTED','IN_PROGRESS','PENDING_APPROVAL','COMPETENT','REQUIRES_RETRAINING','EXPIRED'] as $st)
                                            <option value="{{ $st }}" {{ old('status') === $st ? 'selected' : '' }}>{{ $st }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Assessment Score</label>
                                    <input type="number" step="0.01" min="0" max="100" name="assessment_score"
                                           class="form-control" value="{{ old('assessment_score') }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Practical Score</label>
                                    <input type="number" step="0.01" min="0" max="100" name="practical_score"
                                           class="form-control" value="{{ old('practical_score') }}">
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Combined Score</label>
                                    <input type="number" step="0.01" min="0" max="100" name="combined_score"
                                           class="form-control" value="{{ old('combined_score') }}">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Completed Date</label>
                                    <input type="date" name="completed_date" class="form-control" value="{{ old('completed_date') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Expiry Date</label>
                                    <input type="date" name="expiry_date" class="form-control" value="{{ old('expiry_date') }}">
                                </div>
                            </div>
                        </div>

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

                        <button type="submit" class="btn btn-success">
                            <i class="fas fa-save mr-1"></i>Save Record
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection