<!DOCTYPE html>
<html lang="ua">
  <% 
  function getRootPath(lang=undefined){
    let arr = ["skincare","face_massage","lash_and_brow_lifting","microneedling","social_media_marketing"];
    if(arr.includes(current.source))
    { 
      return lang==undefined?"../../":"../../"+lang+"/"; 
    }
    else 
    {  
      return lang==undefined?"../":"../"+lang+"/"; 
    }      
  }
  function getLangRootPath(lang,isroot=false){
    let arr = ["skincare","face_massage","lash_and_brow_lifting","microneedling","social_media_marketing"];
    if(arr.includes(current.source))
    { 
      return isroot?"../../training/"+current.source+".html" : "../../"+lang+"/training/"+current.source+".html"; 
    }
    else 
    {  
      return isroot?"../"+current.source+".html":"../"+lang+"/"+current.source+".html"; 
    }
  }
  %>
<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title><%= title %></title>
  <meta content="<%= description %>" name="description">
  <meta content="<%= keywords %>" name="keywords">


    
  <!-- Favicons -->
  <link href="<%-getLangRootPath("ua")%>assets/img/favicon.png" rel="icon">
  <link href="<%-getLangRootPath("ua")%>assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <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">

  <!-- Vendor CSS Files -->
  <link href="<%-getRootPath()%>assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="<%-getRootPath()%>assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="<%-getRootPath()%>assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="<%-getRootPath()%>assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="<%-getRootPath()%>assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="<%-getRootPath()%>assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="<%-getRootPath()%>assets/css/style.css" rel="stylesheet">

  <!-- =======================================================
  * Template Name: Kelly
  * Updated: May 30 2023 with Bootstrap v5.3.0
  * Template URL: https://bootstrapmade.com/kelly-free-bootstrap-cv-resume-html-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container-fluid d-flex justify-content-between align-items-center">

      <h1 class="logo me-auto me-lg-0"><a href="<%= getRootPath("ua") %>index.html">ДІОЗА КОСМЕТИК</a></h1>
      <!-- Uncomment below if you prefer to use an image logo -->
      <!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

      <nav id="navbar" class="navbar order-last order-lg-0">
        <ul>




          <li><a href="<%= getRootPath("ua") %>about.html" <%- current.source=='about' ? 'class="active"' : '' %>>Про нас</a></li>
          <li><a href="<%= getRootPath("ua") %>pricelist.html" <%- current.source=='pricelist' ? 'class="active"' : '' %>>Послуги та ціни</a>
          </li>



        <!--
          <li class="nav-item dropdown" style="display: none;">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
              Образование и обучение
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="#">Обучение косметологу <span class="flex-end">&nbsp;Offline</span></a>
              </li>
              <li><a class="dropdown-item" href="#">Классический массаж лица <span
                    class="flex-end">&nbsp;Online</span></a></li>
              <li><a class="dropdown-item" href="#">Aufgenbraun und Wimpernlifting <span
                    class="flex-end">&nbsp;Online</span></a></li>
              <li><a class="dropdown-item" href="#">Gesichtsbehandlung <span class="flex-end">&nbsp;Online</span></a>
              </li>
              <li><a class="dropdown-item" href="#">Microneedling <span class="flex-end">&nbsp;Online</span></a></li>
              <li><a class="dropdown-item" href="#">Sozial Beauty Marketing <span
                    class="flex-end">&nbsp;Online</span></a></li>
            </ul>
          </li>
        -->

          <li><a href="<%= getRootPath("ua") %>contact.html" <%- current.source=='contact' ? 'class="active"' : '' %>>Контакт</a></li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
              aria-expanded="false">Мова</a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="<%-getLangRootPath("de")%>">
                <img src="<%-getRootPath()%>assets/img/lang/ger.png">
                  Deutsch</a></li>
              <li><a class="dropdown-item" href="<%-getLangRootPath("ru",true)%>"><img
                    src="<%-getRootPath()%>assets/img/lang/rus.png"> Русский</a></li>
              <li class="d-none"><a class="dropdown-item" href="#">
                <img src="<%-getRootPath()%>assets/img/lang/ukr.png"> Українська</a>
              </li>
            </ul>
          </li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

      <div class="header-social-links">
        <a href="https://www.instagram.com/diosakosmetik/" class="instagram" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
      </div>

    </div>

  </header>
  <!-- End Header -->


  <%- yield %>


    <!-- ======= Footer ======= -->
    <footer id="footer">
      <div class="container">
        <div class="copyright">
          &copy; Copyright <strong><span>Diosa Kosmetik</span></strong>. All Rights Reserved
        </div>
      </div>
    </footer><!-- End  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>

    <!-- Vendor JS Files -->
    <script src="<%-getRootPath()%>assets/vendor/purecounter/purecounter_vanilla.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/aos/aos.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/glightbox/js/glightbox.min.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/swiper/swiper-bundle.min.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/waypoints/noframework.waypoints.js"></script>
    <script src="<%-getRootPath()%>assets/vendor/php-email-form/validate.js"></script>

    <!-- Template Main JS File -->
    <script src="<%-getRootPath()%>assets/js/main.js"></script>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-1ZJVYBXM64"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() { dataLayer.push(arguments); }
      gtag('js', new Date());

      gtag('config', 'G-1ZJVYBXM64');
    </script>
</body>

</html>