@extends ('layouts.admin')
@section ('contenido')
{!! Form::open(['url' => 'panel-doctor', 'method' => 'GET', 'autocomplete' => 'off', 'role' => 'search']) !!}
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-5">
                <span class="title_header">
                    Panel de Control
                </span>
            </div>
            <div class="col-sm-3 float-sm-right">
                <input type="date" class="form-control" name="searchText" value="{{ $searchText }}">
            </div>
            <div class="col-sm-3 float-sm-right">
                <input type="date" class="form-control" name="searchText2" value="{{ $searchText2 }}">
            </div>
            <div class="col-sm-1 float-sm-right">
                <button class="btn btn-info"><i class="fas fa-search"></i></button>
            </div>
        </div>
    </div>
</section>
{{ Form::close() }}

<div class="row">

    <div class="col-lg-3 col-6">
        <div class="small-box bg-info">
            <div class="inner">
                <h3>{{ $data[0] }}</h3>
                <p>Citas de Registradas</p>
            </div>
            <div class="icon">
                <i class="far fa-calendar"></i>
            </div>
            <a href="{{ asset('historial/listado-cita') }}" class="small-box-footer">Info <i
                    class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="small-box bg-success">
            <div class="inner">
                <h3>{{ $data[1] }}</h3>
                <p>Citas concluidas</p>
            </div>
            <div class="icon">
                <i class="fas fa-calendar-check"></i>
            </div>
            <a href="{{ asset('historial/listado-cita?searchText3=CULMINADO') }}" class="small-box-footer">Info <i
                    class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    <div class="col-lg-3 col-6">
        <div class="small-box bg-danger">
            <div class="inner">
                <h3>{{ $data[2] }}</h3>
                <p>Citas sin concluir</p>
            </div>
            <div class="icon">
                <i class="fas fa-calendar-times"></i>
            </div>
            <a href="{{ asset('historial/listado-cita?searchText3=PENDIENTE') }}" class="small-box-footer">Info <i
                    class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div>
    {{-- <div class="col-lg-3 col-6">
        <div class="small-box bg-warning">
          <div class="inner">
            <p>Personal Activo</p>
          </div>
          <div class="icon">
            <i class="ion ion-person-add"></i>
          </div>
          <a href="{{asset('acceso/usuarios')}}" class="small-box-footer">Más info <i class="fas fa-arrow-circle-right"></i></a>
        </div>
    </div> --}}
</div>

{{-- @push ('scripts')
<script src="{{asset('dist/sweetalert2/prueba.js')}}"></script>
@endpush --}}

@endsection