@extends('adminlte::page')

@section('title', 'Documents')

@section('content_header')
  <h1>All Travellers</h1>
@stop

@section('content')
  <div class="row">
    <div class="col-md-12">
        <div class="box">
            <div class="box-header with-border">
                
            </div>
            <!-- /.box-header -->
            <div class="box-body table-responsive">

                <table class="table table-bordered">
                    <tr>
                        <th>id</th>
                        <th>User Name</th>
                        <th>DOB</th>
                        <th>Status</th>
                    </tr>
                    @foreach($travellerDetails as $travellerDetail)
                    @php
                      $travellerId = $travellerDetail?->id;

                      $totalDocs = \App\Models\ViTravellerDocument::where('traveller_id', $travellerId)->count();
                      $approvedDocs = \App\Models\ViTravellerDocument::where('traveller_id', $travellerId)
                          ->where('status', 'approve')
                          ->count();
                      $progress = $totalDocs > 0 ? round(($approvedDocs / $totalDocs) * 100) : 0;

                      $barClass = 'bg-danger';
                      if ($progress >= 100) {
                          $barClass = 'bg-success';
                      } elseif ($progress >= 50) {
                          $barClass = 'bg-warning';
                      }
                  @endphp
                      <tr>
                        <td>
                          <a href="javascript:void(0)" target="_blank" class="text_link">#{{$travellerDetail->id}}</a>
                        </td>
                        <td>@if(isset($travellerDetail->first_name)){{$travellerDetail->first_name}} {{$travellerDetail->last_name}}@endif</td>
                        <td>{{$travellerDetail->DOB}}</td>
                        <td>
                          <div class="_progress_bar _danger">
                            <p class="mb-1">{{ $progress }}%  Prefilled</p>
                            <div class="progress" role="progressbar" aria-label="Basic example" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
                              <div class="progress-bar" style="width:{{ $progress }}% "></div>
                            </div>
                          </div>
                        </td>
                      </tr>
                    @endforeach
                </table>
            </div>
            <!-- /.box-body -->

        </div>
    </div>
  </div>
@section('js')
  

@stop

@stop