@extends('admin.layouts.master')
@section('content')
<!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0 text-dark">Dashboard</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Dashboard</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
      <div class="container-fluid">
        <div class="card-body">
          <form role="form" class="form-inline" method="get" action="{{route('admin')}}" autocomplete="off">
            <div class="form-row">
              <div class="col">
                <label>Date</label>
                <input type="text" class="form-control float-right daterangepickercustom" name="dashboard_date" placeholder="Date" id="dashboard_date">
              </div>
              <div class="col">
                <label style="height:21px"></label>
                <button type="submit" class="btn btn-primary mb-2">Submit</button>
              </div>
              <div class="col">
                <label style="height:21px"></label>
                <a href="{{route('admin')}}" class="btn btn-primary mb-2">Reset</a>
              </div>
            </div>
          </form>
        </div>
        <!-- Small boxes (Stat box) -->
        <div class="row">
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
              <div class="inner">
                <h3>{{$data['patient']}}</h3>

                <p>Patients</p>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-alt"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
                <h3>{{$data['therapist']}}</h3>

                <p>Therapist</p>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-md"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
              <div class="inner">
              <h3>{{$data['approved_therapist']}}</h3>

                <p>Approved Therapist</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
            </div>
          </div>
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-danger">
              <div class="inner">
              <h3>{{$data['total_subscribers']}}</h3>

                <p>Total Subscribers</p>
              </div>
              
            </div>
          </div>
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-warning">
              <div class="inner">
              <h3>{{$data['active_patient']}}</h3>

                <p>Active Patient Today</p>
              </div>
              
            </div>
          </div>
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-info">
              <div class="inner">
              <h3>{{$data['active_therapist']}}</h3>

                <p>Active Therapist Today</p>
              </div>
              <div class="icon">
                <i class="user-check"></i>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success" style="background:#6528a7 !important">
              <div class="inner">
              <h3>{{$data['schedule_calls']}}</h3>

                <p>Scheduled video calls</p>
              </div>
              <div class="icon">
                <i class="user-check"></i>
              </div>
            </div>
          </div>
          
          <div class="col-lg-3 col-6">
            <!-- small box -->
            <div class="small-box bg-success">
              <div class="inner">
              <h3>{{$data['total_income']}}</h3>

                <p>Income this month</p>
              </div>
              <div class="icon">
                <i class="fas fa-dollar-sign"></i>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-6" >
            <!-- small box -->
            <div class="small-box bg-success" style="background:#80496f !important">
              <div class="inner">
              <h3>{{$data['average']}}</h3>

                <p>Average Time to Find Therapist</p>
              </div>
              <div class="icon">
                <i class="fas fa-search"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->

          <div class="col-lg-3 col-6">
            <div class="small-box bg-warning">
              <div class="inner">
                <h3>{{$data['patient_lastweek']}}</h3>
                <p>New Patients in last 7 days</p>
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
            </div>
          </div>
          
          <!-- ./col -->

          <div class="col-lg-3 col-6">
            <div class="small-box bg-success">
              <div class="inner">
                <h3>{{$data['therapist_lastweek']}}</h3>
                <p>New Therapists in last 7 days</p>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-md"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->

          <div class="col-lg-3 col-6">
            <div class="small-box bg-info">
              <div class="inner">
                <h3>{{$data['patient_notfinished_question']}}</h3>
                <p>Patients that haven't finished questionnaire</p>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-alt"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->

          <div class="col-lg-3 col-6">
            <div class="small-box bg-info" style="background-color: #008c7f!important">
              <div class="inner">
                <h3>{{$data['patient_redirected_question']}}</h3>
                <a href="{{route('redirected-question')}}" style="color: #fff;text-decoration:underline;"><p>Patients redirected on questionnaire</p></a>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-alt"></i>
              </div>
            </div>
          </div>

          <div class="col-lg-3 col-6">
            <div class="small-box bg-info" style="background-color: #bb3197!important;">
              <div class="inner">
                <h3>{{$data['upcoming_appointments']}}</h3>
                <a href="{{route('upcoming-app')}}" style="color: #fff;text-decoration:underline;"><p>Appointments(Next 7 days)</p></a>
              </div>
              <div class="icon">
                <i class="nav-icon fas fa-user-alt"></i>
              </div>
            </div>
          </div>
          <!-- ./col -->

        </div>
        <!-- /.row -->
        <!-- Main row -->
        
      </div><!-- /.container-fluid -->
    </section>
    <!-- /.content -->
  
@endsection