{% extends 'base-compte2.html.twig' %}

{% block contenu %}
{% set currentUrl = app.request.attributes.get('_route') %}

    <nav aria-label="breadcrumb" class="intra-breadcrumbs">
        <ol class="breadcrumb">
            <li class="breadcrumb-item breadcrumb-intra"><a href="{{ absolute_url(customPath('worker_home_intra')) }}">{{'myAccount.home_intra'|trans|upper}}</a></li>
            <li class="breadcrumb-item breadcrumb-intra active"><a href="{{ absolute_url(customPath('worker_description')) }}">{{'intranetMenu.mc_informations'|trans|upper}}</a></li>
        </ol>
    </nav>

    <ul class="nav nav-pills nav-edit-profile">
        <li class="nav-item">
            <a class="nav-link" href="{{ absolute_url(customPath('worker_account')) }}">{{'forms.general_info'|trans|upper}}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active-nav-link" href="{{ absolute_url(customPath('worker_description')) }}">{{'pageWorker.presentations'|trans|upper}}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ absolute_url(customPath('worker_services')) }}">{{'intranetMenu.mc_presta'|trans|upper}}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link"  href="{{ absolute_url(customPath('worker_projects')) }}">{{'myAccount.my_pictures'|trans|upper}}</a>
        </li>
    </ul>

    <div id="edit-info-section">
        <div class="row">
            <div class="col-8 worker-info-img">
                <div id="edit-profile-picture">
                    <img src="{{ worker.profilePicture | imagine_filter('remote_worker_logo_intra') }}" />
                </div>
                <div class="worker-account-info">
                    <p class="font-weight-bold">{{worker.fullName}}</p>
                    <p class="subtitle-account">{{worker.company}}</p>
                </div>
            </div>
            <div class="col-4 worker-info-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 class="compte" id="description-edit">
        <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data">
            <input type="hidden" name="route" value="{{currentUrl}}">
            <span> {{'myAccount.descriptif'|trans}}</span> 
            <div class="description">
                {% set currentTranslation = arrayWorker(worker, 'CurrentTranslation') %}
                <textarea type="textarea" class="form-control form-ckeditor" name="btn-change-description[Description]" id="descriptionEntreprise">{{ currentTranslation.description|raw }}</textarea>
            </div> 
            <div class="div-soumettre">
                <div id="div-click" class="d-flex justify-content-end">
                    <button name="btn-submit" type="submit" value="btn-change-description" class="btn btn-soumettre btn-archi-blue btn-intra-submit">{{'myAccount.Soumettre'|trans}}</button>
                </div>
                <span class="submit-notice"> {{'myAccount.modifications_on_hold'|trans}} </span>
            </div>
        </form>
    </div>
{% endblock %}

{% block javascripts %}
<script src="https://cdn.ckeditor.com/ckeditor5/20.0.0/classic/ckeditor.js"></script>
<script>
    $(function() {
        $('.form-ckeditor').each(function(index) {
            var id = 'form-ckeditor-'+index;
            if($(this).attr('id') && $(this).attr('id').length > 0)
                id = $(this).attr('id')
            ClassicEditor
                .create( document.querySelector( '#'+id ) )
        })
    })
    {# CKEDITOR.replace( 'descriptionEntreprise' ); #}
    {# CKEDITOR.replace( 'miniDescriptionEntreprise' ); #}

</script>
{% endblock %}