@extends('admin.layouts.app')

@php
    $isEdit = $assessment->exists;
    $existingAnswers = old('answers', $assessment->answers->map(fn ($a) => ['text' => $a->text, 'score' => $a->score])->all());
    if (! is_array($existingAnswers) || count($existingAnswers) === 0) {
        $existingAnswers = [['text' => '', 'score' => ''], ['text' => '', 'score' => '']];
    }
@endphp

@section('title', ($isEdit ? __('admin.assessments.edit') : __('admin.assessments.create')) . ' — ' . __('admin.brand.name'))
@section('page_title', $isEdit ? __('admin.assessments.edit') : __('admin.assessments.create'))

@section('content')
    <x-admin.page-header :title="$isEdit ? __('admin.assessments.edit') : __('admin.assessments.create')">
        <x-slot:actions>
            <a href="{{ route('admin.assessments.index') }}" class="btn-secondary">{{ __('admin.actions.back_to_list') }}</a>
        </x-slot:actions>
    </x-admin.page-header>

    <div class="card form-card">
        <form method="POST" action="{{ $isEdit ? route('admin.assessments.update', $assessment) : route('admin.assessments.store') }}" data-assessment-form>
            @csrf
            @if ($isEdit) @method('PUT') @endif

            <h2 class="form-section-title accent">{{ __('admin.assessments.section.add_assessment') }}</h2>

            <div class="form-field-full">
                <x-admin.form-input name="question" :label="__('admin.assessments.fields.question')" :value="$assessment->question" required />
            </div>

            <div class="answers-section">
                <div class="answers-list" data-answers-list>
                    @foreach ($existingAnswers as $i => $row)
                        <div class="answer-row" data-answer-row>
                            <div class="answer-row-fields">
                                <input type="text" name="answers[{{ $i }}][text]" value="{{ $row['text'] ?? '' }}" placeholder="{{ __('admin.assessments.fields.answer_text_placeholder') }}" class="answer-text">
                                <input type="number" name="answers[{{ $i }}][score]" value="{{ $row['score'] ?? '' }}" placeholder="{{ __('admin.assessments.fields.answer_score_placeholder') }}" class="answer-score" step="1">
                            </div>
                            <div class="answer-row-actions">
                                <button type="button" class="answer-btn answer-btn-add" data-answer-add aria-label="{{ __('admin.assessments.add_answer') }}">+</button>
                                <button type="button" class="answer-btn answer-btn-remove" data-answer-remove aria-label="{{ __('admin.assessments.remove_answer') }}">−</button>
                            </div>
                        </div>
                    @endforeach
                </div>
                @error('answers') <span class="field-error">{{ $message }}</span> @enderror
                @error('answers.*.text') <span class="field-error">{{ $message }}</span> @enderror
                @error('answers.*.score') <span class="field-error">{{ $message }}</span> @enderror
            </div>

            <div class="form-field-full">
                <x-admin.form-textarea name="explanation" :label="__('admin.assessments.fields.explanation')" :value="$assessment->explanation" required :rows="6" />
            </div>

            <div class="form-grid">
                <div class="form-field">
                    <label>{{ __('admin.assessments.fields.total_score') }}</label>
                    <input type="text" data-total-score readonly value="{{ $isEdit ? $assessment->totalScore() : 0 }}">
                </div>
                <x-admin.form-toggle name="is_active" :label="__('admin.fields.status')" :checked="$assessment->is_active ?? true" />
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.assessments.index') }}" class="btn-secondary">{{ __('admin.actions.cancel') }}</a>
                <button type="submit" class="btn-primary">{{ $isEdit ? __('admin.actions.save') : __('admin.assessments.add_button') }}</button>
            </div>
        </form>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('assets/admin/js/assessment-form.js') }}"></script>
@endpush