@include('../bd_section/layouts.header')
@include('../bd_section/layouts.sidebar')  
    @php
      $pan_arr = array("father_name","marital_status","have_pan_card");
      $hv_dataostille_arr = array("docs_issued_state","docs_for_apostilled");
      $visaConversion_arr = array("father_nationality","indian_mobile_no","expect_travel_dt","leave_date","duration_of_extension","current_visa_type","distinguishing_mark","father_currently_living","mother_currently_living");
      $visaExtension_arr = array("expect_travel_dt","leave_date","duration_of_extension","current_visa_type","distinguishing_mark","father_currently_living","mother_currently_living");
      $surrender_arr = array("distinguishing_mark","educational_qualification","isthere_nm_change","occupation","marital_status","emergency_contact_name","emergency_contact_address","emergency_contact_mobile_no","emergency_contact_email");
      $indiaVisa_arr = array("duration_of_extension","expect_travel_dt","arrival_first_port","india_exit_port","distinguishing_mark","educational_qualification","father_name","father_nationality","birth_place_father","mother_name","mother_nationality","birth_place_mother","marital_status","employed_status","visited_india","country_visited_5years","ref_india_name","ref_india_address","ref_india_phone","ref_home_name","ref_home_address","ref_home_phone");
      $india_pass_renewal_arr = array("application_type","passport_booklet","isthere_nm_change","educational_qualification","marital_status","employed_status","printable_addr","is_current_address_different","police_station","indian_mobile_no","emergency_contact_name","emergency_contact_address","emergency_contact_mobile_no","emergency_contact_email");
      $pcc_arr = array("purpose_of_pcc","pcc_for_which_country","marital_status","employed_status","educational_qualification","is_current_address_different","indian_mobile_no","police_station");
      $ocicard_arr = array("father_nationality","father_profession","mother_nationality","mother_profession","marital_status","distinguishing_mark","isthere_nm_change","employed_status","educational_qualification","already_have_oci_card","have_dual_nationality","relative_in_india","voterid_status","rationcard_status");

      $fields_arr = $ocicard_arr; 
      
      if($hv_data->service->slug == "apostille-services"){
          $fields_arr = $hv_dataostille_arr; }
      elseif($hv_data->service_main_cat->category_id == 1 or Str::contains($hv_data->service->slug,"pio-to-oci") or Str::contains($hv_data->service->slug,"oci-miscellaneous") or Str::contains($hv_data->service->slug,"oci-card")){
          $fields_arr = $ocicard_arr; }
      elseif(($hv_data->service_main_cat->category_id == 3 or $hv_data->service_main_cat->category_id == 5) and $hv_data->service->slug == "india-visa" or $hv_data->service->slug == "tourist-visa-multiple-entry"){
          $fields_arr = $indiaVisa_arr;}
      elseif(Str::contains($hv_data->service->slug,"pan-card")){
          $fields_arr = $pan_arr; }
      elseif($hv_data->service->slug == "apply-for-renunciation" or str_contains($hv_data->service->slug, 'surrender')) {
          $fields_arr = $surrender_arr; }
      elseif($hv_data->service->slug == "x1-visa-extension-services"){
          $fields_arr = $visaExtension_arr; }
      elseif($hv_data->service->slug == "e-visa-conversion"){  
          $fields_arr = $visaConversion_arr;
      }
      elseif($hv_data->service->slug == "indian-passport-renewal"){
          $fields_arr = $india_pass_renewal_arr;  
      }
      elseif($hv_data->service->slug == "police-clearance-certificate"){
        $fields_arr = $pcc_arr; 
      }
    
      $is_empty = 1;
      if($hv_data->service->slug != "oci-gratis") {
        foreach ($fields_arr as $field) {
            $value = trim($hv_data->$field);
            if ($value === '' || is_null($value)) {
              $is_empty = 0;
            }
            if($hv_data->adult_status == 'minor' && ($field == "marital_status" || $field == "employed_status" || $field == "voterid_status" || $field == "rationcard_status")){
              if ($value === '' || is_null($value)) {
                $is_empty = 1;
              }
            }
        }
      }

      $nritblid = $hv_data->nri_applicate_id;
      $nrivfsgovt = App\Models\CofNriUserDetail::where('id',$nritblid)->select('id','cof_id','vfs_id','govt_id','bd_doc_status','missing_docs','vfs_status','govt_status')->first();
      $vfs_msg = 0;
      $govt_msg = 0;
      if(!empty($nrivfsgovt) and ($nrivfsgovt->vfs_id == null or $nrivfsgovt->vfs_id == "")) { $vfs_msg = 1; }
      if(!empty($nrivfsgovt) and ($nrivfsgovt->govt_id == null or $nrivfsgovt->govt_id == "")) { $govt_msg = 1; }

    @endphp 
          <meta name="csrf-token" content="{{ csrf_token() }}">
          <input type="hidden" value="{{ URL::to('/') }}" id="urlBase" />
          <div class="_admin_inner_box">
            <div class="_sub_title_main d-flex align-items-center justify-content-start gap-3 mb-3 mt-2">
              <div class="_left">
                <h1 class="mb-1">Applications List</h1>
                <ul class="d-flex align-items-center justify-content-start _breadcrumb">
                  <li><a href="{{route('visament.nri.new')}}">Dashboard</a></li>
                  <li><a href="{{route('visament.nri.new')}}">Application List</a></li> 
                  <li class="active">Application inner</li>
                </ul>
              </div>
              @php $paid_currency = "$";
                if($hv_data->paid_currency != null or $hv_data->paid_currency != ""){
                  if($hv_data->paid_currency == "USD") { $paid_currency = "$"; } else { $paid_currency = $hv_data->paid_currency; }
                }
                else {
                  if((strpos($hv_data->trans_id, 'gl_o') !== false and $hv_data->visa_fee > 2000) or ($hv_data->visa_fee > 2000 and (strpos($hv_data->trans_id, 'pay_') !== false or $hv_data->trans_id == "razorpay"))){
                    $paid_currency = "₹";
                  }
                  else if(strpos($hv_data->trans_id, 'pay_') !== false or $hv_data->trans_id == "razorpay"){
                    $paid_currency = "₹";
                  }
                  else if(strpos($hv_data->trans_id, 'gl_o') !== false){
                    $paid_currency = "$";
                  }
                }
              @endphp
              <div class="_right">
                <p class="sub_title mb-0" data-bs-toggle="dropdown" aria-expanded="false"><span>Paid Amount:</span> {{$paid_currency}} {{round($hv_data->visa_fee)}} <i class="fa-solid fa-circle-info"></i></p>
                <div class="_custom_dropdwon dropdown-menu dropdown-menu-end">
                  <div class="main_title">Price Details</div>
                  <ul>
                    <li class="d-flex align-items-start justify-content-start gap-3"> 
                      <div class="_dleft">
                        <span>Visa Fee:</span> 
                      </div>
                      <div class="_dright">
                        <span class="passport_fee_amt" id="government_fee_box">{{$paid_currency}} @if($hv_data->addons_ids == null or $hv_data->addons_ids == "") {{round($hv_data->visa_fee)}} @else @if($paid_currency == "₹" and $hv_data->service->currency != "₹") {{round(($hv_data->service->visament_fee * 85))}} @else {{round($hv_data->service->visament_fee)}} @endif @endif</span>
                      </div>
                    </li>
                    @if($hv_data->addons_ids != null and $hv_data->addons_ids != "")
                      @php 
                        $adsIds = explode(",",$hv_data->addons_ids);
                        $ads_nm = ""; $ads_amt = 0;
                        foreach($adsIds as $ad){
                          if($ad != ""){
                          if($ad == "b") { $ads_nm = "Birth Apostille"; if($paid_currency == "₹"){ $ads_amt = 40*85; } else { $ads_amt = 40; } }
                          else if($ad == "m") { $ads_nm = "Marriage Apostille"; if($paid_currency == "₹"){ $ads_amt = 40*85; } else { $ads_amt = 40; } }
                          else { $ads_info = App\Models\ServiceAddonCombo::where('id',$ad)->with('addon')->first();
                            if(!empty($ads_info)){ $ads_nm = $ads_info->addon->title; $ads_amt = $ads_info->price; }
                          }
                      @endphp
                      <li class="d-flex align-items-start justify-content-start gap-3">
                        <div class="_dleft">
                          <span>{{$ads_nm}}:</span>
                        </div>
                        <div class="_dright">
                          <span class="passport_fee_amt" id="government_fee_box">{{$paid_currency}} {{$ads_amt}}  </span>
                        </div>
                      </li>
                      @php 
                        } }
                      @endphp
                    @endif
                  </ul>
                </div>

              </div>
            </div>
            <div class="_dashbaord_app_view mt-4">
              <div class="data_page_tabs">
                <div class="data_page_tabs_inner">
                  <button class="scroll-btn left hidden" id="scrollLeft" onclick="scrollTabs('left')">
                    <svg width="22"  height="22"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.75"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>
                  </button>
                  <nav>
                    <div class="nav nav-tabs" id="nav-tab-276" role="tablist">
                      <button class="nav-link active" id="nav-home-tab-276" data-bs-toggle="tab" data-bs-target="#nav-home-276" type="button" role="tab" aria-controls="nav-home-276" aria-selected="true">Documents</button>
                      <button class="nav-link" id="nav-profile-tab-276" data-bs-toggle="tab" data-bs-target="#nav-profile-276" type="button" role="tab" aria-controls="nav-profile-276" aria-selected="false" tabindex="-1">User Details</button>
                      @if($is_empty == 0)<button class="nav-link" id="nav-home-tab-278" data-bs-toggle="tab" data-bs-target="#nav-home-278" type="button" role="tab" aria-controls="nav-home-278" aria-selected="false" tabindex="-1">Pendings</button>@endif
                      @if(strpos($hv_data->service->slug, "apostille") === false and strpos($hv_data->service->slug, "x1-visa") === false)
                        <button class="nav-link" id="nav-home-tab-279" data-bs-toggle="tab" data-bs-target="#nav-home-279" type="button" role="tab" aria-controls="nav-home-279" aria-selected="false" tabindex="-1">Account Activation</button>
                      @endif
                    </div>
                  </nav>
                  <button class="scroll-btn right" id="scrollRight" onclick="scrollTabs('right')">
                    <svg width="22"  height="22"  viewBox="0 0 24 24"  fill="none"  stroke="currentColor"  stroke-width="1.75"  stroke-linecap="round"  stroke-linejoin="round"  class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
                  </button>
                </div>
                <div class="tab-content" id="nav-tabContent-276">
                  <div class="tab-pane fade active show" id="nav-home-276" role="tabpanel" aria-labelledby="nav-home-tab-276" tabindex="0">
                    <div class="_box_tabs_inner">
                      <div class="sub_title mb-3">Upload Documents (<span style="color:blue;">{{$hv_data->appli_nm}} - [@if($hv_data->service->slug == "oci-card" and $hv_data->adult_status == "minor") Minor OCI Card Application @else {{$hv_data->service->menu_title}}@endif]</span>)</div>
                      @if($is_empty == 0)
                        <div class="_error">
                          <div class="_error_inner mb-4 mb-md-2">
                            <div class="_error_inner_left"> <i class="fa-solid fa-triangle-exclamation"></i> Few details are missing in your {{$hv_data->service->menu_title}}, Please fill them and continue your Application. </div>
                              <a href="javascript:void(0)" onclick="gotoudetail(this.id);" id="nav-home-tab-278" class="btn btn_gridaint">Fill Form</a>
                          </div>
                        </div>
                      @endif 
                      <div class="row">
                        @php 
                          $reason_docIds = App\Models\ReasonRelatedData::where('id',$hv_data->doc_cat_id)->select('after_checkout_docs')->first();
                          if(empty($reason_docIds)){
                            $services = App\Models\Service::where('id',$hv_data->reason_id)->select('id','doc_pro_id')->first();
                            $reason_docIds = App\Models\ReasonRelatedData::where('reason_id',$services->doc_pro_id)->wherein('type',['doc_cat','document'])->select('after_checkout_docs')->first();
                          }
		
                          $reason_docIdsdata = [];
                          if(!empty($reason_docIds)){
                            $reason_docIdsdata = App\Models\ReasonRelatedDocument::whereIn('id',explode(',', $reason_docIds->after_checkout_docs))->select('id','name')->get();
                          }  

                          $uploadedDocuments = App\Models\CkReasonDocument::where('nir_applicantid', $hv_data->nri_applicate_id)
                              ->get()
                              ->groupBy(['document_id']) 
                              ->toArray();
                        @endphp

                        @if(!empty($reason_docIdsdata))
                          @foreach($reason_docIdsdata as $key => $reason_docIds)
                            @php  
                              $docTypeId = $reason_docIds->id;
                              $frontDocs = $uploadedDocuments[$docTypeId] ?? []; 
                            @endphp
                              <div class="col-md-6 mt-3">
                                <div class="_desktop_box_inner">
                                  <article id="req_desk_185">
                                    <div class="_main_title_box d-flex align-items-center justify-content-start gap-2">
                                      <div class="sub_title">{{--{{$key+1}}. --}} {{ $reason_docIds->name }}</div>
                                      @if(isset($uploadedDocuments[$docTypeId][0]) && $uploadedDocuments[$docTypeId][0]['status'] != "approve")
                                        <div class="_right_btn">
                                          <a href="javascript:void(0)" class="_approved _btn approve-btn" data-docid="{{ $docTypeId }}"  data-applicant="{{ $hv_data->nri_applicate_id }}" data-bs-toggle="tooltip" 
                                            data-bs-placement="top"  data-bs-title="Approved Photo">
                                            <i class="fa-solid fa-check"></i>
                                          </a>
                                          <a href="javascript:void(0)" class="_danger _btn reject-btn" data-docid="{{ $docTypeId }}" data-applicant="{{ $hv_data->nri_applicate_id }}" data-bs-toggle="modal" data-bs-target="#rejectModal" data-bs-title="Reject Photo">
                                            <i class="fa-solid fa-xmark"></i>
                                          </a>
                                          <a href="javascript:void(0)" class="_btn btn_gridaint _remarks"  data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Reject Photo">
                                            <span data-bs-toggle="modal" data-bs-target="#exampleModal" class="w-100 h-100 d-flex align-items-center justify-content-center">
                                              <i class="fa-solid fa-comment-dots"></i>
                                            </span>
                                          </a>
                                        </div>
                                      @endif
                                    </div> 
                                    <div class="doc_status mt-2">
                                    <span>Photo Status:</span>
                                    @if(isset($uploadedDocuments[$docTypeId][0]))
                                     <b class="@if($uploadedDocuments[$docTypeId][0]['status'] == 'reject') text-danger @elseif($uploadedDocuments[$docTypeId][0]['status'] == 'approve') text-success @else text-warning @endif">
                                        @php if($uploadedDocuments[$docTypeId][0]['status'] == "panding") { echo "Pending"; } else if($uploadedDocuments[$docTypeId][0]['status'] == "reject") { echo "Rejected"; } else { echo "Approved"; } @endphp 
                                      </b>
                                    @else 
                                      <b class="text-danger">Not Uploaded Yet</b> 
                                    @endif
                                    </div>
                                    <ul class="_upload_photo d-flex align-items-center justify-content-start gap-3 flex-wrap mt-3" id="preview_{{ $hv_data->nri_applicate_id }}_{{ $docTypeId }}">
                                      @if(isset($uploadedDocuments[$docTypeId])) 
                                        @foreach($uploadedDocuments[$docTypeId] as $docimg)   
                                          @php $file_nm = $docimg['file_path']; 
                                            $f_arr = explode(".",$file_nm); 
                                            $arr_sz = sizeof($f_arr);
                                            $file_ext = $f_arr[$arr_sz - 1]; 
                                            if($file_ext == "pdf"){
                                              $img_nm = "uploads/checkout_docs/document/pdf_icon.png";
                                            }
                                            else {
                                              $img_nm = $docimg['file_path'];
                                            }
                                            $img_href = env('FRONT_BASE_URL').$docimg['file_path'];
                                          @endphp
                                          <li class="position-relative" id="tgimg_{{$docimg['id']}}">
                                            <a href="{{route('visament.nri.download')}}?url={{$img_href}}" target="_blank">
                                            <img width="70" height="50" src="@php echo env('FRONT_BASE_URL').'/'.$img_nm @endphp" @if($file_ext != "pdf")  alt="user image 1" data-bs-toggle="modal" data-bs-target="#exampleModal" @endif>
                                            <sup onclick="rmv_ele({{$docimg['id']}});"><i class="fa-solid fa-circle-xmark"></i></sup> </a>
                                          </li>
                                        @endforeach
                                      @endif
                                    </ul>
                                  </article>
                                </div>  
                              </div>
                          @endforeach
                        @endif
                        @php
                          $docIds = json_decode($hv_data->cof_nri_detail->additional_docs, true);
                          if($docIds != null){
                            $reason_docIdsdata = App\Models\ReasonRelatedDocument::whereIn('id', $docIds)->select('id', 'name')->get();
                            $uploadedDocuments = App\Models\CkReasonDocument::where('nir_applicantid', $hv_data->nri_applicate_id)->get()
                              ->groupBy(['document_id']) 
                              ->toArray();
                          }
                        @endphp

                        @if($docIds != null)
                          @if(!empty($reason_docIdsdata))
                            @foreach($reason_docIdsdata as $key => $reason_docIds)
                              @php  
                                $docTypeId = $reason_docIds->id;
                                $frontDocs = $uploadedDocuments[$docTypeId] ?? []; 
                              @endphp
                                <div class="col-md-6 mt-3">
                                  <div class="_desktop_box_inner">
                                    <article id="req_desk_185">
                                      <div class="_main_title_box d-flex align-items-center justify-content-start gap-2">
                                        <div class="sub_title">{{--{{$key+1}}. --}} {{ $reason_docIds->name }}</div>
                                        @if(isset($uploadedDocuments[$docTypeId][0]) && $uploadedDocuments[$docTypeId][0]['status'] != "approve")
                                          <div class="_right_btn">
                                            <a href="javascript:void(0)" class="_approved _btn approve-btn" data-docid="{{ $docTypeId }}"  data-applicant="{{ $hv_data->nri_applicate_id }}" data-bs-toggle="tooltip" 
                                              data-bs-placement="top"  data-bs-title="Approved Photo">
                                              <i class="fa-solid fa-check"></i>
                                            </a>
                                            <a href="javascript:void(0)" class="_danger _btn reject-btn" data-docid="{{ $docTypeId }}" data-applicant="{{ $hv_data->nri_applicate_id }}" data-bs-toggle="modal" data-bs-target="#rejectModal" data-bs-title="Reject Photo">
                                              <i class="fa-solid fa-xmark"></i>
                                            </a>
                                            <a href="javascript:void(0)" class="_btn btn_gridaint _remarks"  data-bs-toggle="tooltip" data-bs-placement="top" data-bs-title="Reject Photo">
                                              <span data-bs-toggle="modal" data-bs-target="#exampleModal" class="w-100 h-100 d-flex align-items-center justify-content-center">
                                                <i class="fa-solid fa-comment-dots"></i>
                                              </span>
                                            </a>
                                          </div>
                                        @endif
                                      </div> 
                                      <div class="doc_status mt-2">
                                      <span>Photo Status:</span>
                                      @if(isset($uploadedDocuments[$docTypeId][0]))
                                      <b class="@if($uploadedDocuments[$docTypeId][0]['status'] == 'reject') text-danger @elseif($uploadedDocuments[$docTypeId][0]['status'] == 'approve') text-success @else text-warning @endif">
                                          @php if($uploadedDocuments[$docTypeId][0]['status'] == "Panding") { echo "Pending"; } else if($uploadedDocuments[$docTypeId][0]['status'] == "reject") { echo "Rejected"; } else { echo "Approved"; } @endphp 
                                        </b>
                                      @else
                                        <b class="text-danger">Not Uploaded Yet</b>
                                      @endif
                                      </div>
                                      <ul class="_upload_photo d-flex align-items-center justify-content-start gap-3 flex-wrap mt-3" id="preview_{{ $hv_data->nri_applicate_id }}_{{ $docTypeId }}">
                                        @if(isset($uploadedDocuments[$docTypeId])) 
                                          @foreach($uploadedDocuments[$docTypeId] as $docimg)   
                                            @php $file_nm = $docimg['file_path']; 
                                              $f_arr = explode(".",$file_nm); 
                                              $arr_sz = sizeof($f_arr);
                                              $file_ext = $f_arr[$arr_sz - 1]; 
                                              if($file_ext == "pdf"){
                                                $img_nm = "uploads/checkout_docs/document/pdf_icon.png";
                                              }
                                              else {
                                                $img_nm = $docimg['file_path'];
                                              }
                                              $img_href = env('FRONT_BASE_URL').$docimg['file_path'];
                                            @endphp
                                            <li class="position-relative" id="tgimg_{{$docimg['id']}}">
                                              <a href="{{route('visament.nri.download')}}?url={{$img_href}}" target="_blank">
                                              <img width="70" height="50" src="@php echo env('FRONT_BASE_URL').'/'.$img_nm @endphp" @if($file_ext != "pdf")  alt="user image 1" data-bs-toggle="modal" data-bs-target="#exampleModal" @endif>
                                              <sup onclick="rmv_ele({{$docimg['id']}});"><i class="fa-solid fa-circle-xmark"></i></sup> </a>
                                            </li>
                                          @endforeach
                                        @endif
                                      </ul>
                                    </article>
                                  </div>  
                                </div>
                            @endforeach
                          @endif
                        @endif
                      </div>
                      <div class="row mt-4">
                        <div class="col-9">
                          <div class="form-group">
                            <label for="additional_docs">Select Additional Documents</label>
                            <select name="additional_docs[]" id="additional_docs" class="form-control" multiple="multiple">
                              @foreach($reasonDocuments as $doc)
                                <option value="{{ $doc->name }}">{{ $doc->name ?? 'Untitled Document' }}</option>
                              @endforeach
                            </select>
                          </div>
                        </div>
                        <div class="col-3 text-end">
                          <a href="javascript:void(0)" onclick="add_docs({{$hv_data->nri_applicate_id}});" class="btn btn_gridaint">Add Docs</a>
                        </div>
                      </div>
                      <div class="oci_btn mt-4 text-end">
                        <a href="javascript:void(0)" onclick="approve_docs({{$hv_data->nri_applicate_id}});" class="btn btn_gridaint">Approve Docs</a>
                      </div>

                      <div class="row _oci_form_tab_inner">
                        <div class="col-md-3">
                          <span class="alert alert-success" style="display:none;" id="status_succ"></span>
                          <span class="alert alert-danger" style="display:none;" id="status_err"></span>
                        </div>
                      </div>
                      <div class="row _oci_form_tab_inner">
                        <div class="col-md-3">
                          <div class="form-group mt-3">
                            <label class="d-block w-100 mb-2">Doc Check</label>
                            <select name="doc_check" id="doc_check" class="form-select">
                              <option value="pending" @if($nrivfsgovt->bd_doc_status == "pending") selected @endif>Pending</option>
                              <option value="approved" @if($nrivfsgovt->bd_doc_status == "approved") selected @endif>Approved</option>
                              <option value="rejected" @if($nrivfsgovt->bd_doc_status == "rejected") selected @endif>Rejected</option>
                            </select>
                          </div>  
                        </div>
                        <div class="col-md-3">
                          <div class="form-group mt-3">
                            <label class="d-block w-100 mb-2">Missing Docs</label>
                            <select name="missing_doc" id="missing_doc" class="form-select"  disabled >
                              <option value="1" @if($nrivfsgovt->missing_docs == 1) selected @endif>Not checked</option>
                              <option value="2" @if($nrivfsgovt->missing_docs == 2) selected @endif>Not Missing</option>
                              <option value="0" @if($nrivfsgovt->missing_docs == 0) selected @endif>Missing</option>
                            </select>
                          </div>  
                        </div>
                        <div class="col-md-3" @if(strpos($hv_data->service->slug, "apostille") !== false or strpos($hv_data->service->slug, "x1-visa") !== false) style="display:none;" @endif>
                          <div class="form-group mt-3">
                            <label class="d-block w-100 mb-2">Account Activation</label>
                            <select name="acc_activation" id="acc_activation" class="form-select"  disabled >
                              <option value="0" @if(($nrivfsgovt->vfs_status == 0 or $nrivfsgovt->govt_status == 0) and $nrivfsgovt->vfs_id != null and $nrivfsgovt->govt_id != null) selected @endif>Pending at Visament</option>
                              <option value="0" @if($nrivfsgovt->vfs_id == null or $nrivfsgovt->govt_id == null) selected @endif>Pending at User</option>
                              <option value="1" @if($nrivfsgovt->vfs_status == 1 and $nrivfsgovt->govt_status == 1) selected @endif>Approved</option>
                            </select>
                          </div>  
                        </div>
                        <div class="col-md-3">
                          <div class="form-group mt-3">
                            <label class="d-block w-100 mb-2">&nbsp;</label>
                            <a href="javascript:void(0)" class="btn btn_gridaint" onclick="sv_status({{$hv_data->nri_applicate_id}});">Submit</a>
                          </div>   
                        </div>
                      </div>

                    </div>
                  </div>
                  <div class="tab-pane fade" id="nav-profile-276" role="tabpanel" aria-labelledby="nav-profile-tab-276" tabindex="0">
                    <div class="_box_tabs_inner">
                      <div class="sub_title mb-3">User Details</div>
                      <div class="row _oci_form_tab_inner">
                        <div class="col-md-4">
                          <div class="form-group">
                            <label class="required d-block w-100 mb-2">Name of Applicant</label>
                            <input type="text" id="appli_nm" class="form-control" placeholder="Enter Applicant Name" oninput="this.value = this.value.replace(/^\s+/, '')" maxlength="100" value="{{$hv_data->appli_nm}}">
                          </div>
                        </div>
                        <div class="col-md-4">
                          <div class="form-group">
                            <label class="required d-block w-100 mb-2">Mobile Number</label>
                            <input type="text" id="appli_mob" class="form-control" oninput="this.value = this.value.replace(/^\s+/, '')" maxlength="20" placeholder="Mobile Number" value="{{$hv_data->mob_no}}" disabled="">
                          </div>
                        </div>
                        <div class="col-md-4">
                          <div class="form-group">
                            <label class="required d-block w-100 mb-2">Email id</label>
                            <input type="email" id="appli_email" class="form-control" oninput="this.value = this.value.replace(/^\s+/, '')" maxlength="100" placeholder="Email id" value="{{$hv_data->appli_email}}" disabled="">
                          </div>
                        </div>
                        @if($hv_data->service->slug == "apostille-services")
                          @include('bd_section.froms.apostille')
                        @elseif($hv_data->service_main_cat->category_id == 1 or Str::contains($hv_data->service->slug,"pio-to-oci") or Str::contains($hv_data->service->slug,"oci-miscellaneous") or Str::contains($hv_data->service->slug,"oci-card")) 
                          @if($hv_data->service->slug != "oci-gratis") @include('bd_section.froms.oci_card') @endif
                        @elseif(($hv_data->service_main_cat->category_id == 3 or $hv_data->service_main_cat->category_id == 5) and $hv_data->service->slug == "india-visa" or $hv_data->service->slug == "tourist-visa-multiple-entry") 
                          @include('bd_section.froms.india_visa')
                        @elseif(Str::contains($hv_data->service->slug,"pan-card"))
                            @include('bd_section.froms.pan_card')
                        @elseif($hv_data->service->slug == "apply-for-renunciation" or str_contains($hv_data->service->slug, 'surrender'))
                          @include('bd_section.froms.surrender_renunciation')
                        @elseif($hv_data->service->slug == "x1-visa-extension-services")
                          @include('bd_section.froms.visa_extension')
                        @elseif($hv_data->service->slug == "e-visa-conversion")
                          @include('bd_section.froms.visa_conversion')
                        @elseif($hv_data->service->slug == "police-clearance-certificate")
                          @include('bd_section.froms.pcc')
                        @elseif($hv_data->service->slug == "indian-passport-renewal")
                          @include('bd_section.froms.indian_pass_renewal')
                        @endif
                      </div>
                      <div class="oci_btn mt-4 text-end d-flex align-items-center justify-content-end gap-3">
                        <a href="{{route('oci.pdf',['serid'=>$hv_data->nri_applicate_id])}}" download class="btn btn_gridaint">Download PDF</a>
                      </div>
                    </div>
                  </div>
                  @if($is_empty == 0)
                    <div class="tab-pane fade" id="nav-home-278" role="tabpanel" aria-labelledby="nav-home-tab-278" tabindex="0">
                      <div class="_box_tabs_inner">
                        <div class="sub_title mb-3">Pendings</div>
                          <div class="row _oci_form_tab_inner">
                            @if($hv_data->service->slug == "apostille-services")
                                @include('bd_section.pending-froms.apostille')
                            @elseif($hv_data->service_main_cat->category_id == 1 or Str::contains($hv_data->service->slug,"pio-to-oci") or Str::contains($hv_data->service->slug,"oci-miscellaneous") or Str::contains($hv_data->service->slug,"oci-card"))
                                @include('bd_section.pending-froms.oci_card')
                            @elseif(($hv_data->service_main_cat->category_id == 3 or $hv_data->service_main_cat->category_id == 5) and $hv_data->service->slug == "india-visa" or $hv_data->service->slug == "tourist-visa-multiple-entry")
                                @include('bd_section.pending-froms.india_visa')
                            @elseif(Str::contains($hv_data->service->slug,"pan-card"))
                                @include('bd_section.pending-froms.pan_card')
                            @elseif($hv_data->service->slug == "apply-for-renunciation" or str_contains($hv_data->service->slug, 'surrender'))
                                @include('bd_section.pending-froms.surrender_renunciation')
                            @elseif($hv_data->service->slug == "x1-visa-extension-services")
                                @include('bd_section.pending-froms.visa_extension')
                            @elseif($hv_data->service->slug == "e-visa-conversion")
                                @include('bd_section.pending-froms.visa_conversion')
                            @elseif($hv_data->service->slug == "police-clearance-certificate")
                                @include('bd_section.pending-froms.pcc')
                            @elseif($hv_data->service->slug == "indian-passport-renewal")
                                @include('bd_section.pending-froms.indian_pass_renewal')
                            @endif
                          </div>
                          <!--<div class="oci_btn mt-4 text-end">
                            <a href="javascript:void(0)" onclick="sv_nridocs();" class="btn btn_gridaint">Save</a>
                          </div>-->
                        </div>
                      </div>
                    </div>
                  @endif
                  @if(strpos($hv_data->service->slug, "apostille") === false and strpos($hv_data->service->slug, "x1-visa") === false)
                    <div class="tab-pane fade" id="nav-home-279" role="tabpanel" aria-labelledby="nav-home-tab-279" tabindex="0">
                      <div class="_box_tabs_inner">
                        <div class="sub_title mb-3">Account Activation</div>
                          @php
                            $cofnri = App\Models\CofNriUserDetail::where('id',$hv_data->nri_applicate_id)->select('id','vfs_id','vfs_pass','vfs_status','govt_id','govt_pass','govt_status')->first();
                            $vfsId = "";
                            $vfsPass = "";
                            $govtId = "";
                            $govtPass = "";
                            if($cofnri->vfs_id != null and $cofnri->vfs_id != ""){
                              $vfsId = $cofnri->vfs_id;
                              $vfsPass = $cofnri->vfs_pass;
                            } 
                            if($cofnri->govt_id != null and $cofnri->govt_id != ""){
                              $govtId = $cofnri->govt_id;
                              $govtPass = $cofnri->govt_pass;
                            } 
                            $is_incorrect = 1;
                            if($cofnri->vfs_status == 2 or $cofnri->govt_status == 2){ $is_incorrect = 2; }
                          @endphp
                          @if($is_incorrect == 2)
                            <div class="_error">
                              <div class="_error_inner mb-4 mb-md-2">
                                <div class="_error_inner_left"> <i class="fa-solid fa-triangle-exclamation"></i>Your login password is incorrect please re-verify</div>
                              </div>
                            </div>
                          @endif
                          <div class="_login_box">
                            <div class="_login_header d-flex aling-items-center justify-content-start gap-2 mb-3 mt-2 pt-2">
                              <div class="sub_title">Government I’d Login Details</div>
                            </div>
                            <ul class="_login_box_inner">
                              <li class="d-flex align-items-center justify-content-start gap-2 mb-3">
                                <label>User I’d</label>
                                <input type="text" name="govt_id" maxlength="80" id="govt_id_{{$hv_data->nri_applicate_id}}" value="{{$govtId}}" class="form-control" placeholder="Enter Email Id">
                              </li>
                              <li class="d-flex align-items-center justify-content-start gap-2 mb-3 position-relative">
                                <label>Password</label>
                                <input type="password" name="govt_pass" maxlength="80" id="govt_pass_{{$hv_data->nri_applicate_id}}" value="{{$govtPass}}" class="form-control" placeholder="Enter Password"> 
                                <i class="fa-regular fa-eye _password_eye" id="govtPass_{{$hv_data->nri_applicate_id}}"></i>  
                              </li>
                              <!--<li class="d-flex align-items-center justify-content-start gap-2">
                                <label><a href="#process2" class="_prrocess d-block d-md-none">Process</a></label>
                                <button class="btn btn_gridaint" onclick="svVfsGovt({{$hv_data->nri_applicate_id}},'govt');">Save Details</button>   
                              </li>-->
                            </ul>
                          </div>
                          @if(strpos($hv_data->service->slug, "gratis") === false)
                            <div class="_login_box">
                              <div class="_login_header d-flex aling-items-center justify-content-start gap-2 mb-3 mt-2 pt-2">
                                <div class="sub_title">VFS I’d Login Details</div>
                              </div>
                              <ul class="_login_box_inner">
                                <li class="d-flex align-items-center justify-content-start gap-2 mb-3">
                                  <label>User I’d</label>
                                  <input type="text" class="form-control" value="{{$vfsId}}" maxlength="80" name="vfs_id" id="vfs_id_{{$hv_data->nri_applicate_id}}" placeholder="Enter Email Id">
                                </li>
                                <li class="d-flex align-items-center justify-content-start gap-2 mb-3 position-relative">
                                  <label>Password</label>
                                  <input type="password" name="vfs_pass" value="{{$vfsPass}}" maxlength="80" id="vfs_pass_{{$hv_data->nri_applicate_id}}" class="form-control" placeholder="Enter Password">
                                  <i class="fa-regular fa-eye _password_eye" id="vfsPass_{{$hv_data->nri_applicate_id}}"></i>
                                </li>
                              </ul>
                            </div>
                          @endif

                        </div>
                      </div>
                    </div>
                  @endif
                </div>

              </div>

            </div>
          @include('../bd_section/layouts.footer')
          </div>
          
    
          <!-- Modal -->
    <div class="modal fade" id="rejectModal" tabindex="-1" aria-labelledby="rejectModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <form id="rejectForm">
          @csrf
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="rejectModalLabel">Enter Rejection Remark</h5>
              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
              <input type="hidden" name="document_type_id" id="reject_doc_id">
              <input type="hidden" name="applicant_id" id="reject_applicant_id">
              <div class="mb-3">
                <label for="remark" class="form-label">Remark</label>
                <textarea name="remark" id="reject_remark" class="form-control" rows="3" required></textarea>
              </div>
            </div>
            <div class="modal-footer">
              <button type="submit" class="btn btn-danger">Reject</button>
            </div>
          </div>
        </form>
      </div>
    </div>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.reject-btn').forEach(button => {
      button.addEventListener('click', function () {
        const docId = this.getAttribute('data-docid');
        const applicantId = this.getAttribute('data-applicant');
        document.getElementById('reject_doc_id').value = docId;
        document.getElementById('reject_applicant_id').value = applicantId;
      });
    });

    document.getElementById('rejectForm').addEventListener('submit', function (e) {
      e.preventDefault();

      const docId = document.getElementById('reject_doc_id').value;
      const applicantId = document.getElementById('reject_applicant_id').value;
      const remark = document.getElementById('reject_remark').value;

      fetch("{{ route('visament.nri_doc.document.reject') }}", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify({
          document_type_id: docId,
          applicant_id: applicantId,
          remark: remark,
          status: "reject"
        })
      })
      .then(res => res.json())
      .then(data => {
        if (data.success) {
          //alert("Document Rejected");
          $("#reject_remark").val(""); 
          const modal = bootstrap.Modal.getInstance(document.getElementById('rejectModal'));
          modal.hide();

          const statusEl = document.querySelector(`[data-docid="${docId}"]`).closest("article").querySelector(".doc_status b");
          statusEl.textContent = "Rejected";
          statusEl.classList.remove("text-warning", "text-success");
          statusEl.classList.add("text-danger");
        } else {
          alert("Failed to reject document.");
        }
      });
    });
  });
