@extends('layouts.instructor')

@section('content')

<div class="main-content-wrap sidenav-open d-flex flex-column">
  <!-- ============ Body content start ============= -->
  <div class="main-content">

    <div class="row">
      <div class="col-md-12">
        <label></label>

      </div>
    </div>

  <!-- first row -->

    <div class="row py-2">
      <div class="col-md-6">
         <div class="row">
            <div class="col-md-6">
               <div class="box-style">
             <ul>
                <li class="" ><b style=" font-size:25px;">143</b>Active Learners</li>
                <li class=""><i class="fas fa-users fa-2x  pl-3 text-success fa-3x"></i></li>
              </ul>
            </div>
            </div><!-- BOX1 ends-->
          <div class="col-md-6">
            <div class="box-style">
              <ul>
                <li class="" ><b style=" font-size:25px;">58</b> Inactive Learners</li>
                <li ><i class="fas fa-users fa-2x  pl-3 text-warning fa-3x" style=" margin-left:30px;"></i></li>
              </ul>
            </div>
          </div><!-- BOX2 ends-->
         </div>

        <div class="row">
          <div class="col-md-6">
            <div class="box-style">
              <ul>
                <li class="" ><b style=" font-size:25px;">58</b> Pending Instructors</li>
                <li ><i class="fas fa-users fa-2x  pl-3 text-warning fa-3x" style=" margin-left:30px;"></i></li>
              </ul>
            </div>
          </div><!-- BOX3 ends-->
          <div class="col-md-6">
            <div class="box-style">
             <ul>
                <li class="" ><b style=" font-size:25px;">58</b> Unverified Instructors</li>
                <li ><i class="fas fa-user-slash fa-2x  pl-3 text-danger fa-3x" style=" margin-left:30px;"></i></li>
              </ul>
            </div>
          </div><!-- BOX4 ends-->
        </div>

        <div class="row">
          <div class="col-md-6">
            <div class="box-style">
              <ul>
                <li class="" ><b style=" font-size:25px;">58</b> Verified Instructors</li>
                <li ><i class="fas fa-user-check fa-2x  pl-3 text-success fa-3x" style=" margin-left:30px;"></i></li>
              </ul>
            </div>
          </div><!-- BOX5 ends-->
          <div class="col-md-6">
            <div class="box-style">
             <ul>
                <li class="" ><b style=" font-size:25px;">58</b> Active Users</li>
                <li ><i class="fas fa-user-friends fa-2x  pl-3 text-success fa-3x" style=" margin-left:30px;"></i></li>
              </ul>
            </div>
          </div><!-- BOX6 ends-->
        </div>

      </div>
      {{-- <div class="col-md-6 bg-white"> --}}
        {{-- <div class="row ">
          <!-- <div class="col-md-12 ">
            <div class="text-white bg-blue p-2 rounded"><i class="fa fa-server"></i><b> Configuration</b></div>
          </div> -->

          <div class="col-md-12  bg-blue py-1 rounded">
            <div class="row">
          <div class="col-md-6 col-xs-6 text-white py-1">
            <div><i class="fa fa-user"></i><b> Customer</b></div>
          </div>
          <div class="col-md-6 col-xs-6 text-right text-xs-right">
            <button type="button" class="btn btn-white btn-sm"><i class="fa fa-plus"></i><b><a href="{{ url('/customers') }}"> New Customer </a></b></button>
          </div>
            </div>
             </div>
        </div> --}}
        {{-- <div class="row">
          <div class="col-md-12"> <b>Select an existing Customer, then click a link</b></div>
          <div class="col-md-12 ">
                <div class="input-group mb-3">
                  <select class="custom-select" id="inputGroupSelect02">
                    <option selected>Enter Customer Name To Search</option>
                    <option value="1">One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                  </select>
                </div>
          </div>
          <div class="col-md-12 ">
            <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="#">Customer Profile</a>
            </div>
          </div>
        </div>

      </div>

    </div> --}}

   <!-- second row -->
  <!-- Libraies Section -->

    <div class="row py-2">
     {{-- <div class="col-md-6 ">
        <div class="row  ">
          <div class="col-md-12 ">
            <div class="text-white bg-blue p-2 rounded"><i class="fa fa-server"></i><b> Libraries</b></div>
          </div>

          <div class="col-md-12 ">
            <div class="bg-white">
              <div class="row">
              <div class="col-md-6">
            <div class="border-top p-2">
              <a href="{{route('/timeSlot')}}">Time Slot</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top  p-2">
              <a href="">Permissions</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top  p-2">
              <a href="{{url('coupons')}}">Coupon</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top  p-2">
              <a href="#">Dispatcher</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Reports</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top  p-2">
              <a href="#">Jobs</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top  p-2">
              <a href="#">Payments</a>
            </div>
          </div>
          </div>
            </div>
          </div>

        </div>

      </div> --}}


      <div class="col-md-6 ">

        <!--Configuration Section-->
        {{-- <div class="row bg-white">

          <div class="col-md-12 text-white bg-blue p-2 rounded">
            <div class=""><i class="fa fa-server"></i><b> Configuration</b></div>
          </div>

          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Settings</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Change Password</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Promo Code</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="{{url('services')}}">Services</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Attendance</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">User Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="#">Agent Profile</a>
            </div>
          </div>

        </div> --}}
      </div>

    </div>

  <!-- Second ROW End-->
  <!-- Third ROW start-->

  <div class="row py-2">
     {{-- <div class="col-md-6 ">
        <div class="row  ">
          <div class="col-md-12 ">
            <div class="text-white bg-blue p-2 rounded"><i class="fa fa-users"></i><b> Recent Users</b><!-- <span class="text-right"><button type="button" class="btn btn-white btn-sm"><b> See More</b></button></span> --></div>
          </div>

          <div class="col-md-12 ">
            <div class="bg-white">
            <div class="row">
              <div class="col-md-12 table-responsive">
                   <table class="text-center">
                     <thead>
                       <tr>
                         <th>Name</th>
                         <th>Phone</th>
                         <th>Email</th>
                         <th>Role</th>
                         <th>Status</th>
                       </tr>
                     </thead>
                     <tbody>
                       <tr class="border-top">
                        <td><a href="#"> Ahmet Ali</a></td>

                       <td>
                        +1-7875646545
                      </td>
                      <td>
                        ms@mailinator.com
                      </td>
                      <td>
                       Manager
                      </td>
                      <td>
                        <p class="bg-danger mb-0 p-1 text-white"> Inactive</p>
                      </td>
                    </tr> <!-- firsttable row end -->

                     <tr class="border-top">
                        <td><a href="#">Mukul Anand</a></td>

                       <td>
                        +1-9798988767
                      </td>
                      <td>
                       a@mailinator.com
                      </td>
                      <td>
                        Manager
                      </td>
                      <td>
                        <p class="bg-success mb-0 p-1 text-white"> Active</p>
                      </td>
                    </tr> <!-- secondtable row end -->

                     <tr class="border-top">
                        <td><a href="#"> Aakash Sharma</a></td>

                       <td>
                        +1-345676567
                      </td>
                      <td>
                        akash@mailinator.com
                      </td>
                      <td>
                       Manager
                      </td>
                      <td>
                        <p class="bg-danger mb-0 p-1 text-white"> Not Verified</p>
                      </td>
                    </tr> <!-- thridtable row end -->
                     </tbody>
                   </table>
              </div>
            </div>
            </div>
          </div>

        </div>

      </div> --}}


      <div class="col-md-6 ">

      <!--Configuration Section-->
        {{-- <div class="row bg-white">

          <div class="col-md-12 text-white bg-blue p-2 rounded">
            <div class=""><i class="fas fa-user-cog"></i><b> Staffs</b></div>
          </div>

          <div class="col-md-12"> <b>Select an existing Employee, then click a link</b></div>
          <div class="col-md-12 ">
                <div class="input-group mb-3">
                  <select class="custom-select" id="inputGroupSelect02">
                    <option selected>Enter Employee Name To Search</option>
                    <option value="1">One</option>
                    <option value="2">Two</option>
                    <option value="3">Three</option>
                  </select>
                </div>
          </div>
          <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="upload-bci-fbi.php">Documents</a>
            </div>
          </div>
           <div class="col-md-6 ">
            <div class="border-top p-2">
              <a href="7-webchecks.php">Employee Profile</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="90-day-review.php">Jobs</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="tb-test-form.php">Payments</a>
            </div>
          </div>
          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="reference-check-form.php">Settings</a>
            </div>
          </div>

          <div class="col-md-6 ">
             <div class="border-top p-2">
              <a href="professional-reference.php">Professional Information</a>
              </div>
          </div>

        </div> --}}
      </div>

    </div>

<!-- Third ROW start-->


  </div>
  <!-- Footer Start -->
  <div class="flex-grow-1"></div>
</div>
<!-- main content -->

@endsection