include ../../components/widgets

div.container_min
    h2.title_lead.fd_bleu My Account

div.block_list.flex
    div.button__actions.w_25
        div.resources__newresource
            sib-link(next='mentor-resource-create')
                div
                div.button_base.ico_gauche.ico_plus Post a new Resource

        div.dashboard__database
            sib-link(next='mentor-database')
                div.button_base.ico_gauche.ico_database Browse database

        div.dashboard__database
            sib-link(next='mentor-resource-list')
                div.button_base.ico_gauche.ico_search Back to dashboard

        div.dashboard__database
                div.logout-button.button_base(
                    role='log out'
                ) Logout
    
    div.profile_information.block_log.w_75
        sib-link(next='mentor-account-edit')
            button.button_edit Edit

        sib-display#mentor_info(
            bind-user
            fields='account.picture, name, mentor_profile.headline, mentor_profile.city, mentor_profile.country, registered_on'
            widget-account.picture='cs-profile-picture'
            widget-name='cs-display-property'
            widget-mentor_profile.headline='cs-display-property'
            widget-mentor_profile.city='cs-display-property'
            widget-mentor_profile.country='cs-display-property'
            widget-mentor_profile.registered_on='cs-display-property'
        )

        sib-display.bold(
            fields=""
            nested-field="resources"
            counter-template="<p>${counter} resource(s) uploaded here</p>"
            bind-user
        )

        sib-display#mentor_complementary(
            bind-user
            fields='biography_label, mentor_profile.biography, skills_label, mentor_profile.skills'
            widget-biography_label='cs-display-label'
            widget-skills_label='cs-display-label'
            label-skills_label='Skills:'
            label-biography_label='Activities:'
            widget-mentor_profile.skills='cs-display-property'
            widget-mentor_profile.biography='cs-display-property'
        )

        sib-display#mentor_contact(
            bind-user
            fields='email, mentor_profile.phone, mentor_profile.linkedin, mentor_profile.twitter'
            label-email='Email:'
            class-email="contact_profil"
            label-mentor_profile.phone='Phone number:'
            class-mentor_profile.phone="contact_profil"
            widget-email='cs-display-resource-property'
            widget-mentor_profile.phone='cs-display-resource-property'
            widget-mentor_profile.linkedin='cs-display-link'
            widget-mentor_profile.twitter='cs-display-link'
            label-mentor_profile.twitter='<i class="fab fa-twitter"></i>'
            label-mentor_profile.linkedin='<i class="fab fa-linkedin-in"></i>'
        )