<!-- ********************************************************************* -->
<!-- **************** Obrigatório para o painel funcionar **************** -->
<!-- ********************************************************************* -->
<?php
    require_once('../../pp1.php');
?>
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->

<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Painel de chamada</title>
  <meta content="" name="description">
  <meta content="" name="keywords">
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/favicon.png" rel="apple-touch-icon">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/swiffy-slider@1.6.0/dist/js/swiffy-slider.min.js" crossorigin="anonymous" defer></script>
  <link href="https://cdn.jsdelivr.net/npm/swiffy-slider@1.6.0/dist/css/swiffy-slider.min.css" rel="stylesheet" crossorigin="anonymous">
  <link href="assets/css/style.css" rel="stylesheet">
</head>
<header id="header" class="fixed-top d-flex align-items-center "></header>
<body>
  <div class="container">
    <header>
        <div class="nome-municipio">
          <?php echo $linha_cab;?>
        </div>
    </header>
    <div id="chamando" class="senha-chamada"></div>
  </div>
  <div class="container-final">
    <div id="chamados" class="para-caixas">
    </div> 
    <div class="div-slider">
      <ul class="slides-front">
        <input type="radio" name="radio-btn" id="img-1" checked="">
        <li class="slide-container">
          <div class="slide">
            <img src="assets\img\carossel\1.jpg"style="max-width: 60%;height: auto;">
          </div>
          <div class="nav">
            <label for="img-3" class="prev">‹</label>
            <label for="img-2" class="next">›</label>
          </div>
        </li>

        <input type="radio" name="radio-btn" id="img-2">
        <li class="slide-container">
            <div class="slide">
              <img src="assets\img\carossel\2.jpg"style="max-width: 60%;height: auto;">
            </div>
        <div class="nav">
          <label for="img-1" class="prev">‹</label>
          <label for="img-3" class="next">›</label>
        </div>
        </li>

        <input type="radio" name="radio-btn" id="img-3">
        <li class="slide-container">
            <div class="slide">
              <img src="assets\img\carossel\3.jpg"style="max-width: 60%;height: auto;">
            </div>
        <div class="nav">
          <label for="img-2" class="prev">‹</label>
          <label for="img-1" class="next">›</label>
        </div>
        </li>

        <li class="nav-dots">
          <label for="img-1" class="nav-dot" id="img-dot-1"></label>
          <label for="img-2" class="nav-dot" id="img-dot-2"></label>
          <label for="img-3" class="nav-dot" id="img-dot-3"></label>
        </li>
      </ul>
    </div>
  </div>
  <div id="qrcode" class="qrcode">
    <h4 class="title-content-final">
        Acompanhe pelo celular
    <h1 class="conteudo-qrcode">
      <!-- ********************************************************************* -->
      <!-- **************** Obrigatório para o painel funcionar **************** -->
      <!-- ********************************************************************* -->
      <?php
          if ($qrcode == 1){
              echo $img_qrcode;
          }
      ?>
      <!-- ********************************************************************* -->
      <!-- ********************************************************************* -->
      <!-- ********************************************************************* -->
    </h1>
  </div>
</body>
<footer class="footer">
  <div class="rodape">
    <font>
      <h6><?php echo $linha_rod;?></h6>
    </font>
  </div>
</footer> 

<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/main.js"></script>

</html>

<!-- ********************************************************************* -->
<!-- **************** Obrigatório para o painel funcionar **************** -->
<!-- ********************************************************************* -->
<?php
    require_once('../../pp2.php');
?>
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->
<!-- ********************************************************************* -->