{% load static %}
<!DOCTYPE html>

<html lang="en" class="light-style 
{% block layout %}
layout-navbar-fixed layout-menu-fixed layout-compact
{% endblock layout %}
" dir="rtl" data-theme="theme-default" data-assets-path="{% static 'assets/' %}" data-template="vertical-menu-template">

<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>
    {% block title %}
    {% endblock title %}
  </title>


  <meta name="description" content="Most Powerful &amp; Comprehensive Bootstrap 5 HTML Admin Dashboard Template built for developers!"/>
  <meta name="keywords" content="dashboard, bootstrap 5 dashboard, bootstrap 5 design, bootstrap 5">
  <!-- Canonical SEO -->
  <link rel="canonical" href="https://themeselection.com/item/sneat-bootstrap-html-admin-template/">


  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="{% static '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="{% static 'assets/vendor/fonts/boxicons.css' %}"/>
  <link rel="stylesheet" href="{% static 'assets/vendor/fonts/fontawesome.css' %}"/>
  <link rel="stylesheet" href="{% static 'assets/vendor/fonts/flag-icons.css' %}"/>

  <!-- Core CSS -->
  <link rel="stylesheet" href="{% static 'assets/vendor/css/rtl/core.css' %}" class="template-customizer-core-css"/>
  <link rel="stylesheet" href="{% static 'assets/vendor/css/rtl/theme-default.css' %}" class="template-customizer-theme-css"/>
  <link rel="stylesheet" href="{% static 'assets/css/demo.css' %}"/>
  
  <!-- Persian Fonts -->
  <link rel="stylesheet" href="{% static 'assets/css/persian-fonts.css' %}"/>

  <!-- Vendors CSS -->
  <link rel="stylesheet" href="{% static 'assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.css' %}"/>
  <link rel="stylesheet" href="{% static 'assets/vendor/libs/typeahead-js/typeahead.css' %}"/>
  <link rel="stylesheet" href="{% static 'assets/vendor/libs/apex-charts/apex-charts.css' %}"/>
  <!-- Page CSS -->

  {% block style %}

  {% endblock style %}


  <!-- Helpers -->
  <script src="{% static 'assets/vendor/js/helpers.js' %}"></script>
  <!--! Template customizer & Theme config files MUST be included after core stylesheets and helpers.js in the <head> section -->
  <!--? Template customizer: To hide customizer set displayCustomizer value false in config.js.  -->
  <script src="{% static 'assets/vendor/js/template-customizer.js' %}"></script>
  <!--? Config:  Mandatory theme config file contain global vars & default theme options, Set your preferred theme option in this file.  -->
  <script src="{% static 'assets/js/config.js' %}"></script>


</head>

<body>

<!-- Layout wrapper -->
<div class="layout-wrapper layout-content-navbar  ">
  <div class="layout-container">

    {% block sidebar %}

    {% endblock sidebar %}

    <!-- Layout container -->
    <div class="layout-page">


      {% block navbar %}

      {% endblock navbar %}


      <!-- Content wrapper -->
      <div class="content-wrapper">

        {% block content %}
        
        {% endblock content %}

        <!-- Footer -->
        <footer class="content-footer footer bg-footer-theme">
          <div class="container-xxl d-flex flex-wrap justify-content-between py-3 flex-md-row flex-column">
            <div class="mb-2 mb-md-0">
              <div class="d-flex flex-column">
                <span class="fw-medium">© {{ current_year|default:"2024" }} تمامی حقوق متعلق به شرکت زیست آب است.</span>
                <small class="text-muted mt-1">طراحی و توسعه با ❤️ در ایران</small>
              </div>
            </div>
            <div class="d-none d-lg-inline-block">
              <div class="d-flex align-items-center gap-3">
                <span class="text-muted">
                  <i class="bx bx-code-alt me-1"></i>
                  نسخه 1.0.0
                </span>
                <span class="text-muted">|</span>
                <span class="text-muted">
                  <i class="bx bx-envelope me-1"></i>
                  پشتیبانی: info@zistab.com
                </span>
                <span class="text-muted">|</span>
                <span class="text-muted">
                  <i class="bx bx-phone me-1"></i>
                  تلفن: 021-12345678
                </span>
                <span class="text-muted">|</span>
                <span class="text-muted">
                  <i class="bx bx-map me-1"></i>
                  تهران، خیابان ولیعصر
                </span>
              </div>
            </div>
          </div>
        </footer>
        <!-- / Footer -->


        <div class="content-backdrop fade"></div>
      </div>
      <!-- Content wrapper -->
    </div>
    <!-- / Layout page -->
  </div>


  <!-- Overlay -->
  <div class="layout-overlay layout-menu-toggle"></div>


  <!-- Drag Target Area To SlideIn Menu On Small Screens -->
  <div class="drag-target"></div>

</div>
<!-- / Layout wrapper -->


<!-- Core JS -->
<!-- build:js assets/vendor/js/core.js -->

<script src="{% static 'assets/vendor/libs/jquery/jquery.js' %}"></script>
<script src="{% static 'assets/vendor/libs/popper/popper.js' %}"></script>
<script src="{% static 'assets/vendor/js/bootstrap.js' %}"></script>
<script src="{% static 'assets/vendor/libs/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'assets/vendor/libs/hammer/hammer.js' %}"></script>
<script src="{% static 'assets/vendor/libs/typeahead-js/typeahead.js' %}"></script>
<script src="{% static 'assets/vendor/js/menu.js' %}"></script>

<!-- endbuild -->

<!-- Vendors JS -->
<script src="{% static 'assets/vendor/libs/apex-charts/apexcharts.js' %}"></script>

<!-- Main JS -->
<script src="{% static 'assets/js/main.js' %}"></script>


<!-- Page JS -->
<script src="{% static 'assets/js/dashboards-analytics.js' %}"></script>

{% block script %}
{% endblock script %}

</body>

</html>

<!-- beautify ignore:end -->

