{% extends 'private_template.html' %}

{% block titulo %}Home{% endblock %}

{% block navbar %}
    {% if user.is_user %}
        {% include 'admin_navbar.html' %}
    {% else %}
        {% include 'private_navbar.html' %}
    {% endif %}
{% endblock %}

{% block content %}
    <div class="container mt-5 pt-2">
        <div class="row mb-3">
            <div class="col-md-4">
                <h3 class="subtext-color">{{ request.user.first_name }} {{ request.user.last_name }}</h3>
            </div>     
            <div class="col-md-8 text-right">
                <h3 class="subtext-color">{{ condo }}</h3>
            </div>  
        </div>

        <div class="row mt-3">
            <div class="col-md-4">
                <a href="{% url 'apolice_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Apólice<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4">
                <a href="{% url 'atas_assembleia_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Atas de Assembléia<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4">
                <a href="{% url 'contas_agua_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Contas de Água<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-4">
                <a href="{% url 'convencao_condominio_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Convenções de Condomínio<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4">
                <a href="{% url 'controle_gas_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Controle de Gás<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4">
                <a href="{% url 'prestacao_contas_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Prestação de Contas<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
        </div>

        <div class="row mt-3">
            <div class="col-md-4">
                <a href="{% url 'regimento_interno_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Regimento Interno<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
            <div class="col-md-4">
                <a href="{% url 'boleto_list' %}" class="small-box-footer">
                    <div class="small-box" style="background-color:#093774; color:white;">
                        <div class="inner pb-5">
                            <h4 class="text-left">Segunda Via de Boleto<i class="fas fa-file-invoice-dollar text-white ml-2 d-sm-block d-md-none d-sm-block"></i></h4>
                        </div>
                        <div class="icon">
                            <i class="fas fa-file-invoice-dollar"></i>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
{% endblock %}