</script>
<script>
  document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".approve-btn").forEach(function(button) {
      button.addEventListener("click", function() {
        const docId = this.getAttribute("data-docid");
        const applicantId = this.getAttribute("data-applicant");

        fetch("{{ route('visament.nri_doc.document.approve') }}", {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
            "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
          },
          body: JSON.stringify({
            document_type_id: docId,
            applicant_id: applicantId,
            status: "approve"
          })
        })
        .then(res => res.json())
        .then(data => {
          if(data.success){
            //alert("Document Approved");
            // Optional: change status text on page
            this.closest("article").querySelector(".doc_status b").textContent = "Approved";
            this.closest("article").querySelector(".doc_status b").classList.remove("text-warning");
            this.closest("article").querySelector(".doc_status b").classList.add("text-success");
          } else {
            alert("Something went wrong!");
          }
        });
      });
    });
  });
  
</script>
<script>
  function approve_docs(applicantId) {
    const approveButtons = document.querySelectorAll(".approve-btn");

    approveButtons.forEach(button => {

      fetch("{{ route('visament.nri_doc.bddocs.approve') }}", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify({
          applicant_id: applicantId,
          status: "approved"
        })
      })
      .then(res => res.json())
      .then(data => {
        if (data.success) {
          setTimeout(function(){ location.reload(); }, 500);
          $("b.text-warning").text("Approved").removeClass("text-warning").addClass("text-success");
        } else {
          console.error(`Failed to approve document ID: ${docId}`);
        }
      });
    });
    alert("All documents are being approved. Please wait for all responses.");
  }
  function sv_status(applicantId) { 
    var doc_check = $("#doc_check").val();
    var missing_doc = $("#missing_doc").val();
    var acc_activation = $("#acc_activation").val();
    
      fetch("{{ route('bd.status.updt') }}", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify({
          applicant_id: applicantId,
          doc_check: doc_check,
          missing_doc: missing_doc,
          acc_activation: acc_activation
        })
      })
      .then(res => res.json())
      .then(data => {
        if (data.result == "true") {
          setTimeout(function(){ location.reload(); }, 1300);
          $("#status_succ").css("display",'block').html(data.msg).fadeOut(1000);
        } else {
          $("#status_err").css("display",'block').html(data.msg).fadeOut(1800);
          console.error(`Failed to approve document ID: ${applicantId}`);
        }
      });
  } 
