@php
    $pciAuthWizardStep = (int) ($pciAuthWizardStep ?? 1);
    $pciAuthStepTitle = $pciAuthStepTitle ?? '3. Authorities responsible';
    $pciAuthNavKey = $pciAuthNavKey ?? 'authorities';
    $pciAuthCollapseId = $pciAuthCollapseId ?? 'pci-pc-iv-sect-auth-body';
    $pciAuthToggleId = $pciAuthToggleId ?? 'pci-pc-iv-sect-auth-toggle';

    $authShowSponsoring = canField('pc-forms', 'sponsoring_agency', 'view');
    $authShowExecuting = canField('pc-forms', 'executing_agency', 'view');
    $authShowOpm = canField('pc-forms', 'operation_maintenance_agency', 'view');
    $authAnyView = $authShowSponsoring || $authShowExecuting || $authShowOpm;
@endphp
@if($authAnyView)
<div class="pci-page" data-page="{{ $pciAuthWizardStep }}" data-pci-nav-key="{{ $pciAuthNavKey }}" data-pci-step-title="{{ $pciAuthStepTitle }}" data-pci-step-theme="3" data-pci-step-icon="landmark">
    <div class="pci-gi-wrap">
        <button type="button" class="pci-gi-bar pci-gi-bar-primary" data-toggle="collapse" data-target="#{{ $pciAuthCollapseId }}" aria-expanded="true" id="{{ $pciAuthToggleId }}">
            <span class="pci-gi-bar-title">{{ preg_replace('/^\d+\.\s*/', '', $pciAuthStepTitle) }}</span>
            <span class="pci-gi-round-chevron" aria-hidden="true"><i class="fas fa-chevron-down"></i></span>
        </button>
        <div id="{{ $pciAuthCollapseId }}" class="collapse show">
            <div class="pci-gi-mint">
                <div class="pci-gi-divider"></div>
                <div id="pci-pc-iv-authorities-readonly" class="row mb-2">
                    @if($authShowSponsoring)
                    <div class="col-md-4 mb-2 mb-md-0">
                        <x-form.readonly-input label="Sponsoring Agency" id="pci-pc-iv-sponsoring-agency" value="" placeholder="—" />
                    </div>
                    @endif
                    @if($authShowExecuting)
                    <div class="col-md-4 mb-2 mb-md-0">
                        <x-form.readonly-input label="Executing Agency" id="pci-pc-iv-executing-agency" value="" placeholder="—" />
                    </div>
                    @endif
                    @if($authShowOpm)
                    <div class="col-md-4 mb-2 mb-md-0">
                        <x-form.readonly-input label="Operation & Maintenance Agency" id="pci-pc-iv-operation-maintenance-agency" value="" placeholder="—" />
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endif