{{-- Extends layout --}}
@extends('layouts.default')
{{-- Styles Section --}}
@section('styles')
    <title>Lynxconnect | Dashboard</title>
@endsection

{{-- Content --}}
@section('content')
    <div class="row small-spacing">

        <!-- /.col-12 -->
        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Candidates</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                  
                    <!-- /.percent -->
                    <div class="left-content">
                       <h2 class="counter text-left">{{ $registered_employees }}</h2>
                        <!--<h2 class="counter text-left">2</h2> -->
                        <!-- /.counter -->
                        <p class="text"><a href="{{ url('candidates') }}" style="color: blue;">View Details</a></p>
                        <!-- /.text -->
                    </div>
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-warning"></div>
                        <div class="bar js__width" style="background:#47007b" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>




        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Verifications</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                  
                    <!-- /.percent -->
                    <div class="left-content">
                       <h2 class="counter text-left">{{ $tasks }}</h2> 
                     <!-- <h2 class="counter text-left">6</h2> -->
                        <p class="text"><a href="{{ url('orders') }}" style="color: blue;">View Details</a></p>
                        <!-- /.counter -->
                        <!-- /.text -->
                    </div>
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-info"></div>
                        <div class="bar js__width bg-info" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>



        <!-- /.col-12 -->
        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Completed Verifications</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                    @php
                        $percent_completetasks = 0;
                        if($completetasks > 0){
                            $percent_completetasks = $completetasks / $tasks * 100;
                        }
                    @endphp				

                    <!-- /.percent -->
                    <div class="left-content">
                        <h2 class="counter text-center">{{ $completetasks }}</h2> 
                     <!--  <h2 class="counter text-center">3</h2>-->
                        <!-- /.counter -->
                        <p class="text"><a href="{{ url('orders?status=COMPLETE') }}" style="color: blue;">View Details</a></p>
                        <!-- /.text -->
                    </div>
	                   <!-- <div class="percent" style="background:#800080;float:right">{{ number_format($percent_completetasks, 2) }}%</div> -->				
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-success"></div>
						<div class="bar js__width" style="background:#800080" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>


        <!-- /.col-12 -->
        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Inprogress Verification</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                    @php
                        $percent_pending_verifications = 0;
                        if(($tasks - $completetasks) > 0){
                            $percent_pending_verifications = ($tasks - $completetasks) / $tasks * 100;
                        }
                    @endphp	
                    <!-- /.percent -->
                    <div class="left-content">
                         <h2 class="counter text-center">{{ $tasks - $completetasks }}</h2> 
                       <!-- <h2 class="counter text-center">0</h2> -->
                        <!-- /.counter -->
                        <p class="text"><a href="{{ url('orders?status=IN_PROGRESS') }}" style="color: blue;">View Details</a></p>
                        <!-- /.text -->
                    </div>
					<!--  <div class="percent bg-warning" style="float:right">{{ number_format($percent_pending_verifications, 2) }}%</div> -->
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-warning"></div>
                        <div class="bar js__width bg-warning" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>


        <!-- /.col-xl-3 col-lg-6 col-12 -->
       <!-- <div class="col-xl-3 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Clear/Verified</h4> -->
                <!-- /.box-title -->
              <!--  <div class="content widget-stat">
                    @php
                        $percent_verified_employees = 0;
                        if($verified_employees > 0){
                            $percent_verified_employees = $verified_employees / $tasks * 100;
                        }
                    @endphp -->
                    <!-- /.percent -->
                   <!-- <div class="left-content">
                        <h2 class="counter text-center">{{ $verified_employees }}</h2> -->
                        <!-- /.counter -->
                       <!-- <p class="text">View Details</p> -->
                        <!-- /.text -->
                  <!--  </div>
					  <div class="percent bg-success" style="float:right">{{ number_format($percent_verified_employees, 2) }}%</div> -->
                    <!-- /.right-content -->
                   <!-- <div class="clear"></div>
                    <!-- /.clear -->
                <!--    <div class="process-bar">
                        <div class="bar-bg bg-success"></div>
                      <div class="bar js__width bg-success" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                  <!--  </div>
                    <!-- /.process-bar -->
               <!-- </div>
                <!-- /.content widget-stat -->
           <!-- </div>
            <!-- /.box-content -->
      <!--  </div> -->


     <!--   <div class="col-xl-3 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Major Discrepancy</h4>
                <!-- /.box-title -->
          <!--      <div class="content widget-stat">
                    @php
                        $percent_red_cases = 0;
                        if($red_cases > 0){
                            $percent_red_cases = $red_cases / $tasks * 100;
                        }
                    @endphp
                    <!-- /.percent -->
              <!--      <div class="left-content">
                        <h2 class="counter text-center">{{ $red_cases }}</h2>
                        <p class="text">View Details</p>
                        <!-- /.counter -->
                        <!-- /.text -->
                 <!--   </div>
					<div class="percent bg-danger" style="float:right">{{ number_format($percent_red_cases, 2) }}%</div>
                    <!-- /.right-content -->
                 <!--   <div class="clear"></div>
                    <!-- /.clear -->
                 <!--   <div class="process-bar">
                        <div class="bar-bg bg-danger"></div>
                        <div class="bar js__width bg-danger" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                <!--    </div>
                    <!-- /.process-bar -->
              <!--  </div>
                <!-- /.content widget-stat -->
           <!-- </div>
            <!-- /.box-content -->
      <!--  </div> -->
        
        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">In TAT</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                    @php
                        $percent_verified_employees = 0;
                        if($verified_employees > 0){
                            $percent_verified_employees = $verified_employees / $tasks * 100;
                        }
                    @endphp
                    <!-- /.percent -->
                    <div class="left-content">
                    <!--    <h2 class="counter text-center">{{ $verified_employees }} </h2> -->
                        <h2 class="counter text-center">{{ $in_tat }}</h2>
                        <!-- /.counter -->
                        <p class="text">&nbsp;</p>
                        <!--<p class="text">View Details</p>-->
                        <!-- /.text -->
                    </div>
					<!--  <div class="percent bg-success" style="float:right">{{ number_format($percent_verified_employees, 2) }}%</div> -->
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-success"></div>
                      <div class="bar js__width bg-success" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>
        
        <div class="col-xl-4 col-lg-6 col-12">
            <div class="box-content">
                <h4 class="box-title">Out of TAT</h4>
                <!-- /.box-title -->
                <div class="content widget-stat">
                    @php
                        $percent_red_cases = 0;
                        if($red_cases > 0){
                            $percent_red_cases = $red_cases / $tasks * 100;
                        }
                    @endphp
                    <!-- /.percent -->
                    <div class="left-content">
                      <!--  <h2 class="counter text-center">{{ $red_cases }}</h2> -->
                        <h2 class="counter text-center">{{$out_of_tat}}</h2>
                        <!--<p class="text">View Details</p>-->
                        <p class="text">&nbsp;</p>
                        <!-- /.counter -->
                        <!-- /.text -->
                    </div>
				<!--	<div class="percent bg-danger" style="float:right">{{ number_format($percent_red_cases, 2) }}%</div> -->
                    <!-- /.right-content -->
                    <div class="clear"></div>
                    <!-- /.clear -->
                    <div class="process-bar">
                        <div class="bar-bg bg-danger"></div>
                        <div class="bar js__width bg-danger" data-width="100%"></div>
                        <!-- /.bar js__width bg-success -->
                    </div>
                    <!-- /.process-bar -->
                </div>
                <!-- /.content widget-stat -->
            </div>
            <!-- /.box-content -->
        </div>


        <!-- /.col-xl-3 col-lg-6 col-12 -->
        {{-- @dd($employees) --}}
        <!--<div class="col-xl-12 col-lg-12 col-12">-->
        <!--    <h4 class="box-title">Recently added Candidates</h4>-->
        <!--</div>-->
        <!-- /.col-xl-4 col-12 -->
        <!--@if ($employees)-->
        <!--    @foreach ($employees as $key => $employee)-->
        <!--        @if ($key <= 4 && !empty($employee->emp_email))-->
        <!--            <div class="col-xl-3 col-lg-6 col-12">-->
        <!--                <div class="box-content user-info">-->
        <!--                    <div class="avatar"><img src="{{ $employee->photo_url ?? 'assets/images/avatar-1.jpg' }}"-->
        <!--                            alt=""></div>-->
        <!--                    <div class="right-content">-->
        <!--                        <h4 class="name">{{ $employee->first_name }} {{ $employee->middle_name }}-->
        <!--                            {{ $employee->last_name }}</h4>-->
        <!--                        <p><a-->
        <!--                                href="{{ url('employees/details/' . $employee->employee_id) }}">{{ $employee->emp_email ?? 'View Profile' }}</a>-->
        <!--                        </p>-->
        <!--                        <div class="text-warning small">{{ $employee->type }}</div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--        @endif-->
        <!--    @endforeach-->
        <!--@endif-->
        <div class="col-xl-12 col-12">
            <div class="box-content">
                <div class="row">
                    <div class="col-md-6">
                        <h4 class="box-title">Recent Checks</h4>
                    </div>
                    <div class="col-md-6"><a href="{{ url('employees') }}" class="table-side-tag float-right">SEE ALL</a></div>
                </div>
                <!-- /.box-title -->
                <div class="table-responsive table-purchases">
                    <table class="table table-striped margin-bottom-10">
                        <thead>
                            <tr>
                                <th style="background: indigo;color: white;">Case Number</th>
                                <th style="background: indigo;color: white;">Candidate</th>
                                <th style="background: indigo;color: white;">package Type</th>
                                <th style="background: indigo;color: white;">Status</th>
                                <th style="background: indigo;color: white;">Expected Delivery</th>
                                <th style="background: indigo;color: white;">TAT</th>
                                <th style="background: indigo;color: white;">Created On</th>                               
                                <th style="background: indigo;color: white;">Action</th>
                            </tr>
                        </thead>
                        <tbody class="t-body">
                          @if($orders_lists)                            
                          <tbody>
                            @php
                                $counter = 0;   
                            @endphp
                            @foreach($orders_lists as $order)
                                @if ($counter < 10)
                              <tr>
                                <td>{{ $order->order_number }}</td>
                                <td>
                                  {{ $order->employees_first_name }} {{ $order->employees_middle_name }} {{ $order->employees_last_name }}
                                </td>
                                <td>{!! preg_replace('/,/','<br>', $order->order_dispaly_desc) !!}</td>
                                <td>{{ $order->status }}</td>
   
                                <td>
                                    {{ date('d M Y', strtotime($order->tat)) }}
                                </td>
                                <td>
                                    <span class="badge badge-{{ $order->tat_color }}">
                                      @if($order->tat_days > 0)
                                        IN TAT
                                      @else
                                        OUT OF TAT
                                      @endif
                                    </span>
                                </td>
                                          <td>
                                           {{ \Carbon\Carbon::createFromTimestamp(strtotime($order->created_at))->format('d M Y')}}
                                        </td>                                
                                <td>
                                 
                                  <a href="{{ url('candidates/details/'.$order->employee_id) }}" style="color: black;">
                                    View
                                  </a>
                                </td>
                              </tr>
                              @endif
                              @php
                                $counter++;
                              @endphp
                            @endforeach
                          </tbody>                                  
                        @endif
                        </tbody>
                    </table>
                    <!-- /.table -->
                </div>
                <!-- /.table-responsive -->
            </div>
            <!-- /.box-content -->
        </div>
        <!-- /.col-xl-6 col-12 -->
    </div>
    <!-- /.row -->

@endsection

@section('scripts')
@endsection