<!doctype html>
<html lang="<?php echo e(str_replace('_', '-', app()->getLocale())); ?>">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="<?php echo e(asset('favicons/favicon.ico')); ?>" />
    <!--********************************************-->
    <!--** CSRF TOKEN                             **-->
    <!--********************************************-->
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <!--********************************************-->
    <!--** TITULO DE PESTAÑA                     **-->
    <!--*******************************************-->
    <title>
        Sociproma
    </title>
    <!--********************************************-->
    <!--** ESTILOS  CSS                           **-->
    <!--********************************************-->
    <link href="<?php echo e(asset('fontawesome/css/all.min.css')); ?>" rel="stylesheet" type="text/css">
    <link href="<?php echo e(asset('css/bootstrap.min.css')); ?>" rel="stylesheet" type="text/css">
    <link href="<?php echo e(asset('css/css.css')); ?>" rel="stylesheet" type="text/css">
    <!--********************************************-->
    <!--** JAVASCRIPT                             **-->
    <!--********************************************-->
    <script src="<?php echo e(asset('js/exrg.js')); ?>" defer></script>
    <script src="<?php echo e(asset('js/bootstrap.js')); ?>" defer></script>
    <script src="<?php echo e(asset('js/popper.js')); ?>" defer></script>
    <script src="<?php echo e(asset('js/alpinejs.js')); ?>" defer></script>

    <script src="<?php echo e(asset('js/sweetalert2.js')); ?>" defer></script>
    <script src="<?php echo e(asset('fontawesome/js/all.js')); ?>" defer></script>
    <!--********************************************-->
    <!--** FONTS                                  **-->
    <!--********************************************-->
    <link rel="dns-prefetch" href="//fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
    <!--********************************************-->
    <!--** CHAR GRAFICAS                           **-->
    <!--********************************************-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

 <!--********************************************-->
    <!--** JAVASCRIPT                             **-->
    <!--********************************************-->
    

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
    </script>



    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            min-height: 100vh;
            width: 100%;
            flex-wrap: wrap;
        }

        footer {
            background-color: #1e3973;
            color: white;
            align-self: flex-end;
        }

        .azul-intenzo {
            color: #1e3973;
        }

        .text-azul-intenzo {
            color: #1e3973;
        }


        .bg-azul-intenzo {

            background: #1e3973;
        }

        .btn-azul-intenzo {
            background: #1e3973;
            opacity: 0.9;
        }

        .btn-azul-intenzo:hover {
            opacity: 1;
        }

        .verde-neon {
            color: #44f814;
        }

        .text-verde-neon {
            color: #44f814;
        }

        .text-gris-neon {
            color: #cfcfcf;
        }
    </style>
    <?php echo \Livewire\Livewire::styles(); ?>

