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


{% block contenu %}

{% set currentUrl = app.request.attributes.get('_route') %}
{% set workerTypeId = customParam('find_my_data_worker_type_id') %}
{% set pictures = arrayWorker(worker, 'Pictures') %}
{% set mainType1 = customParam('main_skill_type_1')%}
{% set mainType2 = customParam('main_skill_type_2')%}
<section class="row col-md-9 text-color header-mes-projets">
    <div class="content-photos">
        <span class="ct-sp" id="title-photos">{{'myAccount.my_pictures'|trans}}</span>
            <table class="table table-bordered " id="dataTable" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th class="thead-item" style="width:20%">{{'pictures.thumbnail'|trans}}</th>
                        <th class="thead-item" style="width:20%"></th>
                    </tr>
                </thead>
                <tbody>
                    {% for picture in pictures %}
                    <tr>
                        <td> 
                            <a href="{{picture.picture | imagine_filter('worker_tranet_images')}}" target="blank"> 
                                <img src="{{picture.picture | imagine_filter('worker_tranet_images') }}" alt="{{'myAccount.compte_archi_img'|trans}}" />
                            </a> 
                        </td>
                        <td>
                            <a href="{{ absolute_url(customPath('worker_project_edit',{'idPicture':picture.id}))}}" class="btn btn-warning" role="button"> 
                                <i class="fa fa-pencil"> </i></a>
                        </td>
                    </tr>
                    {% endfor %} 
                </tbody>
            </table>

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

                <form method="POST" action="{{ customPath('worker_submit') }}" enctype="multipart/form-data" id="table-images">
                    <span class="ct-sp" id="title-ajout-photos">{{'pictures.add_picture'|trans}}</span>
                    <div class="row" id="loadImage">

                    {% if workerTypeId == 1 or workerTypeId == 2 %}
                            <div class="col-lg-4 col-md-6 col-6 item-load-img">
                                <label class="lab under-lab">{{'style_types'|trans}}</label> <br>
                                <div class="ajout">
                                {% for attribute in attributes %}
                                    {% if attribute.id == '58' %} <!-- la valeur 47 est égale à l'id de l'attribut style -->
                                        {% for childAttribute in attribute.attributes %}
                                        <label class="lab checkbox inline no_indent">
                                            <input type="checkbox" name="btn-add-img[types de styles photo][]"
                                                value="{{ childAttribute.currentTranslation.name }}">{{ childAttribute.currentTranslation.name }}
                                        </label> <br>
                                        {% endfor %}
                                    {% endif %}
                                {% endfor %}
                                </div>
                            </div>
                        {% endif %}
                        <div class="col-lg-4 col-md-6 col-6 item-load-img">
                            {% if workerTypeId == 3 %}
                                <label class="lab under-lab">{{'property_types'|trans}}</label> <br>
                            {% else %}
                                <label class="lab under-lab">{{'work_types'|trans}}</label> <br>
                            {% endif %}
                            <div class="resp-label">
                            {% for skillType in skillTypes[mainType1] %}
                                {% if skillType.mainSkill == null %}
                                    <label class="lab checkbox inline no_indent">
                                        <input type="checkbox" name="btn-add-img[types de travaux photo][]"
                                            value="{{ skillType.currentTranslation.name  }}">{{ skillType.currentTranslation.name  }}
                                    </label>
                                    {% for skillTypeChild in skillType.skills  %}
                                    <label class="lab checkbox inline no_indent">
                                    <input type="checkbox" name="btn-add-img[types de travaux photo][]"
                                        value="{{ skillTypeChild.currentTranslation.name }}"> - {{ skillTypeChild.currentTranslation.name }}
                                    </label> 
                                    {% endfor %}
                                {% endif %}
                                {% if skillTypes[mainType1]|last.id != skillType.id %} <hr class="my-account-photo-hr"> {% endif %}
                            {% endfor %}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-6 item-load-img">
                            {% if workerTypeId == 3 %}
                                <label class="lab under-lab">{{'work_types'|trans}}</label> <br>
                            {% else %}
                                <label class="lab under-lab">{{'property_types'|trans}}</label> <br>
                            {% endif %}
                            <div class="resp-label">
                                {% for skillType in skillTypes[mainType2] %}
                                    {% if skillType.mainSkill == null %}
                                        <label class="lab checkbox inline no_indent">
                                            <input type="checkbox" name="btn-add-img[types de biens photo][]"
                                                value="{{ skillType.currentTranslation.name  }}">{{ skillType.currentTranslation.name  }}
                                        </label>
                                        {% for skillTypeChild in skillType.skills  %}
                                        <label class="lab checkbox inline no_indent">
                                        <input type="checkbox" name="btn-add-img[types de biens photo][]"
                                            value="{{ skillTypeChild.currentTranslation.name }}"> - {{ skillTypeChild.currentTranslation.name }}
                                        </label> 
                                        {% endfor %}
                                    {% endif %}
                                    {% if skillTypes[mainType2]|last.id != skillType.id %} <hr class="my-account-photo-hr"> {% endif %}
                                {% endfor %}
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-6 col-6 item-load-img">
                            <div class="form-group">
                                <label for="titrePhoto" class="lab col-sm-12 control-label"> {{'title'|trans}}</label>
                                <div class="col-sm-12">
                                    <input type="text" class="form-control" name="btn-add-img[titre de la photo]"
                                        id="titrePhoto">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="descriptionPhoto" class="lab col-sm-12 control-label"> {{'description'|trans}}</label>
                                <div class="col-sm-12">
                                    <textarea type="textarea" class="form-control" name="btn-add-img[description de la photo]"
                                        id="descriptionPhoto"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="lab col-sm-12 control-label text-file"> {{'myAccount.format_img'|trans}} </label>
                                <div class="col-sm-10">
                                    <input type="file" name="btn-add-img[Nouvelle image]" id="file" accept="jpeg,png,jpg">
                                </div>
                            </div>
                            <input type="hidden" name="id" value="{{worker.id}}" />
                        </div>
                    </div>

                    <input type="hidden" name="route" value="{{currentUrl}}">
                    <div class="col-md-12 d-flex justify-content-end div-soumettre div-soumettre-reseaux">
                        <div id="div-click">
                            <button name="btn-submit" type="submit" value="btn-add-img" class="btn btn-soumettre btn-archi-blue">{{'myAccount.Soumettre'|trans}}</button>
                            <span> {{'myAccount.mini_cond'|trans}} </span>
                        </div>
                    </div>
                </form>
    </div>
</section>
{% endblock %}

{% block javascripts %}
<script>
     var confirmDelete = "{{'confirm_delete'|trans}}"
</script>

<script src="{{ asset('js/tma/confirm-del.js')}}"></script>

{% endblock %}