@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="card">
            <div class="card-header">{{ __('الاستبيان') }}</div>

            <div class="card-body">
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul class="mb-0">
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif

                @if (session('success'))
                    <div class="alert alert-success">{{ session('success') }}</div>
                @endif

                @if ($needsUnitSetup)
                    <div class="alert alert-info">
                        {{ __('حسابك غير مرتبط بوحدة تنظيمية. أنشئ وحدة جديدة أدناه، ثم ستُعرض لك أسئلة الاستبيان لتُجيب عنها بالنيابة عن هذه الوحدة.') }}
                    </div>

                    <h6 class="mb-3">{{ __('إضافة وحدة تنظيمية') }}</h6>
                    <form method="POST" action="{{ route('questionnaire.unit.store') }}">
                        @csrf
                        <div class="mb-3">
                            <label class="form-label">{{ __('اسم الوحدة') }}</label>
                            <input type="text" name="name" class="form-control @error('name') is-invalid @enderror"
                                value="{{ old('name') }}" required>
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('نوع الوحدة') }}</label>
                            <select name="unit_type_id" class="form-select @error('unit_type_id') is-invalid @enderror" required>
                                <option value="">{{ __('اختر نوع الوحدة') }}</option>
                                @foreach ($unitTypes as $unitType)
                                    <option value="{{ $unitType->id }}" @selected(old('unit_type_id') == $unitType->id)>
                                        {{ $unitType->type_name }}
                                        @if (isset($unitType->level))
                                            ({{ __('مستوى') }}: {{ $unitType->level }})
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                            @error('unit_type_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('الوحدة الأب (اختياري)') }}</label>
                            <select name="parent_id" class="form-select @error('parent_id') is-invalid @enderror">
                                <option value="">{{ __('بدون — وحدة رئيسية') }}</option>
                                @foreach ($parentUnits as $parent)
                                    <option value="{{ $parent->id }}" @selected(old('parent_id') == $parent->id)>
                                        {{ $parent->name }}
                                        @if ($parent->unitType)
                                            ({{ $parent->unitType->type_name }})
                                        @endif
                                    </option>
                                @endforeach
                            </select>
                            @error('parent_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <button type="submit" class="btn btn-primary">{{ __('إنشاء الوحدة ومتابعة الاستبيان') }}</button>
                    </form>
                @elseif (empty($unitId))
                    <div class="alert alert-warning mb-0">
                        {{ __('تعذر تحديد الوحدة التنظيمية للاستبيان.') }}
                    </div>
                @else
                    @if (!empty($usesSessionUnit) && $targetUnit)
                        <div class="alert alert-secondary d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                {{ __('أنت تجيب عن الاستبيان للوحدة:') }}
                                <strong>{{ $targetUnit->name }}</strong>
                            </div>
                            <form method="POST" action="{{ route('questionnaire.unit.clear') }}" class="m-0">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-danger">
                                    {{ __('إلغاء الوحدة واختيار وحدة أخرى') }}
                                </button>
                            </form>
                        </div>
                    @endif

                    @if ($questions->isEmpty())
                        <div class="alert alert-info mb-0 mt-3">
                            {{ __('لا توجد أسئلة جديدة لهذه الوحدة التنظيمية.') }}
                        </div>
                    @else
                        <form method="POST" action="{{ route('questionnaire.submit') }}" class="mt-3">
                            @csrf

                            @foreach ($questions as $i => $question)
                                <div class="mb-4">
                                    <div class="mb-2" style="font-weight:600;">
                                        {{ $question->question_text }}
                                    </div>

                                    <input type="hidden" name="answers[{{ $i }}][question_id]" value="{{ $question->id }}">

                                    <div class="d-flex gap-4">
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="answers[{{ $i }}][answer_value]" id="q{{ $question->id }}_yes"
                                                value="1" @checked(old("answers.$i.answer_value") === '1')>
                                            <label class="form-check-label" for="q{{ $question->id }}_yes">{{ __('نعم') }}</label>
                                        </div>
                                        <div class="form-check">
                                            <input class="form-check-input" type="radio"
                                                name="answers[{{ $i }}][answer_value]" id="q{{ $question->id }}_no"
                                                value="0" @checked(old("answers.$i.answer_value") === '0')>
                                            <label class="form-check-label" for="q{{ $question->id }}_no">{{ __('لا') }}</label>
                                        </div>
                                    </div>

                                    <div class="mt-2">
                                        <label class="form-label mb-1">{{ __('ملاحظات / بيان (اختياري)') }}</label>
                                        <textarea class="form-control" rows="2" name="answers[{{ $i }}][notes]">{{ old("answers.$i.notes") }}</textarea>
                                    </div>

                                    @error("answers.$i.answer_value")
                                        <div class="text-danger mt-1">{{ $message }}</div>
                                    @enderror
                                </div>
                                <hr>
                            @endforeach

                            <button class="btn btn-primary" type="submit">{{ __('حفظ الإجابات') }}</button>
                        </form>
                    @endif
                @endif
            </div>
        </div>
    </div>
@endsection
