@extends('layouts.default')
@php
use App\Http\Controllers\Da\DaController;
@endphp
@section('title', 'Dashboard')
@push('head')
<link href="/assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="/assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<script src="/assets/js/jquery-3.3.1.min.js"></script>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->
<script src="/assets/plugins/datatables.net/js/jquery.dataTables.min.js" defer></script>
<script src="/assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js" defer></script>
<script src="/assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js" defer></script>
<script src="/assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js" defer></script>
@endpush
@section('content')
@if(!empty($lsa))
@php
$state1=0;
$district1=0;
$tehsil1=0;
$village1=0;
$total=0;
$totalp=0;
$totald=0;
$totalr=0;
$totaldf=0;
@endphp
@foreach($lsa as $item)
@php
$total+=$item->count;
$totalp+=$item->pending;
$totald+=$item->dispose_cases;
$totalr+=$item->reject_cases;
$totaldf+=$item->def;
if($loop->index==0){
if(!empty($item->state))
$state1=$item->state;

if(!empty($item->district))
$district1=$item->district;

if(!empty($item->subdistrict))
$tehsil1=$item->subdistrict;

if(!empty($item->village))
$village1=$item->village;
}

@endphp
@endforeach

<div class="row p-2">
<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-blue">
<!-- <div class="stats-icon"><i class="fas fa-book fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500">Total Cases</h5>
<p><span data-animation="number" data-value="{{$total}}">{{$total}}</span> Cases</p>
</div>
<div class="stats-link">
<a href="javascript:;" data-show="all" data-state="{{$state1}}" data-district="{{$district1}}" data-tehsil="{{$tehsil1}}" data-village="{{$village1}}" class="{{($total>0 ? 'tcases' : '')}}">View Cases <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>

<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-info">
<!-- <div class="stats-icon"><i class="fas fa-list-check fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500">Pending Cases</h5>
<p><span data-animation="number" data-value="{{$totalp}}">{{$totalp}}</span> Cases</p>
</div>
<div class="stats-link">
<a class="{{($totalp>0 ? 'pcases' : '')}}" href="javascript:;" data-show="all" data-state="{{$state1}}" data-district="{{$district1}}" data-tehsil="{{$tehsil1}}" data-village="{{$village1}}">View Cases <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>

<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-orange">
<!-- <div class="stats-icon"><i class="fas fa-list-check fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500">Dispose Cases</h5>
<p><span data-animation="number" data-value="{{$totald}}">{{$totald}}</span> Cases</p>
</div>
<div class="stats-link">
<a class="{{($totald>0 ? 'dcases' : '')}}" href="javascript:;" data-show="all" data-state="{{$state1}}" data-district="{{$district1}}" data-tehsil="{{$tehsil1}}" data-village="{{$village1}}">View Cases <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>

<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-red">
<!-- <div class="stats-icon"><i class="fa fa-clock  fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500">Reject Cases</h5>
<p><span data-animation="number" data-value="{{$totalr}}">{{$totalr}}</span> Cases</p>
</div>
<div class="stats-link">
<a href="javascript:;" class="{{($totalr>0 ? 'rcases' : '')}}" data-show="all" data-state="{{$state1}}" data-district="{{$district1}}" data-tehsil="{{$tehsil1}}" data-village="{{$village1}}">View Cases <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>

<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-pink">
<!-- <div class="stats-icon"><i class="fa fa-clock  fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500">Defects in Cases</h5>
<p><span data-animation="number" data-value="{{$totaldf}}">{{$totaldf}}</span> Cases</p>
</div>
<div class="stats-link">
<a href="javascript:;" class="{{($totaldf>0 ? 'dfcases' : '')}}" data-show="all" data-state="{{$state1}}" data-district="{{$district1}}" data-tehsil="{{$tehsil1}}" data-village="{{$village1}}">View Cases <i class="fa fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>

<div class="col-xl-2 col-md-6">
<div class="widget widget-stats bg-purple">
<!-- <div class="stats-icon"><i class="fa fa-clock  fa-sm"></i></div> -->
<div class="stats-info">
<h5 class="text-500"></h5>
<p>&nbsp;</p>
</div>
<div class="stats-link">&nbsp;
<a href="javascript:;" >&nbsp;</a>
</div>
</div>
</div>
</div>
@foreach($lsa as $item)
@php
$state=$item->state;
$district=$item->district;
$tehsil=$item->subdistrict;
$village=$item->village;
@endphp
  <table class="table table-bordered fs-12px">
  <thead>
          <tr><th>SNo.</th>
              <th>Place</th>
                <th>Total Cases</th>
              <th>Pending Cases</th>
              <th>Dispose Cases</th>
                <th>Reject Cases</th>
                <th>Defective Cases</th>
          </tr>
          </thead>
          <tr>
  <td class="text-center">{{$loop->index+1}}</td>
  <td>{{($item->village_name_english!='' ? $item->village_name_english.',' : '')}}
  {{($item->subdistrict_name_english!='' ? $item->subdistrict_name_english.',' : '')}}
  {{($item->district_name_english!='' ? $item->district_name_english.',' : '')}}
  {{($item->state_name_english!='' ? $item->state_name_english : '')}}</td>
  <td class="text-center">
  <a href="javascript:;" class="link-dark {{($item->count>0 ? 'tcases' : '')}}" data-state="{{$state}}" data-district="{{$district}}" data-tehsil="{{$tehsil}}" data-village="{{$village}}">
    <span data-animation="number" data-value="{{$item->count}}">{{$item->count}}</span>
</a></td>
                <td class="text-center">
                <a href="javascript:;" class="link-dark {{($item->pending>0 ? 'pcases' : '')}}" data-show="only" data-state="{{$state}}" data-district="{{$district}}" data-tehsil="{{$tehsil}}" data-village="{{$village}}">
                  <span data-animation="number" data-value="{{$item->pending}}">{{$item->pending}}</span>
</a>
                </td>
              <td class="text-center">
              <a href="javascript:;" class="link-dark {{($item->dispose_cases>0 ? 'dcases' : '')}}" data-show="only" data-state="{{$state}}" data-district="{{$district}}" data-tehsil="{{$tehsil}}" data-village="{{$village}}">
                <span data-animation="number" data-value="{{$item->dispose_cases}}">{{$item->dispose_cases}}</span>
</a></td>
              <td class="text-center">
              <a href="javascript:;" class="link-dark {{($item->reject_cases>0 ? 'rcases' : '')}}" data-show="only" data-state="{{$state}}" data-district="{{$district}}" data-tehsil="{{$tehsil}}" data-village="{{$village}}">
                <span data-animation="number" data-value="{{$item->reject_cases}}">{{$item->reject_cases}}</span>
</a></td>
                <td class="text-center">
                <a href="javascript:;" class="link-dark {{($item->def>0 ? 'dfcases' : '')}}" data-show="only" data-state="{{$state}}" data-district="{{$district}}" data-tehsil="{{$tehsil}}" data-village="{{$village}}">
                  <span data-animation="number" data-value="{{$item->def}}">{{$item->def}}</span>
</a></td>
          </tr>