@extends("admin.layout.app")
@section("title","Admin Dashboard")

@section("content")
<div class="nk-content ">
  <div class="container-fluid">
      <div class="nk-content-inner">
          <div class="nk-content-body">
              <div class="nk-block-head nk-block-head-sm">
                  <div class="nk-block-between">
                      <div class="nk-block-head-content">
                          <h3 class="nk-block-title page-title">Master Dashboard</h3>
                          <div class="nk-block-des text-soft">
                              <p>Welcome to Master Dashboard.</p>
                          </div>
                      </div><!-- .nk-block-head-content -->
                      <!-- <div class="nk-block-head-content">
                          <div class="toggle-wrap nk-block-tools-toggle">
                              <a href="javascript:void(0)" class="btn btn-icon btn-trigger toggle-expand mr-n1" data-target="pageMenu"><em class="icon ni ni-more-v"></em></a>
                              <div class="toggle-expand-content" data-content="pageMenu">
                                  <ul class="nk-block-tools g-3">
                                      <li>
                                          <div class="dropdown">
                                              <a href="javascript:void(0)" class="dropdown-toggle btn btn-white btn-dim btn-outline-light" data-toggle="dropdown"><em class="d-none d-sm-inline icon ni ni-calender-date"></em><span><span class="d-none d-md-inline">Last</span> 30 Days</span><em class="dd-indc icon ni ni-chevron-right"></em></a>
                                              <div class="dropdown-menu dropdown-menu-right">
                                                  <ul class="link-list-opt no-bdr">
                                                      <li><a href="javascript:void(0)"><span>Last 30 Days</span></a></li>
                                                      <li><a href="javascript:void(0)"><span>Last 6 Months</span></a></li>
                                                      <li><a href="javascript:void(0)"><span>Last 1 Years</span></a></li>
                                                  </ul>
                                              </div>
                                          </div>
                                      </li>
                                      <li class="nk-block-tools-opt"><a href="javascript:void(0)" class="btn btn-primary"><em class="icon ni ni-reports"></em><span>Reports</span></a></li>
                                  </ul>
                              </div>
                          </div>
                      </div> -->
                      <!-- .nk-block-head-content -->
                  </div><!-- .nk-block-between -->
              </div><!-- .nk-block-head -->
              <div class="nk-block">
    <div class="row g-gs">
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.kitchenowner')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-people text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Total Kitchen Owners</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalKitchenOwner}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.kitchenowner','Active')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-check2-circle text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Active Kitchen Owners</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$total_active_KitchenOwner}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.kitchenowner','Inactive')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-danger btn-lg">
                                    <em class="bi bi-slash-circle text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Inactive Kitchen Owners</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$total_inactive_KitchenOwner}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->
        
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.listUsers')}}">
                        <div class="d-flex align-items-center">
                            
                            <div class="mr-2">
                                <span class="btn btn-circle btn-danger btn-lg">
                                    <em class="bi bi-people text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Total Customers</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalUsers}}</h2>
                            </div>
                            
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->
        
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.listUsers','Active')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-danger btn-lg">
                                    <em class="bi bi-check2-circle text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Active Customers</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$total_active_users}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->
        
        <div class="col-md-4 col-lg-4 col-xxl-4">
            <div class="master_card_group">
                <div class="card">
                    <div class="card-body">
                        <a href="{{route('admin.listUsers','Inactive')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-danger btn-lg">
                                    <em class="bi bi-slash-circle text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Inactive Customers</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$total_inactive_users}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div><!-- .col -->

    </div><!-- .row -->
</div><!-- .nk-block -->
          </div>
      </div>
  </div>
</div>    
@endsection
@push("script")
@if(Session::has('msg'))
  <script>
    toastr.options = {
    "closeButton": true,
    "progressBar": true,
    "positionClass": "toast-bottom-center"
  }
    toastr.success("{{ Session::get('msg') }}");
  </script>
  @endif
    @endpush