{% 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_account')) }}">{{'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 active-nav-link" href="{{ absolute_url(customPath('worker_account')) }}">{{'forms.general_info'|trans|upper}}</a>
        </li>
        <li class="nav-item">
            <a class="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>

    <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data" id="intra-form-info">
        <div id="edit-info-section">
            <div class="row">
                <div class="col-8 worker-info-img">
                    <div id="edit-profile-picture">
                        {% if worker.profilePicture != 'no-img' %}
                            <img src="{{ worker.profilePicture | imagine_filter('remote_worker_logo_intra') }}" />
                        {% endif %}
                        <label for="worker-profile-picture" id="label-worker-picture" data-toggle="tooltip" data-placement="right" title="{{'myAccount.change_img'|trans}}">+</label>
                        <input type="file" name="btn-infos-persos[image du logo]" id="worker-profile-picture" accept="jpeg,png,jpg">
                    </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="text-color compte">
            <input type="hidden" name="route" value="{{currentUrl}}">
            <div class="row inline-element">
                <div class="col-12 ">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Nom]" value="{{worker.lastname}}" placeholder="{{'forms.name'|trans}}" />
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Prénom]" value="{{worker.firstName}}" placeholder="{{'forms.firstname'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Société]" value="{{worker.company}}" placeholder="{{'forms.company'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Email]" value="{{worker.email}}" placeholder="{{'forms.email'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Adresse]" value="{{worker.address}}" placeholder="{{'forms.address'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Ville]" value="{{worker.city}}" placeholder="{{'forms.city'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Code Postal]" value="{{worker.zipCode}}" placeholder="{{'forms.zip_code'|trans}}">
                </div>
            </div>
            {% set workerTypeId = customParam('find_my_data_worker_type_id') %}
            {% if workerTypeId == 1 %}
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro d'ordre des architectes]" value="{{worker.professionalNumber}}" placeholder="{{'myAccount.n_ordre'|trans}}">
                </div>
            </div>
            {% endif %} 
            {% if countryUrl == 'uk' %}
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro d'ordre des architectes (RIBA)]" value="{{worker.professionalNumberBis}}" placeholder="{{'myAccount.n_ordre'|trans}}">
                </div>
            </div>
            {% endif %}
            {% if workerTypeId == 2 or workerTypeId == 3 %}
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro de siret]" value="{{worker.siret}}" placeholder="{{'myAccount.siret'|trans}}">
                </div>
            </div>
            {% endif %}
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro de téléphone]" value="{{worker.phone}}" placeholder="{{'forms.number_phone'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12">
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro de portable]" value="{{worker.mobilePhone}}" placeholder="{{'forms.mobile_phone'|trans}}">
                </div>
            </div>
            <div class="row inline-element">
                <div class="col-12 div-soumettre">
                    <div id="div-click" class="d-flex justify-content-end">
                        <button name="btn-submit" type="submit" value="btn-infos-persos" class="btn btn-soumettre btn-archi-blue btn-intra-submit ">{{'myAccount.Soumettre'|trans}}</button>
                    </div>
                </div>
            </div>
            <span class="submit-notice"> {{'myAccount.modifications_on_hold'|trans}} </span>
        </div>
    </form>
{% 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 %}