{define component-profiles}
	{var $form = $control['form']}
	{var ADT\Forms\DynamicContainer $profiles = $form['companyProfiles'] ?? $form['profiles']}
	{capture $profilesTemplate}
		{if !$user->getIdentity()->getSelectedAccount()}
			{include userCompanyContainerTemplate container => $profiles->getTemplate()}
		{/if}
	{/capture}
	<div data-adt-replicator="{$profilesTemplate|trim|noescape}" class="row mt-2">
		{foreach $profiles->getContainers() as $_userCompany}
			{varType ADT\Forms\StaticContainer $_userCompany}
			{include userCompanyContainerTemplate, container => $_userCompany}
		{/foreach}
		{if !$user->getIdentity()->getSelectedAccount()}
			<button type="button" class="btn btn-secondary mb-4" data-adt-replicator-add>
				<i class="fa fa-plus-circle me-2"></i>{_'fcadmin.global.buttons.add'}
			</button>
		{/if}
	</div>
{/define}

{define	userCompanyContainerTemplate}
	<div class="replicator-item col-12 mb-1" data-adt-replicator-item>
		<div class="row">
			<div class="d-flex gap-2">
				<div class="mb-3">
					{label $container['isActive']: /}
					{input $container['isActive']:}
				</div>

				{formPair $container['roles']}
				{formPair $container['account']}
				{include renderEl, el => $container->getSections()['account']}

				<div class="d-flex justify-content-center align-items-center">
					<a href="#" class="form-replicator-delete btn px-3 btn-danger" style="margin-top: 20px;" data-adt-replicator-remove>
						<i class="fa fa-solid fa-xmark"></i>
					</a>
				</div>
			</div>
		</div>
	</div>
{/define}