</script>

<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
  $(document).ready(function() {
    $('#additional_docs').select2({
      tags: true,
      placeholder: "Select or type a document name",
      tokenSeparators: [',']
    });
  });
</script>
<script>
  function add_docs(applicantId) {
    const selectedDocs = $('#additional_docs').val();

    if (!selectedDocs || selectedDocs.length === 0) {
      alert('Please select or enter at least one document.');
      return;
    }

    fetch("{{ route('visament.nri_doc.add.docs') }}", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "X-CSRF-TOKEN": document.querySelector('meta[name="csrf-token"]').content
      },
      body: JSON.stringify({
        applicant_id: applicantId,
        additional_docs: selectedDocs
      })
    })
    .then(response => response.json())
    .then(data => {
      if (data.success) {
        alert('Documents added successfully!');
        $('#additional_docs').val(null).trigger('change');
      } else {
        alert('Error: ' + data.message);
      }
    })
    .catch(error => {
      console.error('Error:', error);
      alert('Something went wrong.');
    });
  }

  
  function gotoudetail(eleId){
    $("#"+eleId).click();
  }
</script>


<script>
  $("._password_eye").on("click", function () {
    var eleId = $(this).attr("id");
    var eleArr = eleId.split("_");
    let input;

    if (eleArr[0] == "vfsPass") {
        input = $("#vfs_pass_" + eleArr[1]);
    } else {
        input = $("#govt_pass_" + eleArr[1]);
    }

    let type = input.attr("type") === "password" ? "text" : "password";
    input.attr("type", type);

    $(this).toggleClass("fa-eye fa-eye-slash"); 
  });


</script>