<!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>
        <?php echo $__env->yieldContent('titulo'); ?>
    </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="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>



    <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">


    <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 class="container p-0 m-0"  >
    <div id="app" class="w-100">
        <div align="center">
            <!--*******************************************-->
            <!--** IMG LOGO PARA MOVIL                    **-->
            <!--********************************************-->
            <div class="d-block  d-md-none">
                <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:8rem; height:3rem;">
                </a>
            </div>
        </div>
        <!--********************************************-->
        <!--** TITULO LOGON y BIENVENIDAD  SM         **-->
        <!--********************************************-->
        <div class="bg-primary py-0 px-3 shadow d-block  d-lg-none">
            <div class="row">
                <div class="col-md-6 text-white">
                    <h5><?php echo $__env->yieldContent('titulo'); ?></h5>
                </div>
                <div class="col-md-6">
                    <div class="d-flex">
                        <div>
                            <div>
                                <div>
                                    <small class="text-white  p-0">
                                        <small>Bienvenido movil: <?php echo e(Auth::user()->name); ?></small>
                                    </small>
                                    <a class="btn btn-primary btn-sm 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>
                            <span>
                                <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST" class="d-none">
                                    <?php echo csrf_field(); ?>
                                </form>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <nav class="navbar navbar-expand-lg navbar alert-primary p-0 ">
            <!--********************************************-->
            <!--** IMG LOGO                               **-->
            <!--********************************************-->
            <div class="d-none  d-lg-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:4rem;">
                </a>
            </div>
            <div class="container-fluid">
                <!--********************************************-->
                <!--** BTN MENU SM                             **-->
                <!--********************************************-->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                    data-bs-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false"
                    aria-label="Toggle navigation">
                    <span class="text-azul-intenzo navbar-toggler-icon "><i class="fa-solid fa-bars"></i></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarTogglerDemo03">
                    <!--********************************************-->
                    <!--** LINK                                   **-->
                    <!--********************************************-->
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                        <li class="nav-item">
                            <a href="<?php echo e(route('/')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Inicio</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('listado-registros')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Lista de
                                        Registros</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('nuevo-registro')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Nuevo
                                        Registro</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('listado-movil-cirujano')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Cirujanos</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('panel-anestesiologo-movil')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Anestesiologos</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('panel-clinica-movil')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Clinicas</small></strong></a>
                        </li>
                        <li class="nav-item">
                            <a href="<?php echo e(route('panel-intervencion-movil')); ?>"
                                class="btn btn-link text-decoration-none "><strong><small>Intervenciones</small></strong></a>
                        </li>
                    </ul>
                    <form class="d-flex">
                        <div class="d-flex flex-row">
                            <div class="p-1 d-none  d-lg-block">
                                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.btn.link-img-v2','data' => ['ruta' => 'buscador-index','img' => 'img/smv2/buscador.png']]); ?>
<?php $component->withName('btn.link-img-v2'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['ruta' => 'buscador-index','img' => 'img/smv2/buscador.png']); ?>
                                    Buscar <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                            </div>
                            <div class="p-1 d-none  d-lg-block">
                                <?php if (isset($component)) { $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4 = $component; } ?>
<?php $component = $__env->getContainer()->make(Illuminate\View\AnonymousComponent::class, ['view' => 'components.btn.link-img-v2','data' => ['ruta' => 'exportar-index','img' => 'img/smv2/xls.png']]); ?>
<?php $component->withName('btn.link-img-v2'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php $component->withAttributes(['ruta' => 'exportar-index','img' => 'img/smv2/xls.png']); ?>Exportar <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4)): ?>
<?php $component = $__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4; ?>
<?php unset($__componentOriginalc254754b9d5db91d5165876f9d051922ca0066f4); ?>
<?php endif; ?>
                            </div>
                            <!--********************************************-->
                            <!--** TASAS                                  **-->
                            <!--********************************************-->
                            <div class="d-flex justify-content-end m-1">
                                <?php
if (! isset($_instance)) {
    $html = \Livewire\Livewire::mount('layout.paneltasa')->html();
} elseif ($_instance->childHasBeenRendered('St0fsAI')) {
    $componentId = $_instance->getRenderedChildComponentId('St0fsAI');
    $componentTag = $_instance->getRenderedChildComponentTagName('St0fsAI');
    $html = \Livewire\Livewire::dummyMount($componentId, $componentTag);
    $_instance->preserveRenderedChild('St0fsAI');
} else {
    $response = \Livewire\Livewire::mount('layout.paneltasa');
    $html = $response->html();
    $_instance->logRenderedChild('St0fsAI', $response->id(), \Livewire\Livewire::getRootElementTagName($html));
}
echo $html;
?>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </nav>
        <!--********************************************-->
        <!--** TITULO LOGON y BIENVENIDAD  LG         **-->
        <!--********************************************-->
        <div class="bg-primary py-0 px-3 shadow d-none d-lg-block ">
            <div class="row">
                <div class="col-md-6 text-white">
                    <?php echo $__env->yieldContent('titulo'); ?>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-end">
                        <div>
                            <div class="d-grid gap-2 te d-flex justify-content-end">
                                <div>
                                    <div>
                                        <small class="text-white  p-0">
                                            <small>Bienvenido: <?php echo e(Auth::user()->name); ?></small>
                                        </small>
                                    </div>
                                </div>
                                <a class="btn btn-primary btn-sm 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>
                                <form id="logout-form" action="<?php echo e(route('logout')); ?>" method="POST"
                                    class="d-none">
                                    <?php echo csrf_field(); ?>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--********************************************-->
        <!--** SLOT CONTENT                           **-->
        <!--********************************************-->
        <main class="container-fluid-sm p-sm-2">
            <?php echo e($slot); ?>

        </main>
    </div>
    <!--********************************************-->
    <!--** FOOTER                                 **-->
    <!--********************************************-->
    <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>
    <!--********************************************-->
    <!--** MODAL CARGA                            **-->
    <!--********************************************-->
    <div class="modal" tabindex="-1" id="modalcarga">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="m-5 p-5">
                        <div align="center">
                            <img src="<?php echo e(asset('gif/loading.gif')); ?>" class="img-fluid" class="img-fluid">
                            <h4 class="text-primary">Cargando</h4>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<?php echo \Livewire\Livewire::scripts(); ?>


<script>
    /***********************/
    /*  MODAL CARGA  JS    */
    /***********************/
    var modalCarga = new bootstrap.Modal(document.getElementById('modalcarga'), {
        keyboard: false
    })
    /***********************/
    /*  CARGANDO           */
    /***********************/
    window.addEventListener("DOMContentLoaded", () => {
        // alert("cargando");
        modalCarga.show()
    });
    /***********************/
    /*  FINAL DE LA CARGA  */
    /***********************/
    window.onload = function() {
        //alert("ya cargo esta verga");
        setTimeout(function() {
            modalCarga.hide()
        }, 500);
    };
    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/appmovil.blade.php ENDPATH**/ ?>