<!DOCTYPE html>
<!-- ********************************************************************* -->
<!-- **************** Obrigatório para o painel funcionar **************** -->
<!-- ********************************************************************* -->
<?php
    require_once('../../pp1.php');
    /*
    $ibge
    $cnes
    $prop_tipo {0 - desativado, 1 - imagem, 2 - vídeo, 3 - carrossel}
    $prop_url
    */
?>
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->
<html class="loading" lang="en" data-textdirection="ltr">
<!-- BEGIN: Head-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0,minimal-ui">
    <meta name="author" content="PIXINVENT">
    <title>Painel de chamada SC+SUS</title>
    <link rel="shortcut icon" type="image/x-icon" href="../../../../app-assets/images/ico/favicon.ico">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600" rel="stylesheet">

    <!-- BEGIN: Vendor CSS-->
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/charts/apexcharts.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/forms/pickers/form-flat-pickr.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/charts/chart-apex.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/extensions/toastr.min.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/extensions/sweetalert2.min.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/extensions/progresscircle.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/fontawesome-free/css/all.min.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/forms/wizard/bs-stepper.min.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/vendors/css/forms/select/select2.min.css">
    <!-- END: Vendor CSS-->

    <!-- BEGIN: Theme CSS-->
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/bootstrap-extended.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/colors.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/components.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/themes/dark-layout.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/themes/bordered-layout.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/themes/semi-dark-layout.css">

    <!-- BEGIN: Page CSS-->
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/core/menu/menu-types/horizontal-menu.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/pages/dashboard-ecommerce.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/charts/chart-apex.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/extensions/ext-component-toastr.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/forms/form-validation.css">
    <link rel="stylesheet" type="text/css" href="../../../../app-assets/css/plugins/forms/form-wizard.css">
    <!-- END: Page CSS-->

    <!-- BEGIN: Custom CSS-->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <!-- END: Custom CSS-->

</head>
<!-- END: Head-->
<!-- BEGIN: Body-->
<body class="horizontal-layout horizontal-menu blank-page navbar-floating footer-static  " data-open="hover" data-menu="horizontal-menu" data-col="blank-page" data-framework="rss" data-asset-path="../../../../app-assets/">
    <!-- BEGIN: Cotent-->
    <div class="app-content content ">
        <div class="content-wrapper">
            <div class="content-body">
                <div class="row">
                    <div class="col-12">
                        <div class="alert alert-primary" role="alert">
                            <div class="alert-body d-flex justify-content-center"><?php echo $linha_cab;?></div>
                        </div>
                    </div>
                </div>
                <!-- Dashboard Ecommerce Starts -->
                <section id="dashboard-ecommerce">
                    <div class="row match-height">
                        <!-- Revenue Report Card -->
                        <div class="col-lg-8 col-12">
                            <div id="chamando" class="card card-revenue-budget">&nbsp;</div>
                        </div>
                        <!--/ Revenue Report Card -->
                        <div class="col-lg-4 col-12">
                            <div class="row match-height">
                                <!-- Bar Chart - Orders -->
                                <div class="col-lg-6 col-md-3 col-6">
                                    <div class="card">
                                        <div class="card-body pb-50">
                                            <h6><?php echo diasemana(date('w'),'c'); ?></h6>
                                            <h2 class="fw-bolder mb-1"><?php echo date('d/m/Y');?></h2>
                                            <h2 class="fw-bolder mb-1">CNES <?php echo $cnes;?></h2>
                                        </div>
                                    </div>
                                </div>
                                <!--/ Bar Chart - Orders -->
                                <!-- Line Chart - Profit -->
                                <div class="col-lg-6 col-md-3 col-6">
                                    <div class="card card-tiny-line-stats">
                                        <div class="card-body pb-50 ">
                                            <div class="d-flex justify-content-center"><h6>Veja no celular</h6></div>
                                            <div class="d-flex justify-content-center">
                                            <!-- ********************************************************************* -->
                                            <!-- **************** Obrigatório para o painel funcionar **************** -->
                                            <!-- ********************************************************************* -->
                                            <?php
                                                if ($qrcode == 1){
                                                    echo $img_qrcode;
                                                }
                                            ?>
                                            <!-- ********************************************************************* -->
                                            <!-- ********************************************************************* -->
                                            <!-- ********************************************************************* -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--/ Line Chart - Profit -->
                            </div>
                        </div>
                    </div>
                    <div class="row match-height">
                        <!-- Company Table Card -->
                        <div class="col-lg-8 col-12">
                            <div class="card card-company-table">
                                <div class="card-body p-0">
                                    <div id="chamados" class="table-responsive">&nbsp;</div>
                                </div>
                            </div>
                        </div>
                        <!--/ Company Table Card -->
                        <!-- Goal Overview Card -->
                        <div class="col-lg-4 col-md-6 col-12">
                            <div class="card">

                        <!-- 
                            Essa é a área que vc altera para poder colocar a propaganda
                            Suponha que vc queira colocar um vídeo do youtube, basta pegar a informação que está na variável $prop_url e criar um container 
                            contendo o vídeo alterando o conteúdo a seguir que é um exemplo de carrossel de imagens.
                        -->

                                <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                                    <div class="carousel-indicators">
                                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                        <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                    </div>
                                    <div class="carousel-inner">
                                        <div class="carousel-item active">
                                            <img src="assets/img/carrossel/img1.png" class="d-block w-100" alt="First slide" />
                                        </div>
                                        <div class="carousel-item">
                                            <img src="assets/img/carrossel/img2.png" class="d-block w-100" alt="Second slide" />
                                        </div>
                                        <div class="carousel-item">
                                            <img src="assets/img/carrossel/img3.png" class="d-block w-100" alt="Third slide" />
                                        </div>
                                    </div>
                                    <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="visually-hidden">Previous</span>
                                    </button>
                                    <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="visually-hidden">Next</span>
                                    </button>
                                </div>




                            </div>
                        </div>
                        <!--/ Goal Overview Card -->
                    </div>
                </section>
                <!-- Dashboard Ecommerce ends -->
                <div class="row">
                    <div class="col-12">
                        <div class="alert alert-primary" role="alert">
                            <div class="alert-body d-flex justify-content-center"><?php echo $linha_rod;?></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Content-->
    <button type="button" class="invisible" id="fullsc">fullsc</button>
