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

{% block contenu %}
{% set currentUrl = app.request.attributes.get('_route') %}
<div class="col-md-9 text-color compte">
    <form class="row" method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data">
        <input type="hidden" name="route" value="{{currentUrl}}">
        <span class="ct-sp col-md-12"> {{'myAccount.infos_persos'|trans}} </span>
        <div class="col-md-6 inline-element">
            <label class="lab"> {{'forms.name'|trans}} </label>
            <input class="form-control personnel-input" type="text" name="btn-infos-persos[Nom]" value="{{worker.lastname}}" /> 
        </div>
        <div class="col-md-6 inline-element">
            <label class="lab">{{'forms.firstname'|trans}}</label>
            <input class="form-control personnel-input" type="text" name="btn-infos-persos[Prénom]" value="{{worker.firstName}}">
        </div>
        <div class="col-md-6 inline-element">
                <label class="lab">{{'myAccount.societe'|trans}} </label>
                <input class="form-control personnel-input" type="text" name="btn-infos-persos[Société]" value="{{worker.company}}">
        </div>
        <div class="col-md-6 inline-element">
                <label class="lab">{{'forms.email'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Email]" value="{{worker.email}}">
        </div>
        <div class="col-md-12 inline-element">
                <label class="lab">{{'forms.address'|trans}}</label>
                <input class="form-control personnel-input" type="text" name="btn-infos-persos[Adresse]" value="{{worker.address}}">
        </div>
        <div class="col-md-6 inline-element">
                <label class="lab">{{'forms.city'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Ville]" value="{{worker.city}}">
        </div>
        <div class="col-md-6 inline-element">
                <label class="lab">{{'forms.zip_code'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Code Postal]" value="{{worker.zipCode}}">
        </div>
    {#         <div class="col-md-6 inline-element">
                <label class="lab">{{'phone'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Téléphone]" value="{{worker.number}}">
        </div> #}
    {#         <div class="col-md-6 inline-element">
                <label class="lab">{{'myAccount.web_site'|trans}}</label>
                {% set reseaux = arrayWorker(worker, 'Media') %}
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Site web]" value="{{worker.website}}">
        </div> #}
        {% set workerTypeId = customParam('find_my_data_worker_type_id') %}
        {% if workerTypeId == 1 %}
         <div class="col-md-6 inline-element">
            <label class="lab">{{'myAccount.n_ordre'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro d'ordre des architectes]" value="{{worker.professionalNumber}}">
        </div>
        {% endif %} 
        {% if countryUrl == 'uk' %}
        <div class="col-md-6 inline-element">
            <label class="lab">{{'myAccount.n_ordre_bis'|trans}}</label>
            <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro d'ordre des architectes (RIBA)]" value="{{worker.professionalNumberBis}}">
        </div>
        {% endif %}
        <div class="col-md-6 inline-element">
            <label class="lab">{{'myAccount.siret'|trans}}</label>
                    <input class="form-control personnel-input" type="text" name="btn-infos-persos[Numéro de siret]" value="{{worker.siret}}">
        </div>
        <div class="col-md-12 d-flex justify-content-end div-soumettre">
            <div id="div-click">
                <button name="btn-submit" type="submit" value="btn-infos-persos" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
                <span> {{'myAccount.mini_cond'|trans}} </span>
            </div>
        </div>
        <div class="separateur"></div>
        <span class="ct-sp col-md-12"> {{'myAccount.your_image'|trans}} </span>
        <div class="my-picture">
        {% set pictures = arrayWorker(worker, 'Pictures') %}
        {% for picture in pictures %}
            {% if picture['logo'] %}
            <img src="{{asset(picture.picture)}}" alt="{{'myAccount.compte_archi_logo'|trans}}" class="rounded float-left" height="150">
            {% endif %}
        {% endfor %}
            <div class="text">
                <p>
                    {{'myAccount.change_img'|trans}}
                </p>
                <input type="file" name="btn-change-img[image du logo]" id="logo"
                accept="jpeg,png,jpg">
                <label class="">{{'myAccount.format_img'|trans}}</label>
            </div>
        </div>
        <div class="col-md-12 d-flex justify-content-end div-soumettre">
            <div id="div-click">
                <button name="btn-submit" type="submit" value="btn-change-img" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
                <span> {{'myAccount.mini_cond'|trans}} </span>
            </div>
        </div>
        <div class="separateur"></div>
        <span class="ct-sp col-md-12"> {{'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="col-md-12 d-flex justify-content-end div-soumettre">
                <div id="div-click">
                    <button name="btn-submit" type="submit" value="btn-change-description" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
                    <span> {{'myAccount.mini_cond'|trans}} </span>
                </div>
            </div>

            <div class="separateur"></div>

            <span class="ct-sp col-md-12"> {{'myAccount.petit_descriptif'|trans}} <span id="precisionDescriptif"> {{'myAccount.petit_descriptif_2'|trans}} </span> </span>
             <div class="petit-description">
                <textarea type="textarea" class="form-control form-ckeditor" name="btn-change-mini-description[Mini description]" id="miniDescriptionEntreprise"
                 >{{currentTranslation.miniDescription|raw}}</textarea>
            </div> 
            <div class="col-md-12 d-flex justify-content-end div-soumettre">
                <div id="div-click">
                    <button name="btn-submit" type="submit" value="btn-change-mini-description" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
                    <span> {{'myAccount.mini_cond'|trans}} </span>
                </div>
            </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 %}