{% extends "base.html" %}

{% block content %}
<div class="container-fluid main-content-wrapper">
    <div class="row">
        <!-- Main Content -->
        <div class="col-12">
            <!-- Include Messages Container Component -->
            <div class="row">
                <div class="col-12">
                    {% include 'components/header.html' %}
                    {% include 'components/messages_container.html' %}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block head %}
<!-- PWA Meta Tags -->
<meta name="theme-color" content="#0d6efd">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Dukaribu">
<link rel="manifest" href="{{ url_for('static', filename='manifest.json') }}">
<link rel="apple-touch-icon" href="{{ url_for('static', filename='icons/icon-192x192.png') }}">
{% endblock %}

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