</head>
<body>
    <div id="app" class="container-fluid">
        <div class="row bg-primary shadow ">
            <div class="col-xl-12">
                <div class="d-flex justify-content-between  d-md-none ">
                    <div class="py-1 px-3">
                        <!--********************************************-->
                        <!--** BIENVENIDA CERRAR SESION MOBIL         **-->
                        <!--********************************************-->
                        <small class="text-white  p-0">
                            <small><?php echo e(Auth::user()->name); ?></small>
                        </small>
                    </div>
                    <div class="py-1 px-3">
                        <!--********************************************-->
                        <!--** BIENVENIDA CERRAR SESION MOBIL         **-->
                        <!--********************************************-->
                            <small class="text-white  p-0">
                                <a class="text-decoration-none text-white p-0" href="<?php echo e(route('logout')); ?>"
                                    onclick="event.preventDefault();
                                         document.getElementById('logout-form').submit();">
                                    <small class="text-white"> &nbsp;<?php echo e(__('Logout')); ?>&nbsp;</small>
                                </a>
                            </small>
                            <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                <?php echo csrf_field(); ?>
                            </form>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-xl-2 col-lg-12">
                <!--********************************************-->
                <!--** IMG LOGO                               **-->
                <!--** SOLO EN PANTALLAS DE PC                **-->
                <!--********************************************-->
                <div class="d-none  d-xl-block">
                    <a class="azul-intenzo  text-decoration-none  " href="<?php echo e(url('/')); ?>">
                        <img src="<?php echo e(asset('img/logo/sociproma.jpg')); ?>" class="img-fluid" class="img-fluid"
                            style="width:10rem; height:4.1rem;">
                    </a>
                </div>
            </div>
            <div class="col-xl-8 col-lg-12">
                <div class="py-lg-3 px-lg-0  px-3  pb-1">
                    <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('home.buscador-registros')->html();
} elseif ($_instance->childHasBeenRendered('KT4Cou1')) {
    $componentId = $_instance->getRenderedChildComponentId('KT4Cou1');
    $componentTag = $_instance->getRenderedChildComponentTagName('KT4Cou1');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('KT4Cou1');
} else {
    $response = \Livewire\Livewire::mount('home.buscador-registros');
    $html = $response->html();
    $_instance->logRenderedChild('KT4Cou1', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                </div>
            </div>
            <div class="col-xl-2 col-lg-12">
                <div class="d-none  d-md-block">
                    <div class=" d-flex justify-content-end">
                        <form>
                            <!--********************************************-->
                            <!--** BIENVENIDA CERRAR SESION                **-->
                            <!--********************************************-->
                            <div style="width:6rem;">
                                <div class="d-grid gap-2 ">
                                    <small class="text-white  p-0">
                                        <small><?php echo e(Auth::user()->name); ?></small>
                                    </small>
                                </div>
                                <div class="d-grid gap-2 te d-flex justify-content-end">
                                    <a class="btn btn-primary btn-sm  border border-2 mt-0 mb-1 p-0"
                                        href="<?php echo e(route('logout')); ?>"
                                        onclick="event.preventDefault();
                                            document.getElementById('logout-form').submit();">
                                        <small class="text-white"> &nbsp;<?php echo e(__('Logout')); ?>&nbsp;</small>
                                    </a>
                                </div>
                            </div>
                            <div>
                                <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                    <?php echo csrf_field(); ?>
                                </form>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <main class="container-fluid" onclick="ocultar_barra_registro()">
            <?php echo e($slot); ?>

        </main>
    </div>
    <footer class="shadow w-100" align=center>
        <small>Sociproma</small>
        <br>
        <small>Sistema medico v2</small>
        <br>
        <small>Developer: Jounnerth Torres 2021/2024</small>
    </footer>
</body>
<?php echo \Livewire\Livewire::scripts(); ?>

<script src="<?php echo e(asset('js/sweetalert2.js')); ?>" defer></script>
<script>
    function ocultar_barra_registro(params) {
        Livewire.emit('ev_ocultar_barra_registro')
    }
    livewire.on('ev_msj_guardado', function(_mensaje) {
        Swal.fire({
            position: 'center',
            icon: 'success',
            html: '<small>' + _mensaje + '</small>',
            showConfirmButton: false,
            timer: 5000,
            padding: '0px',
            width: '400px',
        })
    });
    livewire.on('ev_msj_error', function(_mensaje) {
        Swal.fire({
            position: 'center',
            icon: 'error',
            html: '<small>' + _mensaje + '</small>',
            showConfirmButton: false,
            timer: 5000,
            padding: '0px',
            width: '400px',
        })
    });
    livewire.on('ev_msj_info', function(_mensaje) {
        Swal.fire({
            position: 'center',
            icon: 'info',
            html: '<small>' + _mensaje + '</small>',
            showConfirmButton: false,
            timer: 5000,
            padding: '0px',
            width: '400px',
        })
    });
    livewire.on('ev_modal_test', function() {
        location.reload();
    });
    //cerrar modal
    livewire.on('ev_cerrar_modal', function(parametro) {
        //alert('test bandera ' + parametro);
        // $('#' + parametro).modal('hide');
        // $('#' + parametro).hide()
        var myModalEl = document.getElementById(parametro);
        var modal = bootstrap.Modal.getInstance(myModalEl)
        modal.hide();
    });
</script>
<?php echo $__env->yieldContent('script'); ?>

</html>
<?php /**PATH C:\laragon\www\SistemaMedicoV1\resources\views/layouts/apphome.blade.php ENDPATH**/ ?>