<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <title>
    About Us
  </title>

  {% include 'admin/includes/imports.top.html' %}
</head>

<body class="g-sidenav-show  bg-gray-100">
  {% include 'admin/includes/part.menu.html' %}
  <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
    <!-- Navbar -->
    {% include 'admin/includes/part.header.html' %}
    <!-- End Navbar -->
    <div class="container-fluid py-4">
      <div class="row g-1">
        <div class="col-12">
          <div class="card">
            <div class="card-header pb-0 px-3">
              <div class="d-flex justify-content-between">
                <h6 class="mb-0">Current About Us Message</h6>
                <div class="d-flex">
                  <a href="{{url_for('admin_new_about')}}" class="btn btn-primary me-2 btn-sm">Add New About Us</a>
                  <a href="{{url_for('admin_edit_about')}}" class="btn btn-info btn-sm">Edit About Us</a>
                </div>
              </div>
            </div>
            <div class="card-body pt-4 p-3">
              {{ about.message | safe }}
            </div>
          </div>
        </div>
      </div>
      {% include 'admin/includes/part.footer.html' %}
    </div>
  </main>

  <!--   Core JS Files   -->
  {% include 'admin/includes/imports.bottom.html' %}
  <script>
    var win = navigator.platform.indexOf('Win') > -1;
    if (win && document.querySelector('#sidenav-scrollbar')) {
      var options = {
        damping: '0.5'
      }
      Scrollbar.init(document.querySelector('#sidenav-scrollbar'), options);
    }
  </script>
</body>

</html>