<?php
@session_start();
 ?>
<!DOCTYPE html>
<html lang="en" class="light-style layout-navbar-fixed layout-menu-fixed" dir="ltr" data-theme="theme-default"
  data-assets-path="views/assets/" data-template="vertical-menu-template-no-customizer">
<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" />
  <title>Paris Bakery - Operative System</title>
  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="views/assets/img/favicon/favicon.ico" />

  <!-- Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
    href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
    rel="stylesheet" />

  <!-- Icons -->
  <link rel="stylesheet" href="views/assets/vendor/fonts/fontawesome.css" />
  <link rel="stylesheet" href="views/assets/vendor/fonts/tabler-icons.css" />
  <link rel="stylesheet" href="views/assets/vendor/fonts/flag-icons.css" />

  <!-- Core CSS -->
  <link rel="stylesheet" href="views/assets/vendor/css/rtl/core.css" />
  <link rel="stylesheet" href="views/assets/vendor/css/rtl/theme-default.css" />
  <link rel="stylesheet" href="views/assets/css/demo.css" />

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="views/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/node-waves/node-waves.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/typeahead-js/typeahead.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/apex-charts/apex-charts.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/datatables-bs5/datatables.bootstrap5.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/datatables-responsive-bs5/responsive.bootstrap5.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/datatables-checkboxes-jquery/datatables.checkboxes.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/datatables-buttons-bs5/buttons.bootstrap5.css" />
  <link rel="stylesheet" href="views/assets/vendor/libs/flatpickr/flatpickr.css" />

  <!-- Page CSS -->
<!-- Row Group CSS -->
<link rel="stylesheet" href="views/assets/vendor/libs/datatables-rowgroup-bs5/rowgroup.bootstrap5.css" />
    <!-- Form Validation -->
    <link rel="stylesheet" href="views/assets/vendor/libs/formvalidation/dist/css/formValidation.min.css" />
  <!-- Helpers -->
  <script src="views/assets/vendor/js/helpers.js"></script>

  <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
  <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
  <script src="views/assets/js/config.js"></script>
  

</head>
<!--========================================================
CUERPO DEL DOCUMENTO
 ========================================================-->
<body>

  <?php

 /*=========================
    Layout wrapper
    =========================*/
  echo '<div class="layout-wrapper layout-content-navbar">'; //1
   echo '<div class="layout-container">';//2
    /*=========================
    ENCABEZADO
    =========================*/
    // include "modules/header.php";
    /*=========================
    MENU
    =========================*/
    include "modules/menu.php";

    echo '<div class="layout-page">';//3
    
    /*=========================
    navbar
    =========================*/
    include "modules/navbar.php";
    
    echo '<div class="content-wrapper">';//4

    /*=========================
    CONTENIDO
    =========================*/
    if (isset($_GET["ruta"])) {
      if ($_GET["ruta"] == "home" ||          
          $_GET["ruta"] == "detalleVentas" ||
          $_GET["ruta"] == "salir") {
      include "modules/".$_GET["ruta"].".php";
      }else{

        include "modules/404.php";

      }
    }else {
      include "modules/home.php";
    }
    /*=========================
    FOOTER
    =========================*/
       include "modules/footer.php";
       echo '<div class="content-backdrop fade"></div>';
      echo "</div>";//4
      
      echo "</div>";//3
      echo "</div>";//2
      
      /*-- Overlay -->*/
      echo '<div class="layout-overlay layout-menu-toggle"></div>';
      /*-- Drag Target Area To SlideIn Menu On Small Screens --> */
      echo '<div class="drag-target"></div>';


    echo "</div>"; //1


?>
<!-- =============================================== -->
<!-- =============================================== -->
<!-- ./wrapper -->
<!-- ===============================================
  JAVASCRIPT PERSONALIZADOS
=============================================== -->
  <!-- Core JS -->
  <!-- build:js assets/vendor/js/core.js -->
  <script src="views/assets/vendor/libs/jquery/jquery.js"></script>
  <script src="views/assets/vendor/libs/popper/popper.js"></script>
  <script src="views/assets/vendor/js/bootstrap.js"></script>
  <script src="views/assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js"></script>
  <script src="views/assets/vendor/libs/node-waves/node-waves.js"></script>

  <script src="views/assets/vendor/libs/hammer/hammer.js"></script>
  <script src="views/assets/vendor/libs/i18n/i18n.js"></script>
  <script src="views/assets/vendor/libs/typeahead-js/typeahead.js"></script>

  <script src="views/assets/vendor/js/menu.js"></script>
  <!-- endbuild -->

  <!-- Vendors JS -->
  <script src="views/assets/vendor/libs/apex-charts/apexcharts.js"></script>
  <script src="views/assets/vendor/libs/datatables-bs5/datatables-bootstrap5.js"></script>

   <!-- Flat Picker -->
   <script src="views/assets/vendor/libs/moment/moment.js"></script>
    <script src="views/assets/vendor/libs/flatpickr/flatpickr.js"></script>

   <!-- Form Validation -->
   <script src="views/assets/vendor/libs/formvalidation/dist/js/FormValidation.min.js"></script>
    <script src="views/assets/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js"></script>
    <script src="views/assets/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js"></script>
  <!-- Main JS -->
  <script src="views/assets/js/main.js"></script>
  <!-- Page JS -->
  <!-- <script src="views/assets/js/dashboards-crm.js"></script> -->
  <!-- <script src="views/assets/js/tables-datatables-basic.js"></script> -->
  <script src="views/js/ventas.js"></script>
</body>
</html>
