@php
    $stage = is_array($stage ?? null) ? $stage : [];
    $canEdit = (bool) ($canEdit ?? false);
    $actions = is_array($actions ?? null) ? $actions : [];
    $allSubs = is_array($allSubs ?? null) ? $allSubs : [];
    $whoCat = is_array($whoCat ?? null) ? $whoCat : [];
    $catalog = is_array($catalog ?? null) ? $catalog : [];
    $enterGates = $catalog['enter_gates'] ?? [];
    $exitGates = $catalog['exit_gates'] ?? [];
@endphp
<article class="pciiv-wf-stage" data-id="{{ (int) ($stage['id'] ?? 0) }}" data-key="{{ $stage['key'] ?? '' }}" data-number="{{ (int) ($stage['number'] ?? 0) }}">
    <div class="pciiv-wf-stage__head">
        <span class="pciiv-wf-stage__num">{{ (int) ($stage['number'] ?? 0) }}</span>
        <input type="text" class="form-control form-control-sm pciiv-wf-stage__title-input" data-field="label"
               value="{{ $stage['label'] ?? '' }}" style="max-width:420px;font-weight:700;" {{ $canEdit ? '' : 'readonly' }}>
                <label class="mb-0 ml-auto">
                    <input type="checkbox" data-field="enabled" {{ ! empty($stage['enabled']) ? 'checked' : '' }} {{ $canEdit ? '' : 'disabled' }}>
                    Enabled
                </label>
                @if ($canEdit)
                    <button type="button" class="btn btn-outline-secondary btn-xs pciiv-wf-add-state" style="font-size:.75rem;">+ State</button>
                    <button type="button" class="btn btn-outline-danger btn-xs pciiv-wf-del-stage" style="font-size:.75rem;" title="Delete this stage">Delete stage</button>
                @endif
            </div>
    <div class="row mb-2">
        <div class="col-md-6">
            <label class="small text-muted mb-0">Enter point</label>
            <select class="form-control form-control-sm" data-field="enter_gate_point_id" {{ $canEdit ? '' : 'disabled' }}>
                <option value="">— None —</option>
                @foreach ($enterGates as $gate)
                    <option value="{{ $gate['id'] }}" {{ (int) ($stage['enter_gate_point_id'] ?? 0) === (int) $gate['id'] ? 'selected' : '' }}>{{ $gate['label'] }}</option>
                @endforeach
            </select>
        </div>
        <div class="col-md-6">
            <label class="small text-muted mb-0">Exit point</label>
            <select class="form-control form-control-sm" data-field="exit_gate_point_id" {{ $canEdit ? '' : 'disabled' }}>
                <option value="">— None —</option>
                @foreach ($exitGates as $gate)
                    <option value="{{ $gate['id'] }}" {{ (int) ($stage['exit_gate_point_id'] ?? 0) === (int) $gate['id'] ? 'selected' : '' }}>{{ $gate['label'] }}</option>
                @endforeach
            </select>
        </div>
    </div>

    <div class="pciiv-wf-subs">
        @foreach (($stage['sub_stages'] ?? []) as $sub)
            @php $sub = is_array($sub) ? $sub : []; @endphp
            <div class="pciiv-wf-sub" data-id="{{ (int) ($sub['id'] ?? 0) }}" data-key="{{ $sub['key'] ?? '' }}">
                <div class="d-flex flex-wrap align-items-center gap-2">
                    <input type="text" class="form-control form-control-sm" data-field="label" value="{{ $sub['label'] ?? '' }}" style="max-width:280px;" {{ $canEdit ? '' : 'readonly' }}>
                    <input type="text" class="form-control form-control-sm" data-field="maps_to_workflow_stage" value="{{ $sub['maps_to_workflow_stage'] ?? '' }}" placeholder="maps_to workflow_stage" style="max-width:200px;" title="Legacy workflow_stage value" {{ $canEdit ? '' : 'readonly' }}>
                    <label class="mb-0">
                        <input type="checkbox" data-field="enabled" {{ ! empty($sub['enabled']) ? 'checked' : '' }} {{ $canEdit ? '' : 'disabled' }}>
                        Enabled
                    </label>
                    @if ($canEdit)
                        <button type="button" class="btn btn-outline-primary btn-xs pciiv-wf-add-tr" style="font-size:.75rem;">+ Transition</button>
                        <button type="button" class="btn btn-outline-danger btn-xs pciiv-wf-del-state" style="font-size:.75rem;" title="Delete this state">Delete state</button>
                    @endif
                </div>
                <div class="pciiv-wf-transitions">
                    @foreach (($sub['transitions'] ?? []) as $tr)
                        @php $tr = is_array($tr) ? $tr : []; @endphp
                        <div class="pciiv-wf-tr" data-id="{{ (int) ($tr['id'] ?? 0) }}">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-3 mb-1">
                                    <label class="small text-muted mb-0">Action</label>
                                    <select class="form-control form-control-sm" data-field="action" {{ $canEdit ? '' : 'disabled' }}>
                                        @foreach ($actions as $ak => $al)
                                            <option value="{{ $ak }}" {{ ($tr['action'] ?? '') === $ak ? 'selected' : '' }}>{{ $al }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-4 mb-1">
                                    <label class="small text-muted mb-0">Next state</label>
                                    <select class="form-control form-control-sm" data-field="to_sub_stage_id" {{ $canEdit ? '' : 'disabled' }}>
                                        <option value="">— Same / none —</option>
                                        @foreach ($allSubs as $opt)
                                            @php $opt = is_array($opt) ? $opt : []; @endphp
                                            <option value="{{ (int) ($opt['id'] ?? 0) }}" {{ (int) ($tr['to_sub_stage_id'] ?? 0) === (int) ($opt['id'] ?? 0) ? 'selected' : '' }}>
                                                {{ $opt['label'] ?? $opt['key'] ?? ('#'.$opt['id']) }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-2 mb-1">
                                    <label class="mb-0 mt-3 d-block">
                                        <input type="checkbox" data-field="enabled" {{ !isset($tr['enabled']) || !empty($tr['enabled']) ? 'checked' : '' }} {{ $canEdit ? '' : 'disabled' }}>
                                        On
                                    </label>
                                </div>
                                @if ($canEdit)
                                    <div class="form-group col-md-3 mb-1 text-right">
                                        <button type="button" class="btn btn-outline-danger btn-xs pciiv-wf-del-tr">Remove</button>
                                        <button type="button" class="btn btn-outline-secondary btn-xs pciiv-wf-add-who">+ Who</button>
                                    </div>
                                @endif
                            </div>
                            <div class="pciiv-wf-whos">
                                @forelse (($tr['whos'] ?? []) as $who)
                                    @php $who = is_array($who) ? $who : []; @endphp
                                    <div class="pciiv-wf-who-row">
                                        <select class="form-control form-control-sm" data-field="who_type" style="max-width:140px;" {{ $canEdit ? '' : 'disabled' }}>
                                            @foreach (($whoCat['who_types'] ?? []) as $wt => $wl)
                                                <option value="{{ $wt }}" {{ ($who['who_type'] ?? '') === $wt ? 'selected' : '' }}>{{ $wl }}</option>
                                            @endforeach
                                        </select>
                                        @include('admin-controls.partials.pc-iv-wf-who-value', [
                                            'whoType' => $who['who_type'] ?? 'authority',
                                            'whoValue' => $who['who_value'] ?? '',
                                            'whoCat' => $whoCat,
                                            'canEdit' => $canEdit,
                                        ])
                                        @if ($canEdit)
                                            <button type="button" class="btn btn-link btn-sm text-danger p-0 pciiv-wf-del-who">&times;</button>
                                        @endif
                                    </div>
                                @empty
                                    <div class="small text-muted mt-1">No Who = any current holder may fire this action.</div>
                                @endforelse
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        @endforeach
    </div>
</article>