<div class="clearfix" style='margin-top: 15px;'>
	<div class="colonne2">
		<h4>
			{{ 'Société' | trad }}
			{% if canEdit %}
				<a
					class="ajouter_blanc_v2 button_v2 white-tooltip"
					id="btnAddCompany"
					onclick="ajaxPopup('{{ path('ProjetAchat.Company.addCompany', {typeObjet:typeObjet, typeCompany: 'S', idModel: idObjet}) }}', 
                        '', '', '', '', '')">
					<span class="infos_tooltip left">
						{{ 'Ajouter une société' | trad }}
					</span>
				</a>
			{% endif %}
		</h4>
		<table class="table table-hover tableV2">
			<thead class="thead-dark" style="display: none;">
				<th scope="col"></th>
				<th scope="col"></th>
			</thead>
			<tbody>
				{% for company in afilliatedCompanies %}
					<tr id="block{{ loop.index }}">
						<td>{{ company.RAIS_SOC }} ({{ company.CODE }})</td>
						<td>
							{% if canEdit %}
								{{ hover_action('block' ~ loop.index, 'Supprimer_v2' , 
                                    "popupConfirmation(\'" ~ path('Ajax.Erreur.popupConfirmationSuppresion')~"\', \'\', \'" ~ 
                                        path('ProjetAchat.Company.companyUnlinkModel', 
                                            {typeObjet:typeObjet, typeCompany: 'S', idModel: idObjet, idCompany: company.CODE}) ~ "\', 
                                        \'" ~ ('Etes-vous sûr de vouloir détacher la société' | trad |e('js')|raw) ~ " " ~ 
                                        (company.RAIS_SOC  |e('js')|raw) ~ " ?\', \'redirect\', '', '', '', '', '', '', '', '', '', \'" ~ 
                                        ('Détacher la société' | trad |e('js')|raw) ~ "\')", 
                                        'float: right;margin-right:5px;'
                                ) }}
							{% endif %}
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
	<div class="colonne2 last">
		<h4>
			{{ 'Groupe' | trad }}
			{% if canEdit %}
				<a
					class="ajouter_blanc_v2 button_v2 white-tooltip"
					id="btnAddCompany"
					onclick="ajaxPopup('{{ path('ProjetAchat.Company.addCompany', {typeObjet:typeObjet, typeCompany: 'G', idModel: idObjet}) }}', 
                        '', '', '', '', '')">
					<span class="infos_tooltip left">
						{{ 'Ajouter un groupe' | trad }}
					</span>
				</a>
			{% endif %}
		</h4>
		<table class="table table-hover tableV2">
			<thead class="thead-dark" style="display: none;">
				<th scope="col" colspan="2"></th>
			</thead>
			<tbody>
				{% for group in afilliatedGroupedCompanies %}
					<tr id="blockG{{ loop.index }}">
						<td>{{ group.RS_GRP }} ({{ group.CODE }})</td>
						<td>
							{% if canEdit %}
								{{ hover_action('blockG' ~ loop.index, 'Supprimer_v2' , "popupConfirmation(\'" ~ 
                                    path('Ajax.Erreur.popupConfirmationSuppresion') ~ "\', \'\', \'" ~ 
                                    path('ProjetAchat.Company.companyUnlinkModel', 
                                        {typeObjet:typeObjet, typeCompany: 'G', idModel: idObjet, idCompany: group.CODE}) ~ "\', 
                                    \'" ~ ('Etes-vous sûr de vouloir détacher le groupe de sociétés' | trad |e('js')|raw) ~ " " ~ 
                                    (group.RS_GRP  |e('js')|raw) ~ " ?\', \'redirect\', '', '', '', '', '', '', '', '', '', \'" ~ 
                                    ('Détacher le groupe de sociétés' | trad |e('js')|raw) ~ "\')", 
                                    'float: right;margin-right:5px;') }}
							{% endif %}
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>
	</div>
</div>
<style>
	#btnAddCompany {
		/*margin: 15px !important;*/
		float: right;
	}
	.imgUnlinkCompany {
		height: 13px;
		margin-bottom: 3px;
		margin-left: 7px;
		cursor: pointer;
	}
</style>
