{% extends 'layouts/layout_dog.html' %}

{% block title %}{{ model.title }}{% endblock %}

{% block page_body %}
    <link rel="stylesheet" href="{{ url_for('static', filename='dist/css/dog_home.bundle.css') }}">

    <div class="{{ model.FLAG_CARD }} {{ model.FLAG_ROW }}">
        <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_COLUMN }}">
            <h2 class="home-hero-title">Dog Training!</h2>
            {% if not model.user.get_is_logged_in() %}
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <a class="{{ model.FLAG_NAV_USER_LOGIN }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Login</a>
                </div>
            {% elif True or model.user.can_admin_dog %}
                {#
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_DOGS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Dogs</button>
                </div>
                #}
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_COMMAND_CATEGORIES }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Command Categories</button>
                </div>
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_COMMANDS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Commands</button>
                </div>
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_DOG_COMMAND_LINKS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Dog Command Links</button>
                </div>
                
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_LOCATIONS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Locations</button>
                </div>
                
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_BUTTON_ICONS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Button Icons</button>
                </div>
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_COMMAND_BUTTON_LINKS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Command Button Links</button>
                </div>

                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_ASSESSMENTS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Assessments</button>
                </div>
                {#
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_DISTRACTIONS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Distractions</button>
                </div>
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_ASSESSMENT_COMMAND_MODALITY_LINKS }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Assessment Command Modality Links</button>
                </div>
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_ASSESSMENT_RESPONSES }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Assessment Responses</button>
                </div>
                #}
                <div class="{{ model.FLAG_CONTAINER }} {{ model.FLAG_ROW }}">
                    <button class="{{ model.FLAG_NAV_DOG_CALENDAR_ENTRIES }} {{ model.FLAG_BUTTON }} {{ model.FLAG_BUTTON_PRIMARY }}">Overdue Bills</button>
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}