@extends("Kitchen-Owner.layout.app")
@section("title","Kitchen 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">Kitchen 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('kitchen.allOrder')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-cart-plus-fill text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Total Orders</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalOrders}}</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('kitchen.allOrder','today')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-cart-plus-fill text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Today's Order</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$today_orders}}</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('kitchen.allOrder','week')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-cart-plus-fill text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Weekly Orders</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$weekly_orders}}</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('kitchen.allOrder','month')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-cart-plus-fill text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Monthly Orders</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$monthly_orders}}</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('kitchen.tiffin')}}">
                        <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 Tiffins</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalTiffins}}</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('kitchen.tiffin','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 Tiffins</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalActiveTiffins}}</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('kitchen.tiffin','Inactive')}}">
                        <div class="d-flex align-items-center">
                            <div class="mr-2">
                                <span class="btn btn-circle btn-lg">
                                    <em class="bi bi-slash-circle text-white"></em>
                                </span>
                            </div>
                            <div>
                                <h6 class="title">Inactive Tiffins</h6>
                            </div>
                            <div class="ml-auto">
                                <h2 class="m-b-0 font-light">{{$totalInactiveTiffins}}</h2>
                            </div>
                        </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="col-md-8">-->
        <!--    <div class="card card-bordered card-preview">-->
        <!--        <div class="table-responsive">-->
        <!--            <table class="table">-->
        <!--                <thead class="thead-dark">-->
        <!--                    <tr>-->
        <!--                        <th scope="col">#</th>-->
        <!--                        <th scope="col">Item Name</th>-->
        <!--                    </tr>-->
        <!--                </thead>-->
        <!--                <tbody>-->
        <!--                        <tr>-->
        <!--                            <th scope="row">1</th>-->
        <!--                            <td>test</td>-->
        <!--                        </tr>-->
                            
        <!--                </tbody>-->
        <!--            </table>-->
        <!--        </div>-->
        <!--    </div>-->
            
        <!--</div>-->
    </div><!-- .row -->
</div>
          </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