@extends('layouts.app')
@section('content')
<div class="nk-content nk-content-lg nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="nk-block-head">
                    <div class="nk-block-between-md g-3">
                        <div class="nk-block-head-content">
                            <div class="nk-block-head-sub" style="margin-left:0px;"><span>Bienvenido!</span></div>
                            <div class="align-center flex-wrap pb-2 gx-4 gy-3">
                                <div>
                                    <h2 class="nk-block-title fw-normal">Dr. Demostración</h2>
                                </div>
                            </div>
                            <div class="nk-block-des">
                                <p></p>
                            </div>
                        </div>
                        <div class="nk-block-head-content d-none d-md-block">
                            <div class="nk-slider nk-slider-s1">
                                <div class="slider-init"
                                    data-slick='{"dots": true, "arrows": false, "fade": true}'>
                                    <div class="slider-item">
                                        <div class="nk-iv-wg1">
                                            <div class="nk-iv-wg1-sub sub-text">Mis Pacientes</div>
                                            <h6 class="nk-iv-wg1-info title">{{$totalPacientes}} Registros</h6>
                                            <a href="{{route('informePacientes')}}" class="nk-iv-wg1-link link link-light">
                                                <em class="icon ni ni-trend-up"></em> <span>Ver Pacientes</span></a>
                                            <div class="nk-iv-wg1-progress">
                                                <div class="progress-bar bg-dark" data-progress="80">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="slider-dots"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="nk-block">
                    <div class="row gy-gs">
                        
                        <div class="col-md-6 col-lg-4">
                            <div class="nk-wg-card is-s1 card card-bordered">
                                <div class="card-inner">
                                    <div class="nk-iv-wg2">
                                        <div class="nk-iv-wg2-title">
                                            <h6 class="title text-center" style="font-size: 25px">LABORATORIOS</h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-lg-4">
                            
                        </div>
                        <div class="col-md-12 col-lg-4">
                            
                        </div>
                    </div>
                </div>
                <div class="nk-block">
                    <div class="row gy-gs">
                        <div class="col-md-6 col-lg-4">
                            <a href="{{route('informaciones')}}">
                            <div class="nk-wg-card is-s2 card card-bordered">
                                <div data-testid="modulo-patologia" class="p-3" style="box-shadow: 5px 4px 5px 0px #5c5a4f9c; border-radius:10px">
                                    <div class="nk-iv-wg2">
                                        <div class="nk-iv-wg2-title">
                                            <h6 class="title">Ingresar <em
                                                    class="icon ni ni-info"></em></h6>
                                        </div>
                                        <div class="nk-iv-wg2-text">
                                            <div class="nk-iv-wg2-amount"> Patología <span
                                                    class="change up"><span class="sign"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="nk-block">
                    <div class="row gy-gs">
                        <div class="col-md-6 col-lg-4">
                            <a href="{{route('informacionGinecologia')}}">
                            <div class="nk-wg-card is-s2 card card-bordered">
                                <div data-testid="modulo-ginecologia" class="p-3" style="box-shadow: 5px 4px 5px 0px #5c5a4f9c; border-radius:10px">
                                    <div class="nk-iv-wg2">
                                        <div class="nk-iv-wg2-title">
                                            <h6 class="title">Ingresar <em
                                                    class="icon ni ni-info"></em></h6>
                                        </div>
                                        <div class="nk-iv-wg2-text">
                                            <div class="nk-iv-wg2-amount"> Ginecología - Obstetricia<span
                                                    class="change up"><span class="sign"></span></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@section('js1')
@endsection
@endsection