@extends('layouts.app')

@section('title', 'تفاصيل الوحدة التنظيمية')

@section('content')
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">{{ __('تفاصيل الوحدة التنظيمية') }}</div>

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

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>مؤشر الأمان التقييمي:</strong></label>
                            <div class="col-md-6 d-flex align-items-center">
                                @if(isset($safetyStatus))
                                    @if($safetyStatus === 'safe')
                                        <span class="badge bg-success py-2 px-3 fw-bold fs-6 w-100">آمنة &nbsp;<i class="fas fa-shield-check"></i></span>
                                    @elseif($safetyStatus === 'unsafe')
                                        <span class="badge bg-danger py-2 px-3 fw-bold fs-6 w-100">غير آمنة &nbsp;<i class="fas fa-exclamation-triangle"></i></span>
                                    @else
                                        <span class="badge bg-secondary py-2 px-3 fw-bold fs-6 w-100">لم تُقيّم (لا توجد بيانات)</span>
                                    @endif
                                @endif
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>اسم الوحدة:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->name }}</p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>نوع الوحدة:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->unitType->type_name ?? 'N/A' }}</p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>الوحدة الأب:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->parent->name ?? 'لا يوجد (وحدة رئيسية)' }}</p>
                            </div>
                        </div>

                        @if($organizationalUnit->children->count() > 0)
                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>الوحدات الفرعية:</strong></label>
                            <div class="col-md-6">
                                <ul class="tree-list" id="tree-list" style="list-style: none; padding-right: 0; direction: rtl;">
                                    @foreach($organizationalUnit->children as $child)
                                        @include('organizational-units.partials.tree-item', ['unit' => $child, 'level' => 0])
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                        @endif

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>عدد الوحدات الفرعية:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->children->count() }}</p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>المنشئ:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->creator->name ?? 'N/A' }}</p>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label class="col-md-4 col-form-label text-md-end"><strong>تاريخ الإنشاء:</strong></label>
                            <div class="col-md-6">
                                <p class="form-control-plaintext">{{ $organizationalUnit->created_at->format('Y-m-d H:i') }}</p>
                            </div>
                        </div>

                        <div class="row mb-0 mt-4">
                            <div class="col-md-6 offset-md-4">
                                <a href="{{ route('organizational-units.edit', $organizationalUnit->id) }}" class="btn btn-warning">تعديل</a>
                                <a href="{{ route('organizational-units.index') }}" class="btn btn-secondary">رجوع</a>
                            </div>
                        </div>
                    </div>
                </div>

                @isset($unansweredQuestions)
                <div class="card mt-4 border-primary">
                    <div class="card-header bg-primary text-white">
                        <i class="fas fa-question-circle"></i> {{ __('أسئلة الاستبيان غير المُجاب عنها') }}
                        @if ($unansweredQuestions->isNotEmpty())
                            <span class="badge bg-light text-primary ms-1">{{ $unansweredQuestions->count() }}</span>
                        @endif
                    </div>
                    <div class="card-body">
                        @if ($unansweredQuestions->isEmpty())
                            <p class="text-muted mb-0">{{ __('جميع أسئلة الاستبيان مُجاب عنها لهذه الوحدة.') }}</p>
                        @elseif ($canSubmitUnitQuestionnaire)
                            <p class="text-muted small">{{ __('أجب عن الأسئلة التالية نيابة عن هذه الوحدة التنظيمية.') }}</p>
                            <form method="POST" action="{{ route('organizational-units.questionnaire.submit', $organizationalUnit) }}" class="mt-2">
                                @csrf
                                @foreach ($unansweredQuestions as $i => $question)
                                    <div class="mb-4">
                                        <div class="mb-2 fw-semibold">{{ $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="unitq{{ $question->id }}_yes"
                                                    value="1" @checked(old("answers.$i.answer_value") === '1')>
                                                <label class="form-check-label" for="unitq{{ $question->id }}_yes">{{ __('نعم') }}</label>
                                            </div>
                                            <div class="form-check">
                                                <input class="form-check-input" type="radio"
                                                    name="answers[{{ $i }}][answer_value]" id="unitq{{ $question->id }}_no"
                                                    value="0" @checked(old("answers.$i.answer_value") === '0')>
                                                <label class="form-check-label" for="unitq{{ $question->id }}_no">{{ __('لا') }}</label>
                                            </div>
                                        </div>
                                        <div class="mt-2">
                                            <label class="form-label mb-1 small">{{ __('ملاحظات (اختياري)') }}</label>
                                            <textarea class="form-control form-control-sm" rows="2" name="answers[{{ $i }}][notes]">{{ old("answers.$i.notes") }}</textarea>
                                        </div>
                                    </div>
                                    <hr>
                                @endforeach
                                <button type="submit" class="btn btn-primary">{{ __('حفظ الإجابات') }}</button>
                            </form>
                        @else
                            <p class="text-muted small mb-2">{{ __('الأسئلة التالية بلا إجابة بعد. لا يمكنك تعبئة الاستبيان من هنا إلا إذا كنت مرتبطاً بهذه الوحدة أو منشئها (حساب غير مرتبط بوحدة).') }}</p>
                            <ul class="list-group list-group-flush">
                                @foreach ($unansweredQuestions as $question)
                                    <li class="list-group-item">{{ $question->question_text }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                </div>
                @endisset

                @if(isset($answers) && $answers->count() > 0)
                <div class="card mt-4 mb-4 border-{{ $safetyStatus === 'unsafe' ? 'danger' : ($safetyStatus === 'safe' ? 'success' : 'secondary') }}">
                    <div class="card-header bg-{{ $safetyStatus === 'unsafe' ? 'danger' : ($safetyStatus === 'safe' ? 'success' : 'secondary') }} text-white font-weight-bold">
                        <i class="fas fa-clipboard-list"></i> {{ __('تفاصيل الاستبيان وإجابات الوحدة') }} ({{ $answers->count() }} إجابات)
                    </div>
                    <div class="card-body p-0">
                        <table class="table table-striped table-bordered mb-0">
                            <thead>
                                <tr>
                                    <th>السؤال</th>
                                    <th>إجابة الوحدة</th>
                                    <th>ملاحظات</th>
                                    <th>تطابق الأمان</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($answers as $answer)
                                    <tr class="{{ $answer->is_safe === false ? 'table-danger' : ($answer->is_safe === true ? 'table-success' : '') }}">
                                        <td>{{ $answer->question->question_text ?? 'غير متوفر' }}</td>
                                        <td>
                                            @if($answer->answer_value == '1' || strtolower($answer->answer_value) == 'yes')
                                                نعم
                                            @elseif($answer->answer_value == '0' || strtolower($answer->answer_value) == 'no')
                                                لا
                                            @else
                                                {{ $answer->answer_value }}
                                            @endif
                                        </td>
                                        <td>{{ $answer->notes ?? '-' }}</td>
                                        <td>
                                            @if($answer->is_safe === true)
                                                <span class="badge bg-success">آمن</span>
                                            @elseif($answer->is_safe === false)
                                                <span class="badge bg-danger">غير آمن (خطر)</span>
                                            @else
                                                <span class="badge bg-secondary">غير مقرّر</span>
                                            @endif
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
@endsection

<style>
    .tree-item {
        margin-bottom: 5px;
    }
    
    .tree-node {
        display: flex;
        align-items: center;
        padding: 3px 0;
    }
    
    .tree-list {
        direction: rtl;
    }
    
    .tree-children {
        list-style: none;
        padding-right: 20px;
        margin-top: 5px;
    }
</style>



