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

{% block contenu %}
{% set currentUrl = app.request.attributes.get('_route') %}
{% set workerTypeId = customParam('find_my_data_worker_type_id') %}
{% if workerTypeId == 1 or workerTypeId == 3 %}
    {% set mainType1 = customParam('main_skill_type_1')%}
    {% set mainType2 = customParam('main_skill_type_2')%}
{% else %}
    {% set mainType2 = customParam('main_skill_type_1')%}
    {% set mainType1 = customParam('main_skill_type_2')%}
{% endif %}


    <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_services')) }}">{{'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" href="{{ absolute_url(customPath('worker_description')) }}">{{'pageWorker.presentations'|trans|upper}}</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active-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 id="criteria-list">
        <div class="criterias-indications">
            <h2> 1 - {{'pageBtoB.skills'|trans|upper}} </h2>
            <ul>
                <li> {{'myAccount.myCriterias.order_skills'|trans}} </li>
                <li class="vert">{{ 'myAccount.myCriterias.online_picture'|trans }}</li>
            </ul>
        </div>

        <div class="criteria-box">
            <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data">
                <input type="hidden" name="route" value="{{currentUrl}}">
                <div class="row">
                    <div class="col-4">
                        <h3 class="criteria-type">{{'property_types'|trans|upper}}</h3>
                        <div class="sortableLng">
                        {% for skillType in skillTypes[mainType1] %}
                            {% if skillType.mainSkill == null %}
                                    <div class="border-criteria ">
                                        <label class="label-criterias {% if skillType.id in skillUsed %}vert{% elseif skillType.id not in skillUsed and skillType.id in workerSkillsIds %}orange{% endif %}"> 
                                            <input type="checkbox" name="btn-prestations[types de biens][]" {% if skillType.id in workerSkillsIds %}checked{% endif %} value="{{ skillType.currentTranslation.slug  }}" data-skill="{{skillType.id}}"> {{ skillType.currentTranslation.name  }}
                                        </label>
                                        <div class="sortableLng">
                                            {% for skillTypeChild in skillType.skills  %}
                                            <div class="border-criteria">
                                                <label class="label-criterias {% if skillTypeChild.id in skillUsed %}vert{% elseif skillTypeChild.id not in skillUsed and skillTypeChild.id in workerSkillsIds %}orange{% endif %}"> 
                                                    <input type="checkbox" name="btn-prestations[types de biens][]" {% if skillTypeChild.id in workerSkillsIds %}checked{% endif %} value="{{ skillTypeChild.currentTranslation.slug }}" data-parent="{{skillType.id}}"> - {{ skillTypeChild.currentTranslation.name }}
                                                </label>
                                            </div>
                                            {% endfor %}
                                        </div>
                                    </div>
                                    {# Si on s'en fiche de sort les skillChilds hors de leurs skillParent #}
                                    {# {% for skillTypeChild in skillType.skills  %}
                                        <div class="border-criteria">
                                            <label class="label-criterias {% if skillTypeChild.id in skillUsed %}vert{% elseif skillTypeChild.id not in skillUsed and skillTypeChild.id in workerSkillsIds %}orange{% endif %}"> 
                                                <input type="checkbox" name="btn-prestations[types de biens][]" {% if skillTypeChild.id in workerSkillsIds %}checked{% endif %} value="{{ skillTypeChild.currentTranslation.slug }}"> - {{ skillTypeChild.currentTranslation.name }}
                                            </label>
                                        </div>
                                    {% endfor %} #}
                            {% endif %}
                        {% endfor %}
                        </div>
                    </div>
                    <div class="col-4">
                        <h3 class="criteria-type">{{'work_types'|trans|upper}}</h3>
                        <div class="sortableLng">
                            {% for skillType in skillTypes[mainType2] %}
                                {% if skillType.mainSkill == null %}
                                    <div class="border-criteria">
                                        <label class=" {% if skillType.id in skillUsed %}vert{% elseif skillType.id not in skillUsed and skillType.id in workerSkillsIds %}orange{% endif %}">
                                            <input type="checkbox" name="btn-prestations[types de travaux][]" {% if skillType.id in workerSkillsIds %}checked{% endif %} value="{{ skillType.currentTranslation.slug  }}"> {{ skillType.currentTranslation.name  }}
                                        </label>
                                    </div>
                                    <div class="sortableLng">
                                    {% for skillTypeChild in skillType.skills %}
                                        <div class="border-criteria">
                                            <label class=" {% if skillTypeChild.id in skillUsed %}vert{% elseif skillTypeChild.id not in skillUsed and skillTypeChild.id in workerSkillsIds %}orange{% endif %} ">
                                                <input type="checkbox" name="btn-prestations[types de travaux][]" {% if skillTypeChild.id in workerSkillsIds %}checked{% endif %} value="{{ skillTypeChild.currentTranslation.slug }}">{{ skillTypeChild.currentTranslation.name }}
                                            </label>
                                        </div>
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                    <div class="col-4">
                        {% if workerTypeId == 1 or workerTypeId == 2 %}
                        <h3 class="criteria-type">{{'style_types'|trans|upper}}</h3>
                        <div>
                            {% for attribute in attributes %}
                                {% if attribute.id == '58' %}
                                    <div class="sortableLng">
                                    {% for childAttribute in attribute.attributes %}
                                        <div class="border-criteria">
                                            <label class="{% if childAttribute.id in attributeUsed %}vert{% elseif childAttribute.id not in attributeUsed and childAttribute.id in workerAttributesIds %}orange{% endif %}"> 
                                                <input type="checkbox" name="btn-prestations[types de styles][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name}}"> {{ childAttribute.currentTranslation.name }}
                                            </label>
                                        </div>
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                        {% endif %}
                    </div>
                </div>
                <div class="separateur"></div>

                <div class="d-flex justify-content-end btn-section">
                    <button name="btn-submit" type="submit" value="btn-prestations" class="btn btn-soumettre btn-archi-blue btn-intra-submit ">{{'forms.send_modification'|trans}}</button>
                </div>
            </form>
        </div>

        <div class="criterias-indications">
            <h2> 2 - {{'myAccount.infos_comp'|trans|upper}} </h2>
            <ul>
                <li> {{'myAccount.myCriterias.order_skills'|trans}} </li>
                <li class="vert"> {{'myAccount.myCriterias.online_criterias'|trans}} </li>
            </ul>
        </div>

        <div class="criteria-box">
            <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data">
            <input type="hidden" name="route" value="{{currentUrl}}">
                <div class="row">
                    <div class="col-4">
                        <h3 class="criteria-type">{{'localisation'|trans|upper}}</h3>
                        {% if attribute_2 %}
                            {% for attribute in attributes %}
                                {% if attribute.id == attribute_2 %}
                                    <div class="sortableLng">
                                    {% for childAttribute in attribute.attributes %}
                                    <div class="border-criteria">
                                        <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}"> 
                                            <input type="checkbox" name="btn-infos-comp[localisation][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                        </label>
                                    </div>
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                    {# <div class="col-4"> #}
                        {% if workerTypeId == 3 %}
                            <div class="col-4">
                                <h3 class="criteria-type">{{'prestations'|trans|upper}}</h3>
                                {% for attribute in attributes %}
                                    {% if attribute.id == '122' %} 
                                        <div class="sortableLng">
                                        {% for childAttribute in attribute.attributes %}
                                        <div class="border-criteria">
                                            <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}"> 
                                                <input type="checkbox" name="btn-infos-comp[prestations][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                            </label>
                                        </div>
                                        {% endfor %}
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            </div>
                        {% endif %}
                        {% if workerTypeId == 1 %}
                            <div class="col-4">
                            <h3 class="criteria-type">{{'missions'|trans|upper}}</h3>
                            {% if attribute_1 %}
                                {% for attribute in attributes %}
                                    {% if attribute.id == attribute_1 %} 
                                        <div class="sortableLng">
                                        {% for childAttribute in attribute.attributes %}
                                        <div class="border-criteria">
                                            <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}"> 
                                                <input type="checkbox" name="btn-infos-comp[mission][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                            </label>
                                        </div>
                                        {% endfor %}
                                        </div>
                                    {% endif %}
                                {% endfor %}
                            {% endif %}
                            </div>
                        {% endif %}
                    {# </div> #}
                    <div class="col-4">
                        <h3 class="criteria-type">{{'prices'|trans|upper}}</h3>
                        {% if attribute_3 %}
                            {% for attribute in attributes %}
                                {% if attribute.id == attribute_3 %} 
                                    <div class="sortableLng">
                                    {% for childAttribute in attribute.attributes %}
                                    <div class="border-criteria">
                                        <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}"> 
                                            <input type="checkbox" name="btn-infos-comp[tarif][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                        </label>
                                    </div>
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                {# </div>
                <div class="row"> #}
                    <div class="col-4">
                        <h3 class="criteria-type">{{'payment'|trans|upper}}</h3>
                        {% if attribute_4 %}
                            {% for attribute in attributes %}
                                {% if attribute.id == attribute_4 %}
                                    <div class="sortableLng"> 
                                    {% for childAttribute in attribute.attributes %}
                                    <div class="border-criteria">
                                        <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}"> 
                                            <input type="checkbox" name="btn-infos-comp[moyen de paiement][]" {% if childAttribute.id in workerAttributesIds %}checked{% endif %} value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                        </label>
                                    </div>
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                    </div>
                    <div class="col-4">
                        <h3 class="criteria-type">{{'language_spoken'|trans|upper}}</h3>
                        {# Ici c'est normal de ne pas avoir toutes les langues (input pour en ajouter) #}
                        {% if attribute_5 %}
                            {% for attribute in attributes %}
                                {% if attribute.id == attribute_5 %} 
                                    <div class="sortableLng">
                                    {% for childAttribute in attribute.attributes %}
                                        {% if childAttribute.id in workerAttributesIds %}
                                            <div class="border-criteria">
                                                <label class="{% if childAttribute.id in workerAttributesIds %}vert{% endif %}">
                                                    <input type="checkbox" name="btn-infos-comp[langue][]" checked value="{{ childAttribute.currentTranslation.name }}"> {{ childAttribute.currentTranslation.name }}
                                                </label>
                                            </div>
                                        {% endif %}
                                    {% endfor %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                        <div>  
                            <label class="lab checkbox inline no_indent">
                                <input type="text" name="btn-infos-comp[langue][]" placeholder="Ajouter une langue">
                            </label>
                        </div>
                    </div>
                </div>

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

                <div class="d-flex justify-content-end btn-section">
                    <button name="btn-submit" type="submit" value="btn-infos-comp" class="btn btn-soumettre btn-archi-blue">{{'forms.send_modification'|trans}}</button>
                </div>

                <span class="submit-notice" > {{'myAccount.modifications_on_hold'|trans}} </span>

            </form>
        </div>
    </div>
{% endblock %}

{% block javascripts %}
<script src="https://cdn.ckeditor.com/ckeditor5/20.0.0/classic/ckeditor.js"></script>
<script>

    $(function(){
        $( ".sortableLng" ).sortable();
        $( ".sortableLng" ).disableSelection();
    });

    {# console.log($("input[type='checkbox']")); #}

    $("input[type='checkbox']").change(function(){
        if($(this).attr('data-parent') != null && $(this).prop('checked')){
            $("input[data-skill='"+$(this).attr('data-parent')+"']").prop('checked', true);
        }
    })


</script>
{% endblock %}