{% extends "base.html" %}
{% block content %}

<div class="container-fluid rounded-5 mt-5 mb-5" style="{{ theme.form.div_style }};">
    <div class="row">
        <div class="col-md-3 border-right">
            <div class="d-flex flex-column align-items-center text-center p-3 py-5">                
                <img class="rounded-circle mt-4 border-info" width="150px" src="{{ accountInfo.image_file }}">
                <h2 class="account-heading" style="color: {{ theme.orange }};">{{ accountInfo.title }}</h2>
                <h3 class="account-heading" style="color: {{ theme.orange }};">{{ accountInfo.description }}</h2>
			    <h5 class="account-heading" style="color: {{ theme.light_blue }};">{{ accountInfo.short }}</h5>
                <div class="p-3 py-5">
                    <h4 class="account-heading" style="color: {{ theme.yellow }};">{{ accountInfo.status }}</h4>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="p-2">
                <h2 class="account-heading" style="color: {{ theme.orange }}; text-align: center;">Info</h2>
                {% include 'form.html' %}
            </div>
        </div>
        <div class="col-md-4">
            <div class="p-2">
                <h2 class="account-heading" style="color: {{ theme.orange }}; text-align: center;">Notes</h2>
                {% include 'notes_form.html' %}
            </div>
            <div class="p-3 py-4">
                <h2 class="account-heading" style="color: {{ theme.orange }}; text-align: center;">Todo's</h2>
            </div>
        </div>
    </div>
</div>
{% endblock content %}