@extends('layouts.master')
@section('page-title') 
    Permits | {{ $page_title }}
@endsection
@section('page-css')
	<link rel="stylesheet" href="{{ url('public/assets/css/dashboard.css') }}">

@endsection
@section('page-content')
@include('layouts.partials.permits-navbar')
<div class="container mt-4">
      <div class="row g-3 settings-grid">
          <!-- General Settings Card -->
          <div class="col-12">
            @include('common.notifications')
          </div>
          <div class="col-12 col-md-6 col-lg-4" id="viewPendingDiv">
            <div class="settings-card">
              <div class="card-icon mb-3">
                <i class="fa-solid fa-hourglass-half fa-3x"></i>
              </div>
              <h3 class="card-title mb-2">Pending <span class="badge bg-danger">
                <?php $count = 0; 
                  if (is_array($permits_arr['data'])) {
                    foreach ($permits_arr['data'] as $row) {
                      // code...
                      if ($row['status'] == 'submitted') {
                        $count++;
                      }
                    }
                  }
                  echo $count;
                ?>
              </span>           
              </h3>
              <p class="card-description mb-0">View and update applications</p>
            </div>
          </div>

          <!-- Billing Plan Settings Card -->
          <div class="col-12 col-md-6 col-lg-4">
            <div class="settings-card">
              <div class="card-icon mb-3">
                <i class="fa-solid fa-clock fa-3x"></i>
              </div>
              <h3 class="card-title mb-2">Queried <span class="badge bg-warning">
                <?php $count = 0; 
                  if (is_array($permits_arr['data'])) {
                    foreach ($permits_arr['data'] as $row) {
                      // code...
                      if ($row['status'] == 'queried') {
                        $count++;
                      }
                    }
                  }
                  echo $count;
                ?>
              </span></h3>
              <p class="card-description mb-0">View and update application</p>
            </div>
          </div>

          <!-- Team Settings Card -->
          <div class="col-12 col-md-6 col-lg-4">
            <div class="settings-card">
              <div class="card-icon mb-3">
                <i class="fa-solid fa-square-check fa-3x"></i>
              </div>
              <h3 class="card-title mb-2">Completed <span class="badge bg-success">
                  <?php $count = 0; 
                  if (is_array($permits_arr['data'])) {
                    foreach ($permits_arr['data'] as $row) {
                      if ($row['status'] == 'completed') {
                        $count++;
                      }
                    }
                  }
                  echo $count;
                ?>

              </span></h3>
              <p class="card-description mb-0">View completed applications</p>
            </div>
          </div>          
        </div>
      
    </div>

@endsection
@section('page-js')
	<!-- <script src="{{ url('public/assets/libs/select2/dist/js/select2.full.min.js') }}" type="text/javascript" ></script> -->


	<!-- <script src="{{ url('public/assets/js/permit_tools.js') }}" type="text/javascript" ></script> -->

<script type="text/javascript">
  $(document).ready(function(){


  $('#viewPendingDiv').click(function(){
    window.location.href = base_url + "/permits/status/pending";
  });
   

});
  
</script>

@endsection