{% extends 'LayoutMain.html' %}
{% load static %}
{% block title %}Dashboard - My Django Project{% endblock %}

{% block content %}
<div>

  <!-- ======= Header ======= -->


  <!-- ======= Sideccbar ======= -->



  <main id="main" class="main">
    {% if messages %}
    <div class="messages">
      {% for message in messages %}
      <div class="alert alert-{{ message.tags }}">{{ message }}</div>
      {% endfor %}
    </div>
    {% endif %}
    <div class="pagetitle">
      <nav>
        <ol class="breadcrumb"></ol>
        <a href="http://"><i class="bi bi-laptop">|</i></a>
        <span><b>Dashboard</b></span>
        </ol>
      </nav>
      <!-- <nav> 
          <li class="breadcrumb-item"><a href="index.html">Home</a></li>
          <li class="breadcrumb-item active">Dashboard</li>     
      </nav> -->
    </div>


    <div class="row mt-4">
      {% for card in dashboard_cards %}
      <div class="col-xl-3 col-lg-4 col-md-6 col-sm-12 mb-4">
        <a href="{{ card.url }}" class="text-decoration-none">
          <div class="card shadow-sm h-100 text-center border-0">
            <div class="card-body d-flex flex-column justify-content-center align-items-center py-4">
              <i class="{{ card.icon }} dashboard-icon mb-3" style="font-size: 2rem;"></i>
              <h6 class="text-uppercase text-muted mb-1" style="font-size: 0.8rem; font-weight: bold;">{{ card.title }}</h6>
              <h2 class="mb-0 text-dark font-weight-bold">{{ card.count }}</h2>
            </div>
          </div>
        </a>
      </div>
      {% endfor %}
    </div>

    <!-- {% with a=1 %}
    <h1>Hello {{ a }}, how are you?</h1>

    {% if a == 1 %}
    <p>Admin Panel</p>
    {% endif %}

    {% endwith %} -->



  </main>

</div>

{% if messages %}
<div id="django-messages" style="display: none;">
  {% for message in messages %}
  <div data-tags="{{ message.tags }}" data-text="{{ message|escapejs }}"></div>
  {% endfor %}
</div>
{% endif %}

<script>
  toastr.options = {
    "closeButton": true,
    "progressBar": true,
    "positionClass": "toast-top-right",
    "showDuration": "300",
    "hideDuration": "1000",
    "timeOut": "5000",
    "extendedTimeOut": "1000",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
  };

  const messageContainer = document.getElementById('django-messages');
  if (messageContainer) {
    const messageElements = messageContainer.children;
    for (let i = 0; i < messageElements.length; i++) {
      const tags = messageElements[i].getAttribute('data-tags');
      const text = messageElements[i].getAttribute('data-text');
      if (toastr[tags]) {
        toastr[tags](text);
      } else {
        toastr.info(text);
      }
    }
  }
</script>



<!-- End Recent Sales -->




<!-- </main> -->
<!-- End #main -->

<!-- ======= Footer ======= -->


<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
    class="bi bi-arrow-up-short"></i></a>



</div>
{% endblock %}