{% extends "lara_django_base/lara_base.html" %}

{% load static %}

{% block content %}

<div class="md:px-1 lg:px-[5vw]">
  {% include 'lara_django_projects/components/breadcrumb_navigation.html' %}
  <div class="flex justify-end mb-3">
    <a href="{% url create_link %}" class="btn bg-green-500 text-white">Add</a>
  </div>

  <h1 class="text-2xl font-bold mb-4">{{ section_title }}</h1>

  {% include view_component %}
</div>

{% endblock content %}

{% block scripts %}
<script src="{% static 'lara_django_base/js/toggle-drawer-on-load.js' %}" defer></script>
{% endblock %}