@extends('backoffice.dashboard')
@section('content')
<link rel="stylesheet" href="{{ asset('BackOfficeAR/css/formulaire.css') }}">

@if ($errors->any())
    <ul class="alert alert-warning">
        @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
        @endforeach
    </ul>
@endif

@if(Auth::check())

<div class="container">
    <form action="{{ route('admin.doc_fin.update', $docList->id_doc_list) }}" method="POST" enctype="multipart/form-data" lang="ar">
        @csrf
        @method('PUT')

        <input type="hidden" name="id_formulaire" value="{{ $formulaire->id_type }}">
        
        <h2>الجمهورية التونسية</h2>
        <h2>وزارة الشباب و الرياضة</h2>
        <h3 style="font-size:25px;">{{ $formulaire->type_ar }}</h3>
        <br>

        @php 
            $currentStatus = old('id_statut', $docList->id_statut1 ?? '');
            $currentMotif = old('commentaire_motif1', $docList->commentaire_motif1 ?? '');
        @endphp

        <div class="card shadow-lg border-0 mb-4 rounded-4">
            <div class="card-header bg-custom-gray text-dark d-flex justify-content-between align-items-center">
                <h5 class="mb-0 fw-bold">الوضعية الحالية:</h5>
                @if($currentStatus == 1)
                    <span class="badge bg-success fs-6">مقبول</span>
                @elseif($currentStatus == 3)
                    <span class="badge bg-danger fs-6">مرفوض</span>
                @else
                    <span class="badge bg-warning text-dark fs-6">في الانتظار</span>
                @endif
            </div>
            <div class="card-body">
                <p class="text-muted mb-4 text-center fs-6">
                    إذا كنت ترغب في تعديل الوضعية الحالية، يرجى الاختيار من القائمة أدناه:
                </p>
                <div class="form-group row align-items-center mb-3">
                    <label for="id_statut" class="col-sm-2 col-form-label fw-bold">تغيير الوضعية</label>  
                    <div class="col-sm-4">
                        <select class="form-control" id="id_statut" name="id_statut" onchange="toggleMotifInput4()">
                            <option value="">اختر...</option>
                            <option value="1" {{ $currentStatus == 1 ? 'selected' : '' }}>قبول</option>
                            <option value="3" {{ $currentStatus == 3 ? 'selected' : '' }}>رفض</option>
                        </select>
                    </div>
                </div>
                <div class="mb-3 {{ $currentStatus == 3 ? '' : 'd-none' }}" id="motifDiv">
                    <label for="commentaire_motif1" class="form-label fw-bold text-danger">سبب الرفض</label>
                    <textarea name="commentaire_motif1" id="commentaire_motif1" class="form-control border-danger shadow-sm" rows="3" placeholder="الرجاء إدخال سبب الرفض">{{ $currentMotif }}</textarea>
                </div>
            </div>
        </div>
        
        <div class="form-section">
            <div class="form-group row">
                <table id="phase-table" class="custom-table table table-bordered text-center">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th> الوثائق حسب الامر عدد 5183 </th>
                            <th> الوثائق المرفوعة </th>
                            <th> تحميل ملف جديد </th>
                            <th> الملاحظات </th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($typedocum as $index => $doc)
                        @php
                            $existing = $documents->firstWhere('id_doc', $doc->id_type_doc);
                        @endphp
                        <tr>
                            <td>{{ $index + 1 }}</td>

                            <td>
                                {{ $doc->type_ar }}
                                <input type="hidden" name="doc_fin[{{ $index }}][id_doc]" value="{{ $doc->id_type_doc }}">
                            </td>

                            <td>
                                @if(in_array($doc->id_type_doc, [15, 17]))
                                    ✅ هذا الملف متوفر بالفعل
                                @else
                                    @if($existing && $existing->file)
                                        <a href="{{ asset('storage/'.$existing->file) }}" 
                                        target="_blank" 
                                        class="btn btn-sm btn-info" 
                                        title="عرض الملف">
                                            📂 عرض الملف
                                        </a>
                                    @else
                                        <span class="text-muted">لا يوجد ملف</span>
                                    @endif
                                @endif
                            </td>

                            <td>
                                @if(!in_array($doc->id_type_doc, [15, 17]))
                                    <input type="file" name="doc_fin[{{ $index }}][file]" class="form-control">
                                @endif
                            </td>

                            <td>
                                <input type="text" name="doc_fin[{{ $index }}][remarques]" 
                                    class="form-control" maxlength="100"
                                    value="{{ $existing->remarques ?? '' }}">
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>
            </div>
        </div>

        <div class="form-group row text-center" style="padding-top:50px;">
            <div class="col-sm-4 mx-auto">
                <button type="submit" class="btn btn-success" style="width:100px;margin-right:250px;">
                    حفظ
                </button>
            </div>
            <div class="col-sm-4 mx-auto">
                <a href="{{ route('admin.doc_fin.index') }}" class="btn btn-primary" style="width:100px;margin-left:250px;">
                    رجوع
                </a>
            </div>
        </div>
    </form>
</div>

@else
    <script>window.location.href = "{{ route('login') }}";</>
@endif
@endsection