<!-- Stored in resources/views/layouts/master.blade.php -->

<html lang="pt-br">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="<?php echo e(asset('/css/app-original-2.css')); ?>">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <meta http-equiv="Content-Language" content="pt-br">

    <meta name="robots" content="noindex">
    <meta name="googlebot" content="noindex">

    <meta name="color-scheme" content="light only">
    <meta name="X-DarkMode-Default" value="false" />

    <?php echo $__env->yieldContent('ogContent'); ?>


    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
        integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">

    <!-- Fontawesome CDN -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
        integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <!-- jQuery 1.8 or later, 33 KB -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/2.0.2/anime.min.js"></script>



    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>

    <!-- Fotorama from CDNJS, 19 KB -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>

    <!--<script defer src="<?php echo e(mix('js/app.js')); ?>"></script>
    <script src="//<?php echo e(Request::getHost()); ?>:6001/socket.io/socket.io.js"></script>-->

    <title><?php echo @$data['social']->name; ?> <?php echo $__env->yieldContent('title'); ?></title>


    <meta name="facebook-domain-verification" content="<?php echo @$data['social']->verify_domain_fb; ?>" />

    <?php echo @$data['social']->pixel; ?>


    <script src="https://sdk.mercadopago.com/js/v2"></script>

    <script>
        const mp = new MercadoPago("<?php echo @$data['social']->key_pix_public; ?>");
    </script>

    <style>
        @media (max-width: 768px) {
            .meus-numeros {
                margin-left: 50px !important;
            }

            .header-menu {
                justify-content: space-between !important;
            }
        }
    </style>

    <link rel="stylesheet" href="<?php echo e(asset('css/menu2.css')); ?>">
</head>

<body>
    <?php $__env->startSection('sidebar'); ?>
    <?php echo $__env->yieldSection(); ?>

    <?php
    $subDomain = explode('.', request()->getHost());
    ?>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">



    <nav class="navbar navbar-expand-lg  fixed-top px-0 py-3 " style="background-color:#000;">

        <div class="container header-menu" style="justify-content:space-evenly;align-items: center;">
            <div class="col-md-6 col-12 d-flex justify-content-between align-items-center">
                <div>
                    <a class="" href="<?php echo e(route('inicio')); ?>"
                        style="color: #ffffff!important;font-family: 'Roboto Condensed', sans-serif;">
                        <?php if(@$data['social']->logo): ?>
                            <img src="<?php echo e(asset('products/' . @$data['social']->logo)); ?>" alt="" width="100"
                                height="50">
                        <?php else: ?>
                            HD Produtora
                        <?php endif; ?>
                    </a>
                </div>

                <div>
                    <a href="#" data-bs-toggle="modal" data-bs-target="#consultar-reservas"
                        style="text-decoration: none; font-size: 12px; color: #fff">
                        <?php if(env('APP_URL') == 'deusorte.com.br'): ?>
                            <span class="badge bg-success p-2" style="font-size: 10px;"><i
                                    class="fas fa-search"></i>&nbsp;MEUS NÚMEROS</span>
                        <?php else: ?>
                            <i class="bi bi-cart-check" style="font-size: 35px;"></i>
                        <?php endif; ?>
                    </a>

                    <button type="button" aria-label="Menu" class="btn btn-link text-white" data-bs-toggle="modal"
                        data-bs-target="#mobileMenu"><i class="fa-sharp fa-solid fa-bars-staggered"
                            style="font-size: 30px; margin-top: -10px;"></i></button>
                </div>
            </div>
        </div>
        </div>
    </nav>

    <menu id="mobileMenu" class="modal fade modal-fluid" tabindex="-1" aria-labelledby="mobileMenuLabel"
        style="display: none;" aria-hidden="true">
        <div class="modal-dialog modal-fullscreen">
            <div class="modal-content bg-cor-primaria">
                <header class="app-header app-header-mobile--show">
                    <div class="container container-600 h-100 d-flex align-items-center justify-content-between">
                        <a href="/">
                            <?php if(@$data['social']->logo): ?>
                                <img src="<?php echo e(asset('products/' . @$data['social']->logo)); ?>" alt=""
                                    class="app-brand img-fluid">
                            <?php else: ?>
                                HD Produtora
                            <?php endif; ?>
                        </a>
                        <div class="app-header-mobile"><button type="button"
                                class="btn btn-link text-white menu-mobile--button pe-0 font-lgg"
                                data-bs-dismiss="modal" aria-label="Fechar"><i class="bi bi-x-circle"></i></button>
                        </div>
                    </div>
                </header>
                <div class="modal-body" style="background: #000 !important">
                    <div class="container container-600">
                        <nav class="nav-vertical nav-submenu font-xs mb-2">
                            <ul>
                                <li><a class="text-white" alt="Página Principal" href="/"><i
                                            class="icone bi bi-house"></i><span>Início</span></a></li>
                                <?php if(env('AFILIADOS')): ?>
                                    <li><a class="text-white" alt="Área de Afiliados"
                                            href="<?php echo e(route('afiliado.home')); ?>"><i
                                                class="icone fas fa-people-arrows"></i><span>Área de
                                                Afiliados</span></a>
                                    </li>
                                <?php endif; ?>
                                <li><a class="text-white" alt="Sorteios" href="/"><i
                                            class="icone bi bi-card-list"></i><span>Sorteios</span></a></li>
                                <li><a class="text-white" alt="Meus Números" data-bs-toggle="modal"
                                        data-bs-target="#consultar-reservas"><i
                                            class="icone bi bi-card-list"></i><span>Meus números</span></a>
                                </li>
                                <li><a alt="Créditos" class="text-white" href="<?php echo e(route('ganhadores')); ?>"><i
                                            class="icone bi bi-lightning-charge"></i><span>Ganhadores</span></a></li>
                                
                                </li>
                            </ul>
                        </nav>
                        <div class="text-center">
                            <a href="/login" class="btn btn-primary w-100 rounded-pill">
                                <i class="icone bi bi-box-arrow-in-right"></i>
                                Entrar
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </menu>

    <div class="row  d-flex mt-5">
        <!--<a href="https://api.whatsapp.com/send/?phone=5541996285726" id="btn-ctt-whatsapp" style="margin-top: 5px;" target="_blank" class="visible"><label id="wa_msg_ctt"><i class="bi bi-whatsapp"></i></label></a>

       <a href="https://chat.whatsapp.com/EjrmnV9LpMG8DJxivuFUuo" id="btn-ctt-whatsapp" target="_blank" class="visible"><label id="wa_msg_ctt"><i class="bi bi-whatsapp"></i> GRUPO</label></a>

       <?php if(@$data['social']->group_whats == null): ?>
