@component('components.widget', ['title' => __('lang_v1.holding_user_sync_title')])
<div class="row">
    <div class="col-md-12">
        <div class="callout callout-info" id="holding_user_sync_preview" style="{{ empty($primaryAssignment) ? 'display:none;' : '' }}">
            <p><strong>@lang('lang_v1.holding_user_sync_hint')</strong></p>
            <p id="holding_user_sync_org_unit">
                @if(!empty($primaryAssignment) && $primaryAssignment->orgUnit)
                    @lang('lang_v1.holding_org_unit'): <span>{{ $primaryAssignment->orgUnit->name }}</span>
                @endif
            </p>
            <p id="holding_user_sync_entity">
                @if(!empty($primaryAssignment) && $primaryAssignment->entity)
                    @lang('lang_v1.holding_entity'): <span>{{ $primaryAssignment->entity->name }}</span>
                @endif
            </p>
            <p class="text-muted" style="margin-bottom:0;">
                <a href="{{ $holdingUrl }}" target="_blank">@lang('lang_v1.holding_manage_structure')</a>
            </p>
        </div>
        <p class="text-muted" id="holding_user_sync_pending" style="display:none;">
            @lang('lang_v1.holding_user_sync_pending')
        </p>
    </div>
</div>
@endcomponent

<script type="text/javascript">
    window.HOLDING_USER_FORM = {
        departmentToOrgUnit: @json($departmentToOrgUnit)
    };
</script>