<div class="container-fluid ">
    <div class="row pt-2">
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1">
            <div  align="center">
                @livewire('home.indicador-registros')
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1">
            <div  align="center">
                @livewire('home.indicador-clinicas')
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1">
            <div  align="center">
                @livewire('home.indicador-intervenciones')
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1" >
            <div  align="center">
                @livewire('home.indicador-cirujanos')
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1">
            <div  align="center">
                @livewire('home.indicador-anestesiologos')
            </div>
        </div>
        <div class="col-12 col-sm-6 col-md-4 col-lg-2 px-0 py-1 p-md-1">
            <div  align="center">
                @livewire('home.indicador-tasas')
            </div>
        </div>
    </div>
    {{-- new row --}}
    <div class="row py-2">
        <div class="col-12 col-lg-6 py-1 p-0 p-md-1">
            <div class="card shadow" style="height:40rem; max-height:40rem;">
                <div class="card-header alert-primary text-azul-intenzo p-0" align="center">
                    <h5> Grafica de deudas y pagos</h5>
                </div>
                <div class="card-body">
                    @livewire('home.grafica-status-pagos')
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-3 py-1 px-0 p-md-1">
            <div class="card shadow" style="height:40rem; max-height:40rem;">
                <div class="card-header alert-primary text-azul-intenzo p-0 " align="center">
                    <h5> Buscar por filtros</h5>
                </div>
                <div class="card-body m-0 p-0">
                    <div class="list-group ">
                        <a href="{{ asset('bucador/porfechafactura') }}"
                            class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            fecha factura</a>
                        <a href="{{ asset('bucador/porfecharegistro') }}"
                            class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            fecha registro </a>
                        <a href="{{ asset('bucador/porfechanac') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            fecha de nacimiento</a>
                        <a href="{{ asset('bucador/porfechaintervencion') }}"
                            class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro
                            por fecha intervencion</a>
                        <a href="{{ asset('bucador/porpacientes') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            paciente</a>
                        <a href="{{ asset('bucador/porclinica') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            clinica</a>
                        <a href="{{ asset('bucador/porintervencion') }}"
                            class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            intervencion</a>
                        <a href="{{ asset('bucador/porcirujano') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            cirujano</a>
                        <a href="{{ asset('bucador/poranestesiologo') }}"
                            class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda de registro por
                            anestesiologo</a>
                        <a href="{{ asset('bucador/general') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-magnifying-glass text-sencondary"></i>&nbsp;Busqueda general</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-3 py-1 px-0 p-md-1">
            <div class="card shadow" style="height:40rem; max-height:40rem;" >
                <div class="card-header alert-primary text-azul-intenzo p-0" align="center">
                    <h5> Exportar datos</h5>
                </div>
                <div class="card-body m-0 p-0">
                    <div class="list-group">
                        <a  href="{{ asset('registros/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros</a>
                        <a  href="{{ asset('clinicas/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar clinicas</a>
                        <a  href="{{ asset('intervenciones/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar intervension</a>
                        <a  href="{{ asset('cirujanos/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar cirujano</a>
                        <a  href="{{ asset('anestesiologos/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar anesteciologo</a>
                        <a  href="#" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros por fecha de
                            creacion</a>
                        <a  href="#" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros por fecha de
                            intervencion</a>
                        <a  href="#" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros por fecha de
                            factura</a>
                        <a  href="{{ asset('registros/pagados/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros pagados</a>
                        <a  href="{{ asset('registros/deuda/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros con pagos
                            parciales</a>
                        <a  href="{{ asset('registros/sinpagos/export') }}" class="list-group-item list-group-item-action"><i
                                class="fa-solid fa-file-excel text-success"></i>&nbsp;Exportar registros sin pagos</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row py-2">
        <div class="col-12 py-1 px-0 p-md-1">
            <div class="card shadow">
                <div class="card-header alert-primary text-azul-intenzo p-0" align="center">
                    <h5> Grafica de edad de los pacientes</h5>
                </div>
                <div class="card-body">
                    @livewire('home.grafica-edad')
                </div>
            </div>
        </div>
    </div>
</div>
