{% set template_title = "MY_ACCOUNT"|translate %}
{% capture append = "oxidBlock_title" %}
    <h1 class="c4s-account-page-header">{{ template_title }}</h1>
{% endcapture %}

{% capture append = "oxidBlock_content" %}
    <div class="c4s-account-dashboard">
        <div class="row">
            {% block account_dashboard_user_data %}
                <div class="col-12 col-md-6">
                    <div class="card c4s-account-card">
                        <div class="card-header">
                            <h4 class="card-title">{{ translate({ ident: "DASHBOARD_ACCOUNT_DATA" }) }}</h4>
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled">
                                <li><strong>{{ oxcmp_user.oxuser__oxcompany.value }}</strong></li>
                                <li><strong>{{ translate({ ident: "DASHBOARD_CUSTOMERID", suffix: "COLON" }) }} <span>{{ oxcmp_user.oxuser__oxcustnr.value }}</span></strong></li>
                                {% if oxcmp_user.oxuser__oxustid.value %}
                                    <li><strong><span>{{ oxcmp_user.oxuser__oxustid.value }}</span></strong></li>
                                {% endif %}
                                <li class="divider">&nbsp;</li>
                                <li>{{ oxcmp_user.oxuser__oxstreet.value }} {{ oxcmp_user.oxuser__oxstreetnr.value }}</li>
                                <li>{% if oxcmp_user.oxuser__oxstateid.value %}{{ oxcmp_user.oxuser__oxstateid.value }} {% endif %}{{ oxcmp_user.oxuser__oxzip.value }} {{ oxcmp_user.oxuser__oxcity.value }}</li>
                                <li>{{ oxcmp_user.oxuser__oxcountry.value }}</li>
                                {% if oxcmp_user.oxuser__oxfon.value or oxcmp_user.oxuser__oxfax.value %}
                                    <li class="divider">&nbsp;</li>
                                    {% if oxcmp_user.oxuser__oxfon.value %}<li><label class="form-label">{{ translate({ ident: "DASHBOARD_FON", suffix: "COLON" }) }}</label> <span>{{ oxcmp_user.oxuser__oxfon.value }}</span></li>{% endif %}
                                    {% if oxcmp_user.oxuser__oxfax.value %}<li><label class="form-label">{{ translate({ ident: "DASHBOARD_FAX", suffix: "COLON" }) }}</label> <span>{{ oxcmp_user.oxuser__oxfax.value }}</span></li>{% endif %}
                                {% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            {% endblock %}

            {% block account_dashboard_contact_person %}
                <div class="col-12 col-md-6">
                    <div class="card c4s-account-card">
                        <div class="card-header">
                            <h4 class="card-title">{{ translate({ ident: "DASHBOARD_CONTACTPERSON" }) }}</h4>
                        </div>
                        <div class="card-body">
                            <ul class="list-unstyled">
                                <li><strong>{{ oxcmp_user.oxuser__oxfname.value }} {{ oxcmp_user.oxuser__oxlname.value }}</strong></li>
                                <li class="divider">&nbsp;</li>
                                <li><label class="form-label">{{ translate({ ident: "EMAIL", suffix: "COLON" }) }}</label>&nbsp;{{ oxcmp_user.oxuser__oxusername.value }}</li>
                                {% if oxcmp_user.oxuser__oxfon.value %}<li><label class="form-label">{{ translate({ ident: "DASHBOARD_FON", suffix: "COLON" }) }}</label> <span>{{ oxcmp_user.oxuser__oxfon.value }}</span></li>{% endif %}
                            </ul>
                        </div>
                    </div>
                </div>
            {% endblock %}
        </div>

        <div class="row">
            <div class="col-12 text-end">
                {% block account_dashboard_delete_my_account %}
                    {% if oView.isUserAllowedToDeleteOwnAccount() %}
                        <button class="btn btn-outline-danger me-2" type="button" data-bs-toggle="modal" data-bs-target="#c4s-delete-account-modal">
                            <i class="fa-solid fa-trash"></i> {{ translate({ ident: "DELETE_MY_ACCOUNT" }) }}
                        </button>
                    {% endif %}
                {% endblock %}

                {% block account_dashboard_logout %}
                    <a href="{{ oViewConf.getLogoutLink()|raw }}" class="btn btn-primary">
                        <i class="fa-solid fa-power-off"></i> {{ translate({ ident: "LOGOUT" }) }}
                    </a>
                {% endblock %}
            </div>
        </div>
    </div>

    {{ insert_tracker({title: template_title}) }}
{% endcapture %}

{% capture append = "oxidBlock_pageModal" %}
    {% if oView.isUserAllowedToDeleteOwnAccount() %}
        {% include "page/account/modal/delete_account.html.twig" %}
    {% endif %}
{% endcapture %}

{% capture append = "oxidBlock_sidebar" %}
    {% include "page/account/inc/account_menu.html.twig" with {active_link: "account"} %}
{% endcapture %}

{% include "layout/page.html.twig" with {sidebar: "left", blHideBreadcrumb: true} %}