@extends('layouts.app')
@section('title', 'Edit 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>Edit Competency Record</h1>
        <a href="{{ route('training.competencies.show', $competency->competency_id) }}" 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">
                    <p><strong>Employee:</strong> {{ $competency->employee?->name }}</p>
                    <p><strong>Topic:</strong> {{ $competency->topic?->topic_name }}</p>

                    <form action="{{ route('training.competencies.update', $competency->competency_id) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <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', $competency->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', $competency->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', $competency->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', $competency->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', $competency->combined_score) }}">
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label>Expiry Date</label>
                            <input type="date" name="expiry_date" class="form-control"
                                   value="{{ old('expiry_date', $competency->expiry_date?->format('Y-m-d')) }}">
                        </div>

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

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