</body>
<!-- END: Body-->

<!-- BEGIN: Vendor JS-->
<script src="../../../../app-assets/vendors/js/vendors.min.js"></script>
<!-- BEGIN Vendor JS-->
<!-- BEGIN: Page Vendor JS-->
<script src="../../../../app-assets/vendors/js/ui/jquery.sticky.js"></script>
<script src="../../../../app-assets/vendors/js/charts/apexcharts.min.js"></script>
<script src="../../../../app-assets/vendors/js/extensions/toastr.min.js"></script>
<script src="../../../../app-assets/js/scripts/extensions/progresscircle.js"></script>
<script src="../../../../app-assets/js/scripts/charts/chart-apex.js"></script>
<script src="../../../../app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/wizard/bs-stepper.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/select/select2.full.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/validation/jquery.validate.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/validation/additional-methods.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/validation/jquery.cpfcnpj.js"></script>
<script src="../../../../app-assets/vendors/js/forms/moment/moment.min.js"></script>
<script src="../../../../app-assets/vendors/js/forms/inputmask/jquery.inputmask.min.js"></script>
<script src="../../../../app-assets/vendors/js/sweetalert2/sweetalert2.all.min.js"></script>
<!-- END: Page Vendor JS-->
<script src="../../../../app-assets/vendors/js/tables/datatable/jquery.dataTables.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/dataTables.bootstrap5.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/dataTables.responsive.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/responsive.bootstrap4.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/datatables.checkboxes.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/datatables.buttons.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/jszip.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/pdfmake.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/vfs_fonts.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/buttons.html5.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/buttons.print.min.js"></script>
<script src="../../../../app-assets/vendors/js/tables/datatable/dataTables.rowGroup.min.js"></script>
<script src="../../../../app-assets/vendors/js/pickers/flatpickr/flatpickr.min.js"></script>
<!-- BEGIN: Theme JS-->
<script src="../../../../app-assets/js/core/app-menu.js"></script>
<script src="../../../../app-assets/js/core/app.js"></script>
<!-- END: Theme JS-->

<!-- ********************************************************************* -->
<!-- **************** Obrigatório para o painel funcionar **************** -->
<!-- ********************************************************************* -->
<!-- <script src="assets/js/jquery.min.js"></script> -->
<?php
    require_once('../../pp2.php');
?>
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->

<script>
    isFullScreen = false;
    var elem = document.documentElement;
    function AtivarDesativarFS() {
        if (document.exitFullscreen) {
        document.exitFullscreen();
        isFullScreen = false;
        } else if (document.mozCancelFullScreen) { /* Firefox */
        document.mozCancelFullScreen();
        isFullScreen = false;
        } else if (document.webkitExitFullscreen) { /* Chrome, Safari & Opera */
        document.webkitExitFullscreen();
        } else if (document.msExitFullscreen) { /* IE/Edge */
        document.msExitFullscreen();
        isFullScreen = false;
        }
        if (elem.requestFullscreen) {
            elem.requestFullscreen();
            isFullScreen = true;
        } else if (elem.mozRequestFullScreen) { /* Firefox */
            elem.mozRequestFullScreen();
            isFullScreen = true;
        } else if (elem.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
            elem.webkitRequestFullscreen();
            isFullScreen = true;
        } else if (elem.msRequestFullscreen) { /* IE/Edge */
            elem.msRequestFullscreen();
            isFullScreen = true;
        }
    }
    $(window).on('load', function() {
        $("#fullsc").click(function() {
            AtivarDesativarFS();
        }); //.click()
        if (feather) {
            feather.replace({
                width: 14,
                height: 14
            });
        }
    })
</script>
</html>