{% extends 'base.html.twig' %}
{% set displayFooter = true %}
{% set nameLogo = customParam('name_picto') %}

{% block body %}
    <section class="container container-account">
        <div class="row info-section">
            <div class="col-12 grey-section-account">
                <div class="row">
                    <div class="col-6 worker-info-img">
                        <div class="col-3">
                            {% if worker.profilePicture != 'no-img'%}
                                <img src="{{ worker.profilePicture | imagine_filter('remote_worker_logo_intra') }}" alt="img-worker"/>
                            {% endif %}
                        </div>
                        <div class="col-6 worker-account-info">
                            <p class="font-weight-bold">{{worker.fullName}}</p>
                            <p class="subtitle-account">{{worker.company}}</p>
                        </div>
                    </div>
                    <div class="col-6 worker-intra-button">
                        <a class="btn btn-soumettre btn-archi-blue-intra" href="{{ absolute_url(customPath('worker_sheet',{ workerKey : worker.workerKey })) }}" target="_blank">{{'intranetMenu.mc_preview'|trans}}</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row info-section">
            <div class="col-12 grey-section-account">
                <div class="row">
                    <div class="col-6 worker-info-img">
                        <img src="{{ asset('lib/media/base/img-criteria.png') }}" alt="img-criteria" class="col-3" id="img-criteria" />
                        <div class="col-6 worker-account-info">
                            <p class="font-weight-bold">{{'intranetMenu.mc_presta'|trans|upper}}</p>
                            <p class="subtitle-account">{{'myAccount.the_more_criterias'|trans|raw}}</p>
                        </div>
                    </div>
                    <div class="col-6 worker-intra-button">
                        <a class="btn btn-soumettre btn-archi-blue-intra" href="{{ absolute_url(customPath('worker_services')) }}">{{'myAccount.more_criteria'|trans}}</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row info-section">
            <div class="col-12" id="blue-question">
                <div class="row">
                    <h3 class="col-12">{{'myAccount.have_question'|trans}} <i class="fa fa-chevron-down"></i></h3>
                </div>
            </div>
        </div>
        <div class="row group-bloc-actions">
            <div class="col-4">
                <a href="{{ absolute_url(customPath('worker_messages')) }}">
                    <div class="bloc-account-actions">
                        <i class="fa fa-envelope-open fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.my_messages'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.visualise_mail'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="{{ absolute_url(customPath('worker_bill')) }}">
                    <div class="bloc-account-actions">
                        <i class="fa fa-eur fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_bill'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.download_bill'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="{{ absolute_url(customPath('worker_follow')) }}">
                    <div class="bloc-account-actions">
                        <i class="fa fa-phone fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_follow'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.take_appointement'|trans}}</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="row group-bloc-actions">
            <div class="col-4">
                <a href="{{ absolute_url(customPath('worker_account')) }}">
                    <div class="bloc-account-actions">
                        <i class="fa fa-users fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'intranetMenu.mc_informations'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.access_your_account'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="#">
                    <div class="bloc-account-actions">
                        <i class="fa fa-cog fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_parameters'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.complete_modify_profile'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="#">
                    <div class="bloc-account-actions">
                        <i class="fa fa-camera-retro fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_shooting'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.shooting_online'|trans}}</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="row group-bloc-actions">
            <div class="col-4">
                <a href="#">
                    <div class="bloc-account-actions">
                        <i class="fa fa-building fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_location'|trans}}</p>
                        <p class="action-subtitle">{{'myAccount.rent_a_room'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="{{ absolute_url(customPath('worker_help')) }}">
                    <div class="bloc-account-actions help">
                        <i class="fa fa-question fontawesome-title blue"></i>
                        <p class="font-weight-bold action-title">{{'help'|trans}}</p>
                    </div>
                </a>
            </div>
            <div class="col-4">
                <a href="#">
                    <div class="bloc-account-actions community">
                        <img src="{{ asset('lib/media/base/contact-logo-archi'~ project_photographer ~'.png') }}" alt="website_logo" class="" />
                        <p class="font-weight-bold action-title">{{'myAccount.bloc_community'|trans}}</p>
                        <p class="action-subtitle share-community-description">{{'myAccount.find_and_share'|trans}}</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="row disconnect-bloc">
            <div class="col-12">
                <div class="row">
                    <a class="col-12 disconnect-account font-weight-bold" href="{{ absolute_url(customPath('main_logout')) }}">{{'menu.disconnect'|trans}}</a>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

{% block javascripts %}

{% endblock %}