<?php else: ?>
<a href="<?php echo @$data['social']->group_whats; ?>" style="right: 2px;
    bottom: 0;
    position: fixed;
    margin: 11px;  z-index: 100;  background-color: #28a745;
    padding: 8px 8px;
    font-size: 16px;
    color: #fff;
    line-height: 14px;
    border-radius: 8px 8px 8px 8px;
    text-align: center;
    font-weight: bold;" data-toggle="tooltip" data-placement="top" title="Whatsapp"><i class="bi bi-whatsapp" style="font-size: 2rem; color: #fff;"></i></a>
<?php endif; ?>

       <a href="https://t.me/+kseyi6M41JhhNGMx" style="right: 0;
    bottom: 0;
    position: fixed;
    margin: 11px;  z-index: 100;" data-toggle="tooltip" data-placement="top" title="Grupo Telegram"><i class="bi bi-telegram" style="font-size: 3rem; color: #2EA3D4;"></i></a>-->
    </div>

    <!-- Modal  consultar -->
    <div class="modal fade" id="consultar-reservas" tabindex="-1" aria-labelledby="exampleModalLabel"
        aria-hidden="true" style="z-index: 9999999;">
        <div class="modal-dialog">
            <div class="modal-content" style="border: none;">
                <div class="modal-header" style="background-color: #020f1e;">
                    <h5 class="modal-title" id="exampleModalLabel" style="color: #fff;">CONSULTAR RESERVAS</h5>
                    <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"
                        style="color: #fff;">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" style="background-color: #020f1e;">
                    <div class="row">
                        <div class="col-md-12">
                            <form action="<?php echo e(route('minhasReservas')); ?>" method="POST" style="display: flex;">
                                <?php echo e(csrf_field()); ?>

                                <input type="text" name="telephone" id="telephone"
                                    style="background-color: #fff;border: none;color: #000000;margin-right:5px;"
                                    aria-describedby="passwordHelpBlock" maxlength="15" placeholder="Celular com DDD"
                                    class="form-control" required>
                                <button type="submit" class="btn btn-danger">Buscar</button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <style>
        .botao-flutuante {
            position: fixed;
            width: 100px;
            height: 30px;
            bottom: 200px;
            right: 10px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 5px;
            text-align: center;
            align-items: center;
            /* font-size: 30px; */
            box-shadow: 1px 1px 2px #888;
            z-index: 1000;
            text-decoration: none;
        }

        .botao-flutuante:hover {
            text-decoration: none;
        }
    </style>

    <?php if(@$data['social']->group_whats != null): ?>
        <a href="<?php echo e(@$data['social']->group_whats); ?>" class="botao-flutuante" target="_blank">
            <i style="margin-top:8px" class="fa fa-whatsapp"></i>&nbsp; GRUPO
        </a>
    <?php endif; ?>

    <?php echo $__env->yieldContent('content'); ?>

    <div id='app'
        style="    color: #fff;
    width: 210px;
    text-align: center;
    position: fixed;
    bottom: 0;
    border-radius: 10px;
    padding: 10px;
    margin: 10px;">
        <example-component />
    </div>







    <?php if(@$data['social']->footer == null): ?>
        <footer class="footer"
            style="height:auto;background-color: #000;margin-top:0px!important; padding-top: 10px; padding-bottom: 10px;">
            <div class="container" style="text-align: center; padding-top: 5px;padding-bottom: 5px;">
                <!-- Facebook -->
                <a class="btn btn-primary" style="background-color: #2760AE;border: none;font-size: 20px;"
                    href="https://www.facebook.com/<?php echo e(@$data['social']->facebook); ?>" target="_blank"
                    rel="noreferrer noopener" role="button"><i class="bi bi-facebook"></i></a>
                <!-- Instagram -->
                <a class="btn btn-primary" style="background-color: #CF235F;border: none;font-size: 20px;"
                    href="https://www.instagram.com/<?php echo e(@$data['social']->instagram); ?>" target="_blank"
                    rel="noreferrer noopener" role="button"><i class="bi bi-instagram"></i></a>
                <!-- Whatsapp -->
                <a class="btn btn-primary" style="background-color: #25d366;border: none;"
                    href="https://api.whatsapp.com/send?phone=<?php echo e(@$data['user']->telephone); ?>" target="_blank"
                    rel="noreferrer noopener" role="button"><i class="bi bi-whatsapp"
                        style="font-size: 20px;"></i></a>
                <?php if(env('APP_NAME') == 'Laravel'): ?>
                    <img src="<?php echo e(asset('images/original.png')); ?>" title="Sistema Original HD PRODUTORA"
                        style="opacity: 0.2; float: right" width="50" alt="">
                <?php endif; ?>
                <?php if(env('FOOTER_CLIENTE')): ?>
                    <br>
                    <a href="https://apostanarifa.com.br/" target="_blank" style="text-decoration: none"><span
                            class="text-muted" style="color: #fff!important; font-size: 12px;">Desenvolvido por HD
                            PRODUTORA</span></a>
                <?php endif; ?>
            </div>
            
        </footer>
    <?php else: ?>
        <footer class="footer " style="height:auto;background-color: #000;margin-top:0px!important;">
            <div class="container" style="text-align: center; padding-top: 5px;padding-bottom: 5px;">
                <span class="text-muted" style="color: #fff!important;"><?php echo e(@$data['social']->footer); ?></span>
                <?php if(env('FOOTER_CLIENTE')): ?>
                    <br>
                    <a href="https://apostanarifa.com.br/" target="_blank" style="text-decoration: none"><span
                            class="text-muted" style="color: #fff!important; font-size: 12px;">Desenvolvido por HD
                            PRODUTORA</span></a>
                <?php endif; ?>
            </div>
        </footer>
    <?php endif; ?>

    <script>
        document.getElementById('telephone').addEventListener('input', function(e) {
            var aux = e.target.value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
            e.target.value = !aux[2] ? aux[1] : '(' + aux[1] + ') ' + aux[2] + (aux[3] ? '-' + aux[3] : '');
        });

        document.getElementById('telephone1').addEventListener('input', function(e) {
            var aux = e.target.value.replace(/\D/g, '').match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
            e.target.value = !aux[2] ? aux[1] : '(' + aux[1] + ') ' + aux[2] + (aux[3] ? '-' + aux[3] : '');
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous">
    </script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

</body>

</html>
<?php /**PATH /home/rifadaho/rifa/resources/views/layouts/app.blade.php ENDPATH**/ ?>