@extends('layouts.main')

@push('styles')
    <link href="{{ asset('/elite/bower_components/datatables/jquery.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('elite/tables/css/buttons.dataTables.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')

    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Dashboard</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> Home</a></li>
            </ol>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-3">
                <div class="white-box" style="border-radius: 5px;">
                    <div class="r-icon-stats">
                        <i class="ti-user bg-megna"></i>
                        <div class="bodystate">
                            <h1 style="font-size: 54px;">{{ count($total_investigations) }}</h1>
                            <span class="text-muted">Total Investigations</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="white-box" style="border-radius: 5px;">
                    <div class="r-icon-stats">
                        <i class="ti-user bg-warning"></i>
                        <div class="bodystate">
                            <h1 style="font-size: 54px;">{{ count($total_pending_investigations) }}</h1>
                            <span class="text-muted">Pending Investigations</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="white-box" style="border-radius: 5px;">
                    <div class="r-icon-stats">
                        <i class="ti-user bg-success"></i>
                        <div class="bodystate">
                            <h1 style="font-size: 54px;">{{ count($total_paid_investigations) }}</h1>
                            <span class="text-muted">Paid Investigations</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="white-box" style="border-radius: 5px;">
                    <div class="r-icon-stats">
                        <i class="ti-user bg-danger"></i>
                        <div class="bodystate">
                            <h1 style="font-size: 54px;">{{ count($total_unpaid_investigations) }}</h1>
                            <span class="text-muted">Unpaid Investigations</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                <div class="white-box" style="border-radius: 5px;">
                    <h3 class="box-title m-b-0">New Patient List</h3>
                    <p class="text-muted">this is the sample data here for crm</p>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Username</th>
                                <th>Diseases</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>Deshmukh</td>
                                <td>Prohaska</td>
                                <td>@Genelia</td>
                                <td><span class="label label-danger">Fever</span> </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Deshmukh</td>
                                <td>Gaylord</td>
                                <td>@Ritesh</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Sanghani</td>
                                <td>Gusikowski</td>
                                <td>@Govinda</td>
                                <td><span class="label label-warning">Lakva</span> </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Roshan</td>
                                <td>Rogahn</td>
                                <td>@Hritik</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Joshi</td>
                                <td>Hickle</td>
                                <td>@Maruti</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>Nigam</td>
                                <td>Eichmann</td>
                                <td>@Sonu</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="white-box" style="border-radius: 5px;">
                    number of finished investigations
                </div>
            </div>
            <div class="col-sm-4">
                <div class="white-box" style="border-radius: 5px;">
                    number of finished investigations
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="white-box" style="border-radius: 5px;">
                   graph
                </div>
            </div>
            <div class="col-sm-6">
                <div class="white-box" style="border-radius: 5px;">
                    <h3 class="box-title m-b-0">New Patient List</h3>
                    <p class="text-muted">this is the sample data here for crm</p>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Username</th>
                                <th>Diseases</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>Deshmukh</td>
                                <td>Prohaska</td>
                                <td>@Genelia</td>
                                <td><span class="label label-danger">Fever</span> </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Deshmukh</td>
                                <td>Gaylord</td>
                                <td>@Ritesh</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Sanghani</td>
                                <td>Gusikowski</td>
                                <td>@Govinda</td>
                                <td><span class="label label-warning">Lakva</span> </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Roshan</td>
                                <td>Rogahn</td>
                                <td>@Hritik</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Joshi</td>
                                <td>Hickle</td>
                                <td>@Maruti</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>Nigam</td>
                                <td>Eichmann</td>
                                <td>@Sonu</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="white-box" style="border-radius: 5px;">
                    <h3 class="box-title m-b-0">New Patient List</h3>
                    <p class="text-muted">this is the sample data here for crm</p>
                    <div class="table-responsive">
                        <table class="table">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>First Name</th>
                                <th>Last Name</th>
                                <th>Username</th>
                                <th>Diseases</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>1</td>
                                <td>Deshmukh</td>
                                <td>Prohaska</td>
                                <td>@Genelia</td>
                                <td><span class="label label-danger">Fever</span> </td>
                            </tr>
                            <tr>
                                <td>2</td>
                                <td>Deshmukh</td>
                                <td>Gaylord</td>
                                <td>@Ritesh</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>3</td>
                                <td>Sanghani</td>
                                <td>Gusikowski</td>
                                <td>@Govinda</td>
                                <td><span class="label label-warning">Lakva</span> </td>
                            </tr>
                            <tr>
                                <td>4</td>
                                <td>Roshan</td>
                                <td>Rogahn</td>
                                <td>@Hritik</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            <tr>
                                <td>5</td>
                                <td>Joshi</td>
                                <td>Hickle</td>
                                <td>@Maruti</td>
                                <td><span class="label label-info">Cancer</span> </td>
                            </tr>
                            <tr>
                                <td>6</td>
                                <td>Nigam</td>
                                <td>Eichmann</td>
                                <td>@Sonu</td>
                                <td><span class="label label-success">Dental</span> </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="white-box" style="border-radius: 5px;">
                    graph
                </div>
            </div>
        </div>
    </div>

@endsection