{% extends 'base.html.twig' %}
{% block title %}Liste des équipes{% endblock %}
{% block styles %}
{{ encore_entry_link_tags('plugins/custom/datatables/datatables.bundle') }}
{% endblock %}
{% block body %}
<div id="kt_content_container" class="container-fluid" {{ stimulus_controller('client--index') }}>
<div class="mobile-menu" {{ stimulus_controller('mission--scroll') }}>
<div class="mobile-head mb-4">
<svg id="kt_aside_mobile_toggle" width="48" class="menu-toggle" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="48" height="40" rx="6" fill="#F1F0F4"/>
<path d="M15.75 20L32.25 20" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 14L32.25 14" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.75 26L32.25 26" stroke="#344054" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<h1 class="text-uppercase">Équipes</h1>
<svg id="search_btn_mobile_open" class="hidden" width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="#F9FAFB"/>
<rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#EAECF0"/>
<g clip-path="url(#clip0_1161_6063)">
<path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M27.8027 23.8035L32.9993 29" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_1161_6063">
<rect width="24" height="24" fill="white" transform="translate(12 8)"/>
</clipPath>
</defs>
</svg>
<svg id="search_btn_mobile_close" class="hidden" width="48" height="40" viewBox="0 0 48 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="47" height="39" rx="7.5" fill="var(--my-flow-pink)"></rect>
<rect x="0.5" y="0.5" width="47" height="39" rx="7.5" stroke="#fff"></rect>
<g clip-path="url(#clip0_1161_6063)">
<path d="M22.5 26C26.6421 26 30 22.6421 30 18.5C30 14.3579 26.6421 11 22.5 11C18.3579 11 15 14.3579 15 18.5C15 22.6421 18.3579 26 22.5 26Z" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M27.8027 23.8035L32.9993 29" stroke="#fff" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_1161_6063">
<rect width="24" height="24" fill="white" transform="translate(12 8)"></rect>
</clipPath>
</defs>
</svg>
</div>
{# <div class="collapse align-items-center position-relative my-1 " id="search_container_mobile" style="flex-direction: column;">
<input type="text"
style="margin-right: 10px;"
class="form-control form-control ps-15 input-search"
placeholder="Rechercher ..."
{{ stimulus_action('client--index', 'searchTable', 'keyup') }}
/>
<input type="text"
id="tarif-min"
name="min"
style="margin-right: 5px;"
class="form-control form-control w-150px ps-15"
placeholder="Tarif mini {{min_price}}"
{{ stimulus_action('client--index', 'searchTarif', 'keyup') }}
/>
<input type="text"
id="tarif-max"
name="max"
class="form-control form-control w-150px ps-15"
placeholder="Tarif max {{max_price}}"
{{ stimulus_action('client--index', 'searchTarif', 'keyup') }}
/>
</div> #}
</div>
<div class="titre-header ">
{% if app.request.get('_route') == 'sub_contractor_index' %}
<h1 class="text-uppercase mobile-none">Équipes</h1>
<div class="d-flex align-items-center hidden position-relative my-1" id="section-top-presta">
<span class="mobile-none svg-icon svg-icon-1 position-absolute ms-6">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<rect x="0" y="0" width="24" height="24" />
<path d="M14.2928932,16.7071068 C13.9023689,16.3165825 13.9023689,15.6834175 14.2928932,15.2928932 C14.6834175,14.9023689 15.3165825,14.9023689 15.7071068,15.2928932 L19.7071068,19.2928932 C20.0976311,19.6834175 20.0976311,20.3165825 19.7071068,20.7071068 C19.3165825,21.0976311 18.6834175,21.0976311 18.2928932,20.7071068 L14.2928932,16.7071068 Z" fill="#000000" fill-rule="nonzero" opacity="0.3" />
<path d="M11,16 C13.7614237,16 16,13.7614237 16,11 C16,8.23857625 13.7614237,6 11,6 C8.23857625,6 6,8.23857625 6,11 C6,13.7614237 8.23857625,16 11,16 Z M11,18 C7.13400675,18 4,14.8659932 4,11 C4,7.13400675 7.13400675,4 11,4 C14.8659932,4 18,7.13400675 18,11 C18,14.8659932 14.8659932,18 11,18 Z" fill="#000000" fill-rule="nonzero" />
</g>
</svg>
</span>
<input type="text"
style="margin-right: 10px;"
class=" mobile-none form-control form-control ps-15 input-search"
placeholder="Rechercher ..."
{{ stimulus_action('client--index', 'searchTable', 'keyup') }}
/>
<input type="text"
id="tarif-min"
name="min"
style="margin-right: 5px;"
class=" mobile-none form-control form-control w-150px ps-15"
placeholder="Tarif mini {{min_price}}"
{{ stimulus_action('client--index', 'searchTarif', 'keyup') }}
/>
<input type="text"
id="tarif-max"
name="max"
class=" mobile-none form-control form-control w-150px ps-15"
placeholder="Tarif max {{max_price}}"
{{ stimulus_action('client--index', 'searchTarif', 'keyup') }}
/>
</div>
<div>
<a href="{{ path('sub_contractor_new') }}" class="btn btn-primary-custom font-weight-bold btn-add-presta">Ajouter</a>
{% if subContractors is not null %}
<a target="_blank" href="{{path('sub_contractor_export',{'type':'subcontractor'})}}" class="btn btn-primary">Exporter</a>
{% endif %}
</div>
{% endif %}
</div>
<div class="card shadow-sm mt-5">
<div class="card-body" style="padding-top:0;">
<div class="ctn-filter partner ctn-filter mt-8 my-4" style="align-items:baseline">
<div>
<button id="show-filter" class="btn btn-filter collapsed " data-toggle="collapse" data-target="#refontefilterfile" aria-expanded="false" aria-controls="collapsefilter">Filtrer
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2053_1644)">
<path d="M6 13.25H18" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2.25 8.75H21.75" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M9.75 17.75H14.25" stroke="#344054" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2053_1644">
<rect width="24" height="24" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="ml-4 w-96" style="width: 96%;overflow-x: auto;">
<div class="container-filter collapse " id="refontefilterfile" style="">
<div id="refonte" style="gap: 12px;padding:0 !important;border:0;width: 100% !important;align-items: baseline;" class="refont-table mrn-grid position-relative cursor:pointer; width: 900px; ">
<div class="div-relative">
<input type="text"
style="margin-right: 10px;"
class="form-control input-search mb-0"
placeholder="Recherchez par nom, email, ..."
{{ stimulus_action('client--index', 'searchTableTwoColonne', 'keyup') }}
/>
<button class="icon-search " type="submit">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2027_2078)">
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2027_2078">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="div-relative">
<input type="text"
style="margin-right: 10px;"
class="form-control input-search mb-0"
placeholder="Recherchez par rôle"
{{ stimulus_action('client--index', 'searchTableRole', 'keyup') }}
/>
<button class="icon-search ">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2027_2078)">
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2027_2078">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="div-relative">
<input type="text"
style="margin-right: 10px;"
class="form-control input-search mb-0"
placeholder="Recherchez par métier"
{{ stimulus_action('client--index', 'searchTableJob', 'keyup') }}
/>
<button class="icon-search ">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2027_2078)">
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2027_2078">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="div-relative">
<input type="text"
style="margin-right: 10px;"
class="form-control input-search mb-0"
placeholder="Recherchez par service"
{{ stimulus_action('client--index', 'searchTableService', 'keyup') }}
/>
<button class="icon-search ">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2027_2078)">
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2027_2078">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="div-relative">
<input type="text"
style="margin-right: 10px;"
class="form-control input-search mb-0"
placeholder="Recherchez par TJM"
{{ stimulus_action('client--index', 'searchTableTjm', 'keyup') }}
/>
<button class="icon-search ">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2027_2078)">
<path d="M10.5 18C14.6421 18 18 14.6421 18 10.5C18 6.35786 14.6421 3 10.5 3C6.35786 3 3 6.35786 3 10.5C3 14.6421 6.35786 18 10.5 18Z" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M15.8035 15.8035L21 21" stroke="#667085" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2027_2078">
<rect width="24" height="24" fill="white"></rect>
</clipPath>
</defs>
</svg>
</button>
</div>
<div class="filter-btn ">
<div class="btn-wordpress-and-commande">
<a title="Réinitialiser" href="/admin/fournisseurs" class="btn btn-custom bg-custom-pink">
<svg version="1.1" x="0px" y="0px" width="20" height="20" viewBox="0 0 24 24.001" enable-background="new 0 0 24 24.001" xml:space="preserve">
<g>
<path fill-rule="evenodd" clip-rule="evenodd" fill="transparent" d="M4.688,24.001c-1.563,0-3.125,0-4.688,0C0,16,0,8,0,0
c6.391,0,12.782,0,19.173,0c-0.4,0.154-0.541,0.451-0.512,0.868c0.039,0.569,0.055,1.139,0.074,1.709
c0.009,0.253,0.001,0.508,0.001,0.788c-0.083-0.058-0.152-0.103-0.218-0.154c-1.753-1.348-3.739-2.099-5.939-2.214
C8.958,0.807,5.917,2.088,3.591,4.862c-2.313,2.757-3.024,5.957-2.27,9.478c0.025,0.118,0.082,0.239,0.155,0.335
c0.181,0.238,0.515,0.309,0.781,0.184c0.3-0.14,0.436-0.435,0.352-0.809c-0.254-1.13-0.326-2.268-0.174-3.418
C2.68,8.762,3.387,7.088,4.626,5.672c2.153-2.46,4.881-3.577,8.148-3.327c1.629,0.125,3.115,0.68,4.475,1.58
c0.216,0.143,0.418,0.308,0.626,0.463c-0.007,0.021-0.014,0.041-0.021,0.062c-0.115,0-0.229-0.004-0.344,0
c-0.796,0.029-1.592,0.058-2.388,0.092c-0.399,0.017-0.68,0.301-0.673,0.666c0.008,0.378,0.305,0.663,0.712,0.65
c1.429-0.045,2.857-0.096,4.285-0.155c0.465-0.02,0.716-0.299,0.7-0.762c-0.049-1.374-0.113-2.747-0.152-4.121
C19.984,0.436,19.849,0.164,19.501,0C21,0,22.5,0,24,0c0,7.996,0,15.992,0,24.001c-6.327,0-12.655,0-18.984,0
c0.404-0.189,0.524-0.511,0.468-0.938c-0.057-0.433-0.086-0.869-0.125-1.305c-0.031-0.359-0.059-0.719-0.088-1.089
c0.045,0.012,0.063,0.012,0.074,0.021c0.102,0.072,0.202,0.147,0.302,0.221c1.82,1.342,3.864,2.038,6.119,2.11
c1.696,0.056,3.321-0.269,4.863-0.985c2.001-0.931,3.588-2.332,4.743-4.213c0.976-1.588,1.493-3.321,1.587-5.18
c0.053-1.02-0.059-2.027-0.286-3.021c-0.072-0.316-0.31-0.519-0.602-0.536c-0.482-0.028-0.792,0.365-0.675,0.88
c0.346,1.519,0.345,3.035-0.046,4.543c-0.541,2.087-1.653,3.806-3.349,5.143c-1.479,1.167-3.161,1.836-5.034,2.008
c-1.959,0.18-3.807-0.212-5.525-1.168c-0.492-0.273-0.949-0.612-1.421-0.922c0.01-0.021,0.02-0.044,0.029-0.066
c0.347-0.032,0.693-0.064,1.04-0.097c0.606-0.057,1.214-0.099,1.817-0.176c0.371-0.048,0.596-0.369,0.557-0.717
c-0.041-0.36-0.344-0.615-0.722-0.582c-1.447,0.126-2.893,0.256-4.338,0.393c-0.388,0.036-0.613,0.307-0.609,0.696
c0.001,0.086,0.006,0.172,0.014,0.257c0.119,1.298,0.25,2.596,0.351,3.896C4.19,23.565,4.322,23.846,4.688,24.001z"></path>
<path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="M19.501,0c0.348,0.164,0.483,0.436,0.494,0.82
c0.039,1.374,0.104,2.748,0.152,4.121c0.016,0.463-0.235,0.742-0.7,0.762c-1.428,0.059-2.856,0.11-4.285,0.155
c-0.407,0.013-0.704-0.272-0.712-0.65c-0.007-0.365,0.273-0.649,0.673-0.666c0.796-0.034,1.592-0.063,2.388-0.092
c0.114-0.004,0.229,0,0.344,0c0.007-0.021,0.014-0.042,0.021-0.062c-0.208-0.155-0.41-0.32-0.626-0.463
c-1.359-0.899-2.846-1.455-4.475-1.58C9.508,2.095,6.78,3.212,4.626,5.672c-1.239,1.416-1.946,3.09-2.192,4.958
c-0.151,1.151-0.08,2.289,0.174,3.418c0.084,0.374-0.052,0.669-0.352,0.809c-0.266,0.125-0.6,0.055-0.781-0.184
c-0.073-0.096-0.129-0.217-0.155-0.335c-0.755-3.521-0.043-6.721,2.27-9.478c2.326-2.773,5.368-4.055,8.988-3.865
c2.2,0.116,4.187,0.866,5.939,2.214c0.065,0.051,0.135,0.096,0.218,0.154c0-0.28,0.008-0.534-0.001-0.788
c-0.02-0.57-0.035-1.14-0.074-1.709C18.632,0.451,18.772,0.154,19.173,0C19.282,0,19.392,0,19.501,0z"></path>
<path fill-rule="evenodd" fill="#FFFFFF" clip-rule="evenodd" d="M4.688,24.001c-0.366-0.155-0.498-0.437-0.528-0.827
c-0.101-1.3-0.232-2.598-0.351-3.896c-0.008-0.085-0.013-0.171-0.014-0.257c-0.004-0.39,0.221-0.66,0.609-0.696
c1.446-0.137,2.892-0.267,4.338-0.393c0.378-0.033,0.681,0.222,0.722,0.582c0.04,0.348-0.186,0.669-0.557,0.717
c-0.604,0.077-1.211,0.119-1.817,0.176c-0.347,0.032-0.693,0.064-1.04,0.097c-0.01,0.022-0.02,0.045-0.029,0.066
c0.473,0.31,0.929,0.648,1.421,0.922c1.719,0.956,3.566,1.348,5.525,1.168c1.873-0.172,3.556-0.841,5.034-2.008
c1.695-1.337,2.808-3.056,3.349-5.143c0.391-1.509,0.392-3.024,0.046-4.543c-0.117-0.515,0.192-0.908,0.675-0.88
c0.292,0.017,0.529,0.22,0.602,0.536c0.228,0.994,0.339,2.001,0.286,3.021c-0.094,1.858-0.611,3.592-1.587,5.18
c-1.155,1.881-2.742,3.282-4.743,4.213c-1.542,0.717-3.167,1.041-4.863,0.985c-2.255-0.072-4.299-0.769-6.119-2.11
c-0.101-0.073-0.201-0.148-0.302-0.221c-0.011-0.009-0.028-0.009-0.074-0.021c0.03,0.37,0.057,0.729,0.088,1.089
c0.039,0.436,0.067,0.872,0.125,1.305c0.056,0.428-0.064,0.749-0.468,0.938C4.907,24.001,4.797,24.001,4.688,24.001z"></path>
</g>
</svg>
</a>
</div>
</div>
<div class="btn-wordpress-and-commande hidden">
<div class="filter-btn">
<button data-bs-toggle="modal" data-bs-target="#addRessourceModal" class="btn btn-custom bg-custom-pink btn-addressource">
<svg width="20" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.92 6.778V4.432H5.313V0.0389988H7.659V4.432H12.052V6.778H7.659V11.171H5.313V6.778H0.92Z" fill="white"/>
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
{% if subContractors is not empty %}
<table id="kt_datatable_example_1" class="table table-row-bordered gy-5" {{ stimulus_target('client--index','datatable') }}>
<thead>
<tr class="fw-bold fs-6 text-muted">
<th></th>
<th>
<span class="flitre-icon">
Nom
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th>
<span class="flitre-icon">
Rôle
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th>
<span class="flitre-icon">
Téléphone
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th style="text-align:left" class="w-mail">
<span class="flitre-icon">
E-mail
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th style="text-align:left" class="w-metier">
<span class="flitre-icon">
Métier
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th style="text-align:left" class="w-metier">
<span class="flitre-icon">
Services
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
{# <th>Fonctionnement</th> #}
<th class="w-tarif">
<span class="flitre-icon">
TJM
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
<th style="text-align:left;">
<span class="flitre-icon">
Statut
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
{# APP mobile #}
<th style="text-align:left;">
<span class="flitre-icon">
App mobile
<div class="container-icon">
<a href="?name-short=ASC" class="icon-linkd" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg style="transform: rotate(181deg);margin-bottom: -11px;" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
<a href="?name-short=DESC" class="icon-link2s" {{ stimulus_action('client--index', 'sortTable', 'click') }}>
<svg width="16" height="17" viewBox="0 0 16 17" style="margin-top: -11px;" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2060_1657)">
<path d="M13 6.5L8 11.5L3 6.5" stroke="#667085" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_2060_1657">
<rect width="16" height="16" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
</a>
</div>
</span>
</th>
{# fin APP mobile #}
<th>Action</th>
</tr>
<tr class="hidden">
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
<th></th>
{# <th>Fonctionnement</th> #}
<th></th>
<th></th>
<th style="width:100px;"class="pl-0">
<select name="" class="select-sort-user" id="status_filter" {{ stimulus_action('client--index', 'filter', 'change') }}>
<option value="">Tous</option>
<option value="actif">Actif</option>
<option value="en attente">En attente</option>
</select>
</th>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
{% set ROLE_MANAGER = ['ROLE_MANAGER'] %}
{% for subContractor in subContractors %}
<tr>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">
<div style="position:relative">
{% if subContractor.pictureName is not empty %}
<img src="{{ vich_uploader_asset(subContractor, 'picture') }}" class="_profil-image-user" style="width: 32px; height:32px; border-radius: 15px; object-fit: cover;">
{% else %}
<div class="symbol symbol-35px">
<div class="_profil-image-user">
{{ subContractor.firstname|slice(0,1) }}{{ subContractor.lastname|slice(0,1) }}
</div>
</div>
{% endif %}
{% if subContractor.getLastActivityInMinute() < 10 %}
<span class="status-online" ></span>
{% else %}
<span class="status-offline" ></span>
{% endif %}
</div>
</td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">
{{ subContractor.firstname }} {{ subContractor.lastname }}
<span style="display: block;white-space: nowrap;font-size: 10px;font-weight: bold;color: gray;">Annuaire: {{subContractor.acceptPresentation ? 'Oui' : 'Non'}}</span>
{% if 'ROLE_BOT' in subContractor.roles %}
<strong>(BOT)</strong>
{% endif %}
</td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">
{% if subContractor.manager == true %}
Gestionnaire
{% endif %}
{% if subContractor.salary == true %}
Salarié
{% endif %}
{% if subContractor.partner == true %}
Partenaire
{% endif %}
</td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;color: #344054;text-decoration: none;">{{ subContractor.cellPhone }}</td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;max-width:218px;"><a class="text-decoration-underline" style="color: #344054;text-decoration: none !important;display:block;max-width:95px;" href="mailto: {% if subContractor.myFlowEmail is not null %}
{{ subContractor.myFlowEmail }}
{% else %}
{{ subContractor.email }}
{% endif %}">
{% if subContractor.myFlowEmail is not null %}
{{ subContractor.myFlowEmail }}
{% else %}
{{ subContractor.email }}
{% endif %}
</a></td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">
{% if subContractor.manager != true %}
<div class="content-tooltips tooltips">
<div class="more-service">
{{ subContractor.jobs|join(', ') }}
</div>
<div align="center" class="content-mission-tooltips">
<p class="mission-tooltips" style="min-width:300px !important;">
{{ subContractor.jobs|join(', ') }}
</p>
</div>
</div>
{% endif %}
</td>
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">
<div class="content-tooltips tooltips">
<div class="more-service">
{% for service in subcontractor_service(subContractor.id) %}
{{ service.product.name }}
{% endfor %}
</div>
<div align="center" class="content-mission-tooltips">
<p class="mission-tooltips" style="min-width: 475px !important;">
{% for service in subcontractor_service(subContractor.id) %}
{{ service.product.name }} <br>
{% endfor %}
</p>
</div>
</div>
</td>
{# <td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;">
{% if subContractor.billingMethod == 1 %}
Facturation au temps passé
{% else %}
Facturation à la prestation
{% endif %}
</td> #}
<td onclick="goTo('{{ path('sub_contractor_edit', {'id':subContractor.id}) }}')" style="cursor: pointer;vertical-align: middle;">{{ subContractor.dailyRate }} €</td>
<td style="cursor: pointer;vertical-align: middle;">
<a href="{{ path('subcontractor_toggle_availabilty', {'availabilty': subContractor.enabled ? 'disable' : 'enable', 'id': subContractor.id}) }}">
{% if subContractor.enabled == 0 %}
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
(En attente)
{% elseif subContractor.resaleRate is empty %}
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
(A completer)
{% elseif subContractor.resaleRate is not empty and subContractor.enabled == true %}
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-check2" viewbox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<span style="visibility: hidden;">Actif</span>
{% endif %}
</a>
</td>
{# APP mobile #}
<td style="cursor: pointer;vertical-align: middle;">
<a>
{% if subContractor|user_have_app %}
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-check2" viewbox="0 0 16 16">
<path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/>
</svg>
<span style="visibility: hidden;">1</span>
{% else %}
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-x" viewbox="0 0 16 16">
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
<span style="visibility: hidden;">0</span>
{% endif %}
</a>
</td>
{# fin APP mobile #}
<td>
<div class="dropdown">
<button data-bs-toggle="dropdown" aria-expanded="false" class="btn btn-transparant" id="buttonactionSoustraitant{{subContractor.id}}">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
<path d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"/>
</svg>
</button>
<div class="dropdown-menu menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-bold fs-7 w-200px py-4"
data-kt-menu="true" aria-labelledby="buttonactionSoustraitant{{subContractor.id}}">
<div class="menu-item px-3">
<a href="{{ path('sub_contractor_edit', {'id':subContractor.id}) }}" class="menu-link px-3">
Modifier
</a>
</div>
{% if subContractor.enabled == 0 %}
<div class="menu-item px-3">
<a href="{{ path('sub_contractor_resend_registration_email', {'id':subContractor.id}) }}" class="menu-link px-3">
Renvoyer l'email d'inscription
</a>
</div>
{% endif %}
<div class="menu-item px-3">
<a href="#" data-url="{{ path('sub_contractor_delete', {'id':subContractor.id}) }}" class="menu-link px-3" {{ stimulus_action('client--index', 'deleteSubcontractor', 'click') }}>
Supprimer
</a>
</div>
</div>
</div>
</td>
</tr>
{% endfor %}
</table>
{% else %}
{% if is_agency() == true %}
<p class="font-weight-bold text-center mt-8 mb-8"><br>Vous n'avez actuellement aucun membre dans votre équipe. <br>Pour collaborer plus facilement et partager vos projets, ajoutez des membres <a href="{{ path('agency_edit', {'id':company.id, 'userTab':true}) }}">en cliquant ici.</a></p>
{% else %}
<p class="font-weight-bold text-center mt-8 mb-8"><br>Vous n'avez actuellement aucun membre dans votre équipe. <br>Pour collaborer plus facilement et partager vos projets, ajoutez des membres <a href="{{ path('sub_contractor_new') }}">en cliquant ici.</a></p>
{% endif %}
{% endif %}
</div>
</div>
</div>
{% include "sub_contractor/_modal_remove_subcontractor.html.twig" %}
{% endblock %}