@extends('layouts.app')
@section('title', 'New Effectiveness Evaluation')

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

    <form action="{{ route('training.effectiveness.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">Evaluation Details</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>Training <span class="text-danger">*</span></label>
                            <select name="training_id" class="form-control" required>
                                <option value="">Select Completed Training</option>
                                @foreach($trainings as $t)
                                    <option value="{{ $t->training_id }}"
                                        {{ old('training_id', $selectedTraining) == $t->training_id ? 'selected' : '' }}>
                                        {{ $t->training_code }} — {{ $t->topic?->topic_name }} ({{ $t->employee?->name }})
                                    </option>
                                @endforeach
                            </select>
                            <small class="text-muted">Only Completed trainings are listed.</small>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Evaluation Type <span class="text-danger">*</span></label>
                                    <select name="evaluation_type" class="form-control" required>
                                        @foreach(['Immediate','30-Day','60-Day','90-Day','Annual'] as $t)
                                            <option value="{{ $t }}" {{ old('evaluation_type') == $t ? 'selected' : '' }}>{{ $t }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Evaluation Date <span class="text-danger">*</span></label>
                                    <input type="date" name="evaluation_date" class="form-control" required
                                           value="{{ old('evaluation_date', date('Y-m-d')) }}">
                                </div>
                            </div>
                        </div>

                        <h6 class="mt-3 text-muted text-uppercase small">Kirkpatrick Scores (0–100)</h6>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Knowledge</label>
                                    <input type="number" name="knowledge_score" class="form-control"
                                           value="{{ old('knowledge_score') }}" min="0" max="100">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Skill</label>
                                    <input type="number" name="skill_score" class="form-control"
                                           value="{{ old('skill_score') }}" min="0" max="100">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Behavior</label>
                                    <input type="number" name="behavior_score" class="form-control"
                                           value="{{ old('behavior_score') }}" min="0" max="100">
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>Results</label>
                                    <input type="number" name="results_score" class="form-control"
                                           value="{{ old('results_score') }}" min="0" max="100">
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Effectiveness Status <span class="text-danger">*</span></label>
                                    <select name="effectiveness_status" class="form-control" required>
                                        @foreach(['Effective','Partially Effective','Not Effective','Pending Evaluation'] as $s)
                                            <option value="{{ $s }}" {{ old('effectiveness_status') == $s ? 'selected' : '' }}>{{ $s }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Method <span class="text-danger">*</span></label>
                                    <select name="evaluation_method" class="form-control" required>
                                        @foreach(['Observation','Interview','Survey','Test','KPI Analysis','Combination'] as $m)
                                            <option value="{{ $m }}" {{ old('evaluation_method') == $m ? 'selected' : '' }}>{{ $m }}</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">Narrative</h6>
                    </div>
                    <div class="card-body">
                        <div class="form-group">
                            <label>Strengths</label>
                            <textarea name="strengths" class="form-control" rows="2">{{ old('strengths') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label>Areas for Improvement</label>
                            <textarea name="areas_for_improvement" class="form-control" rows="2">{{ old('areas_for_improvement') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label>Recommendations</label>
                            <textarea name="recommendations" class="form-control" rows="2">{{ old('recommendations') }}</textarea>
                        </div>

                        <hr>
                        <div class="form-check">
                            <input type="checkbox" name="follow_up_required" value="1"
                                   class="form-check-input" id="fur"
                                   {{ old('follow_up_required') ? 'checked' : '' }}>
                            <label for="fur" class="form-check-label">Follow-up required</label>
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Follow-up Date</label>
                                    <input type="date" name="follow_up_date" class="form-control"
                                           value="{{ old('follow_up_date') }}">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Follow-up Notes</label>
                                    <input type="text" name="follow_up_notes" class="form-control"
                                           value="{{ old('follow_up_notes') }}">
                                </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>
                            Overall effectiveness is auto-computed from the four scores.
                        </div>
                        <button type="submit" class="btn btn-primary btn-block mb-2">
                            <i class="fas fa-save mr-1"></i>Save Evaluation
                        </button>
                        <a href="{{ route('training.effectiveness.index') }}" class="btn btn-secondary btn-block">
                            <i class="fas fa-times mr-1"></i>Cancel
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection