@extends('admin.layouts.master')
@section('contents')
    <div class="content-wrapper">
        <div class="content-header row">
            <div class="content-header-left col-md-9 col-12 mb-2">
                <div class="row breadcrumbs-top">
                    <div class="col-12">
                        <h2 class="content-header-title float-left mb-0">{{__('reports.reports')}}</h2>
                        <div class="breadcrumb-wrapper col-12">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="{{route('admin.home')}}">{{__('Home')}}</a>
                                </li>
                                <li class="breadcrumb-item active">{{__('reports.statisticsReport')}}
                                </li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <section class="simple-validation">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">{{__('Filter')}}</h4>
                        </div>
                        <div class="card-content">
                            <div class="card-body">
                                <form method="get" action="{{route('reports.statisticsReport') }}" class="form-horizontal" novalidate="">

                                    <div class="row">
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label>From</label>

                                                    <input type="date" name="from" class="form-control" value="{{request()->from}}">
                                                    <div class="help-block"></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-6">
                                            <div class="form-group">
                                                <div class="controls">
                                                    <label>To</label>

                                                    <input type="date" name="to" class="form-control" value="{{request()->to}}">
                                                    <div class="help-block"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <button type="submit" class="btn btn-primary waves-effect waves-light">Search
                                    </button>
                                    <a href="{{route('reports.statisticsReport') }}"  class="btn btn-outline-warning waves-effect waves-light">{{trans('Reset')}}
                                    </a>
                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>

        <section id="statistics-card">
            <div class="row">
                <div class="col-xl-6 col-md-6 col-sm-6">
                    <div class="card text-center">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="avatar bg-rgba-info p-50 m-0 mb-1">
                                    <div class="avatar-content">
                                        <i class="feather icon-user-plus text-info font-medium-5"></i>
                                    </div>
                                </div>
                                <h2 class="text-bold-700">{{$consultsCount}}</h2>
                                <p class="mb-0 line-ellipsis">{{__('Consults Count')}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-md-6 col-sm-6">
                    <div class="card text-center">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="avatar bg-rgba-warning p-50 m-0 mb-1">
                                    <div class="avatar-content">
                                        <i class="fa fa-stethoscope text-warning font-medium-5"></i>
                                    </div>
                                </div>
                                <h2 class="text-bold-700">{{$reservationsCount}}</h2>
                                <p class="mb-0 line-ellipsis">{{__('Reservations Count')}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-md-6 col-sm-6">
                    <div class="card text-center">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="avatar bg-rgba-danger p-50 m-0 mb-1">
                                    <div class="avatar-content">
                                        <i class="fa fa-user-md text-danger font-medium-5"></i>
                                    </div>
                                </div>
                                <h2 class="text-bold-700">{{$minutesCount}}</h2>
                                <p class="mb-0 line-ellipsis">{{__('Total Minutes Count')}}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-md-6 col-sm-6">
                    <div class="card text-center">
                        <div class="card-content">
                            <div class="card-body">
                                <div class="avatar bg-rgba-primary p-50 m-0 mb-1">
                                    <div class="avatar-content">
                                        <i class="fa fa-users text-primary font-medium-5"></i>
                                    </div>
                                </div>
                                <h2 class="text-bold-700">{{$coursesCount}}</h2>
                                <p class="mb-0 line-ellipsis">{{__('Courses Count')}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </div>

@endsection