@extends('admin.layout')
@section('main')
    <div class="content-header row">

    </div>
    <div class="content-body">
        <!-- Dashboard Ecommerce Starts -->
        <section id="dashboard-ecommerce">
            <div class="row match-height justify-content-end">
                <div class="col-lg-12 mr-auto">
                    <h2>Dashboard<a href="" class="ml-1"><i data-feather="help-circle"></i></a></h2>
                </div>
                <div class="col-lg-2 col-md-6 my-1">
                    <div class="form-group">
                        <select class="select2 select-label form-control w-100" id="" name="select-label">
                            <option value="" selected default disabled> Select Activity</option>
                            <option value="PMS"> PMS</option>
                            <option value="RS"> RS</option>
                            <option value="AdB"> AdB </option>
                            <option value="Camp"> Camp</option>
                            <option value="NPD"> NPD</option>
                            <option value="Marketing"> Marketing</option>
                            <option value="Content"> Content</option>
                        </select>
                    </div>
                </div>

                <div class="col-lg-2 col-md-6 my-1">
                    <div class="form-group">
                        <select class="select2 select-label form-control w-100" id="" name="select-label">
                            <option value="" selected default disabled> Select Study</option>
                            <option value=""> Study 1</option>
                            <option value=""> Study 2</option>
                            <option value=""> Study 3 </option>
                            <option value=""> Study 4</option>
                            <option value=""> Study 5</option>
                        </select>
                    </div>
                </div>
                <div class="col-lg-auto col-md-6 my-1">
                    <div class="form-group">
                        <div id="reportrange" class="daterange">
                            <i class="fa fa-calendar"></i>&nbsp;
                            <span></span> <i class="fa fa-caret-down"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-auto col-md-6 my-1">
                    <div class="d-lg-flex">
                        <a href="#" class="btn btn-primary">Apply</a>
                        <a href="#" class="btn btn-light ml-1">Clear</a>
                    </div>
                </div>
            </div>
            <div class="row match-height">

                <!-- Statistics Card -->
                <div class="col-xl-12 col-md-12 col-12">
                    <div class="card card-statistics">

                        <div class="card-body statistics-body">

                            <div class="row">
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-primary mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">65</h2>
                                            <p class="card-text font-small-3 mb-0">View Activity Assigned Doctors
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-success mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">65</h2>
                                            <p class="card-text font-small-3 mb-0">View Activity Approved Doctors
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-warning mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">65</h2>
                                            <p class="card-text font-small-3 mb-0">View Submission Pending Doctors
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-success mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">65</h2>
                                            <p class="card-text font-small-3 mb-0">View Active Doctors
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-danger mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">52</h2>
                                            <p class="card-text font-small-3 mb-0">View Inactive Doctors</p>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xl-3 col-sm-6 col-12 my-1 mb-sm-0">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-warning mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="file-text" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">32</h2>
                                            <p class="card-text font-small-3 mb-0">Document Verification Pending</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-success mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="file-text" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">65</h2>
                                            <p class="card-text font-small-3 mb-0">Documents Verified</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-3 col-sm-6 col-12 my-1">
                                    <div class="media" style="border-right: 1px solid #eee;">
                                        <div class="avatar bg-light-info mr-2">
                                            <div class="avatar-content">
                                                <i data-feather="user-plus" class="avatar-icon"></i>
                                            </div>
                                        </div>
                                        <div class="media-body my-auto">
                                            <h2 class="font-weight-bolder mb-0">52</h2>
                                            <p class="card-text font-small-3 mb-0">Doctors Approved</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

                <!--/ Statistics Card -->
            </div>

        </section>
        <!-- Dashboard Ecommerce ends -->


    </div>
@endsection