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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='y_img/favicon/favicon.ico') }}">
  <title>
    {% block title %}{{ title | default('USER FORMHä') }}{% endblock %}
  </title>

  <!-- {# Librería de aos.js [animaciones] #} -->
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

  <!-- {# i bootstrap #} -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  <!-- {# icons #}} -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <!-- {# f bootstrap #} -->

  <!-- {# i navbar css #} -->
  <link rel="stylesheet" href="{{url_for('static', filename='template/tmp.css')}}">
  <!-- {# navbar #} -->
  <link rel="stylesheet" href="{{url_for('static', filename='template/navbar_footer.css')}}">
  <!-- {# f navbar css #} -->

  <!-- {# i notify css #} -->
  <!-- {# doc: https://github.com/simple-notify/simple-notify?tab=readme-ov-file #} -->
  <!-- CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify/dist/simple-notify.css" />
  <!-- JS -->
  <script src="https://cdn.jsdelivr.net/npm/simple-notify/dist/simple-notify.min.js"></script>
  <!-- {# f notify js #} -->

  {% block css %}
  {% endblock %}

</head>
<!-- <body> -->

<body>

  <!-- {# i navbar #} -->
  <nav class="navbar navbar-expand-lg bg-body-tertiary navbar-custom">
    <div class="container-fluid">
      <a class="navbar-brand" href="{{ url_for('user_home') }}">

        <div class="logo"></div>

      </a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav me-auto mb-2 mb-lg-0 effect-3">

          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
              <i class="bi bi-person-circle"></i> {{nombre}}
            </a>
            <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="{{ url_for('user_home') }}"><i class="bi bi-house-fill"></i></i> Inicio</a></li>
              <li><a class="dropdown-item" href="{{url_for('user_txteditor')}}"><i class="bi bi-body-text"></i></i> Nueva Publicación</a></li>
              <li><a class="dropdown-item" href="{{ url_for('my_posts') }}"><i class="bi bi-file-earmark-richtext"></i> Mis Publicaciones</a></li>
              <li><a class="dropdown-item" href="{{ url_for('change_pswd') }}"><i class="bi bi-file-earmark-lock2"></i> Cambiar Contraseña</a></li>

              {% if is_admin %}
              <li><hr class="dropdown-divider"></li>
              <li><a class="dropdown-item" href="{{ url_for('metrics') }}"><i class="bi bi-bar-chart-line-fill"></i> Métricas</a></li>
              <li><a class="dropdown-item" href="{{ url_for('manage_profiles') }}"><i class="bi bi-person-fill-gear"></i> Administrar Perfiles</a></li>
              <li><hr class="dropdown-divider"></li>
              {% endif %}
              
              <li><a class="dropdown-item" href="{{ url_for('logout') }}"><i class="bi bi-door-open-fill"></i> Logout</a></li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- {# f navbar #} -->

  <!-- <main> -->
  <main>
    {% block body %}
    {% endblock body %}
  </main>

  {% include 'z_comps/footer.html' %}
  <!-- {# i bootstrap js #} -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
    crossorigin="anonymous"></script>
  <!-- {# f bootstrap js #} -->

  {% block js %}
  
  {% endblock js %}
  <script type="module" src="{{ url_for('static', filename='z_comps/validation_timestamp.js') }}"></script>
  
</body>

</html>