@extends('admin.layouts.master')
@section('styles')
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0"> Hi, welcome Admin! <span class="pl-0 h6 pl-sm-2 text-muted d-inline-block">Admin Dashboard.</span>
  </h3>
  <!-- <div class="d-flex">
    <button type="button" class="btn btn-sm bg-white btn-icon-text border">
      <i class="mdi mdi-email btn-icon-prepend"></i> Email </button>
    <button type="button" class="btn btn-sm bg-white btn-icon-text border ml-3">
      <i class="mdi mdi-printer btn-icon-prepend"></i> Print </button>
    <button type="button" class="btn btn-sm ml-3 btn-success"> Add User </button>
  </div> -->
</div>
<div class="row">
  <div class="col-xl-3 col-lg-12 stretch-card grid-margin">
    <div class="row">
      <div class="col-xl-12 col-md-6 stretch-card grid-margin grid-margin-sm-0 pb-sm-3">
        <div class="card bg-warning">
          <div class="card-body px-3 py-4">
            <div class="d-flex justify-content-between align-items-start">
              <div class="color-card">
                <p class="mb-0 color-card-head">Total Employee</p>
                
              </div>
              <i class="card-icon-indicator mdi mdi-basket bg-inverse-icon-warning"></i>
            </div>
            <h6 class="text-white">{{totalEmployee()}}</h6>
          </div>
        </div>
      </div>
     <!--  <div class="col-xl-12 col-md-6 stretch-card grid-margin grid-margin-sm-0 pb-sm-3">
        <div class="card bg-danger">
          <div class="card-body px-3 py-4">
            <div class="d-flex justify-content-between align-items-start">
              <div class="color-card">
                <p class="mb-0 color-card-head">Shift</p>
                <h2 class="text-white"> $5,300.<span class="h5">00</span>
                </h2>
              </div>
              <i class="card-icon-indicator mdi mdi-cube-outline bg-inverse-icon-danger"></i>
            </div>
            <h6 class="text-white">13.21% Since last month</h6>
          </div>
        </div>
      </div>
      <div class="col-xl-12 col-md-6 stretch-card grid-margin grid-margin-sm-0 pb-sm-3 pb-lg-0 pb-xl-3">
        <div class="card bg-primary">
          <div class="card-body px-3 py-4">
            <div class="d-flex justify-content-between align-items-start">
              <div class="color-card">
                <p class="mb-0 color-card-head">Orders</p>
                <h2 class="text-white"> $1,753.<span class="h5">00</span>
                </h2>
              </div>
              <i class="card-icon-indicator mdi mdi-briefcase-outline bg-inverse-icon-primary"></i>
            </div>
            <h6 class="text-white">67.98% Since last month</h6>
          </div>
        </div>
      </div>
      <div class="col-xl-12 col-md-6 stretch-card pb-sm-3 pb-lg-0">
        <div class="card bg-success">
          <div class="card-body px-3 py-4">
            <div class="d-flex justify-content-between align-items-start">
              <div class="color-card">
                <p class="mb-0 color-card-head">Affiliate</p>
                <h2 class="text-white">2368</h2>
              </div>
              <i class="card-icon-indicator mdi mdi-account-circle bg-inverse-icon-success"></i>
            </div>
            <h6 class="text-white">20.32% Since last month</h6>
          </div>
        </div>
      </div> -->
    </div>
  </div>
  <div class="col-xl-9 col-sm-6 grid-margin stretch-card">
    <div class="card">
      <div class="card-body px-0 overflow-auto">
        <h4 class="card-title pl-4">Todays Emplyee Swipe Count</h4>
        <div class="table-responsive">
          <table class="table">
            <thead class="bg-light">
              <tr>
                <th>Name</th>
                <th>Start Time</th>
                <th>End Time</th>
                <th>Total Hour</th>
                <th>Total Employee</th>
                <th>Today's Swipe</th>
                <th>Today's Not Swipe</th>
                <th>Break</th>
              </tr>
            </thead>
            <tbody>
              @foreach(totalShift() as $value)
              <tr>
                <td>{{$value->name}}</td>
                <td>{{$value->start_time}}</td>
                <td>{{$value->end_time}}</td>
                <td>{{$value->total_hours}}</td>
                <td>{{getTotaalShifEmployee($value->id)}}</td>
                <td>