@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.exoneration.update', $document->id_doc) }}" 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>
        <h4 style="text-align:center;padding-top:20px;">إستمارة تسجيل الإنتفاع بإعفاء جبائي</h4>
        <br>
        <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($document->id_statut == 1)
                    <span class="badge bg-success fs-6">موافقة </span>
                @elseif($document->id_statut == 3)
                    <span class="badge bg-danger fs-6">عدم موافقة</span>
                @elseif($document->id_statut == 4)
                    <span class="badge bg-warning text-dark fs-6">موافقة شريطة</span>
                @elseif($document->id_statut == 5)
                    <span class="badge bg-primary 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="toggleMotifInput()">
                            <option value="" >اختر...</option>
                            <option value="1" {{ old('id_statut', $document->id_statut ?? '') == 1 ? 'selected' : '' }}>موافقة</option>
                            <option value="3" {{ old('id_statut', $document->id_statut ?? '') == 3 ? 'selected' : '' }}>عدم موافقة</option>
                            <option value="4" {{ old('id_statut', $document->id_statut ?? '') == 4 ? 'selected' : '' }}>موافقة شريطة</option>
                            <option value="5" {{ old('id_statut', $document->id_statut ?? '') == 5 ? 'selected' : '' }}>ارجاء لابداء الراي </option>
                        </select>
                    </div>
                </div>
                <div class="mb-3 d-none" id="motifDiv">
                    <label for="commentaire_motif" class="form-label fw-bold text-danger">سبب الرفض</label>
                    <textarea name="commentaire_motif" id="commentaire_motif" class="form-control border-danger shadow-sm" rows="3" placeholder="الرجاء إدخال سبب الرفض">{{ old('commentaire_motif', $document->commentaire_motif ?? '') }}</textarea>
                </div>
                <div class="mb-3 d-none" id="accepDiv">
                    <label for="commentaire_motif" class="form-label fw-bold text-warning "> تعليق</label>
                    <textarea name="commentaire_acceptation" id="commentaire_acceptation" class="form-control border-warning shadow-sm" rows="3" >{{ old('commentaire_acceptation', $document->commentaire_acceptation ?? '') }}</textarea>
                </div>
                <div class="mb-3 d-none" id="avisDiv">
                    <label for="commentaire_motif" class="form-label fw-bold text-primary"> تعليق</label>
                    <textarea name="commentaire_avis" id="commentaire_avis" class="form-control border-primary shadow-sm" rows="3" >{{ old('commentaire_avis', $document->commentaire_avis ?? '') }}</textarea>
                </div>
            </div>
        </div>
        <br>
        <div class="form-section">
            <h4>هوية صاحب المشروع</h4>

            <div class="form-group row mb-3" style="padding-top:20px;">
                <label class="col-sm-2 col-form-label">الاسم و اللقب</label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="nom_prenom" maxlength="50"
                           value="{{ old('nom_prenom', $document->utilisateur->nom_prenom) }}">
                </div>

                <label class="col-sm-2 col-form-label"> رقم الهاتف </label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="tel"
                           value="{{ old('tel', $document->utilisateur->tel) }}">
                </div>
            </div>

            <div class="form-group row align-items-center">
                <label class="col-sm-2 col-form-label">الهوية الشخصية</label>
                <div class="col-sm-4">
                    <select required class="form-control" id="id_type_identite" name="id_type_identite" onchange="showTypeIdentiteInput4()">
                        <option value="" disabled>اختر...</option>
                        @foreach($typesIdentite as $type)
                            <option value="{{ $type->id_type }}" {{ $document->utilisateur->id_type_identite == $type->id_type ? 'selected' : '' }}>
                                {{ $type->type_ar }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-sm-6" id="cin_input_wrapper" style="{{ $document->utilisateur->cin ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="cin_input" name="cin" placeholder="أدخل رقم بطاقة التعريف" pattern="^\d{8}$" maxlength="8"
                           value="{{ old('cin', $document->utilisateur->cin) }}">
                </div>
                <div class="col-sm-6" id="passport_field" style="{{ $document->utilisateur->passport ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="passport_input" name="passport" placeholder="أدخل رقم جواز السفر" pattern="^\d{8,12}$" minlength="8" maxlength="12"
                           value="{{ old('passport', $document->utilisateur->passport) }}">
                </div>
                <div class="col-sm-6" id="fiscal_field" style="{{ $document->utilisateur->num_fiscal ? '' : 'display:none;' }}">
                    <input type="text" class="form-control" id="num_fiscal_input" name="num_fiscal" placeholder="أدخل رقم المعرف الجبائي" pattern="^\d{12}$" maxlength="12"
                           value="{{ old('num_fiscal', $document->utilisateur->num_fiscal) }}">
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label"> العنوان الشخصي </label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="adresse" maxlength="50"
                           value="{{ old('adresse', $document->utilisateur->adresse) }}">
                </div>

                <label class="col-sm-2 col-form-label"> البريد الالكتروني </label>
                <div class="col-sm-4">
                    <input required type="email" class="form-control" name="email"
                           value="{{ old('email', $document->utilisateur->email) }}">
                </div>
            </div>

            <div class="form-group row mb-3">
                <label class="col-sm-2 col-form-label"> عنوان المشروع  </label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="nom_projet"
                           value="{{ old('nom_projet', $document->nom_projet) }}">
                </div>

                <label class="col-sm-2 col-form-label"> مكان المشروع </label>
                <div class="col-sm-4">
                    <input required type="text" class="form-control" name="adresse_projet"
                           value="{{ old('adresse_projet', $document->adresse_projet) }}">
                </div>
            </div>

        </div>

        <div class="form-section mt-4">
            <h4> إضافة الوثائق المطلوبة </h4>

            @php
                $files = [
                    'copie_cahier_des_charges','copie_originale','facture','contrat','fichier_arrivage','fichier_colisage',
                    'copie_registre_fiscal','copie_registre_national_institutions','copie_certificat_propriete','engagement','exemple_projet'
                ];
                $labels = [
                    '1- نسخة من كراس الشروط','2- الاصل من شهادة ايداع التصريح','3- فاتورة','4- عقد بين المشتري و المورد','5- وثيقة الاعلام بالوصول',
                    '6- وثيقة الشحن','7- نسخة من بطاقة التعريف الجبائي','8- نسخة من مضمون السجل الوطني للمؤسسات','9- نسخة من شهادة الملكية',
                    '10- تعهد','11- مثال هندسي للمشروع'
                ];
            @endphp

            @foreach($files as $index => $file)
                <div class="form-group row mb-3">
                    <label class="col-sm-6 col-form-label">{{ $labels[$index] }}</label>
                    <div class="col-sm-10">
                        <input type="file" class="form-control" name="{{ $file }}">
                        @if(!empty($document->$file))
                            <a href="{{ asset('storage/'.$document->$file) }}" target="_blank" class="btn btn-link">مشاهدة الملف الحالي</a>
                        @endif
                    </div>
                </div>
            @endforeach

        </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 font-weight-medium" style="width:100px;margin-right:250px;">تحديث</button>
            </div>
            <div class="col-sm-4 mx-auto">
                <a href="{{ route('admin.exoneration.index') }}" class="btn btn-primary" style="width:100px;margin-left:250px;">
                    <i class="bi bi-arrow-left"></i> رجوع
                </a>
            </div>
        </div>
    </form>
</div>

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