{{--
    $idPrefix: e.g. '' for full page, 'spc_modal_' for index modal (unique element ids).
    $returnToList: add hidden input so POST redirects back to index.
--}}
@php
    $rid = (int) $scheme_plan_change->id;
    $idPrefix = $idPrefix ?? 'spc_';
    $modalPrefix = $idPrefix.$rid.'_';
    $forwardActionLabel = $forwardActionLabel ?? ($scheme_plan_change->status === 'meo_review' ? __('Forward to RD') : __('Forward'));
    $hasActions = ($canForward ?? false) || ($canApprove ?? false) || ($canDecline ?? false) || ($canReject ?? false);
@endphp

@if ($hasActions)
    <div class="d-flex flex-wrap align-items-center scheme-plan-change-action-buttons">
        @if (! empty($canForward))
            <button type="button" class="btn btn-success btn-sm mr-1 mb-1" data-toggle="modal" data-target="#{{ $modalPrefix }}forwardModal">
                <i class="fas fa-share mr-1"></i>{{ $forwardActionLabel }}
            </button>
        @endif
        @if (! empty($canApprove))
            <button type="button" class="btn btn-success btn-sm mr-1 mb-1" data-toggle="modal" data-target="#{{ $modalPrefix }}approveModal">
                <i class="fas fa-check mr-1"></i>{{ __('Approve (final)') }}
            </button>
        @endif
        @if (! empty($canDecline))
            <button type="button" class="btn btn-warning btn-sm mr-1 mb-1" data-toggle="modal" data-target="#{{ $modalPrefix }}declineModal">
                <i class="fas fa-undo mr-1"></i>{{ __('Decline') }}
            </button>
        @endif
        @if (! empty($canReject))
            <button type="button" class="btn btn-outline-danger btn-sm mb-1" data-toggle="modal" data-target="#{{ $modalPrefix }}rejectModal">
                <i class="fas fa-times mr-1"></i>{{ __('Reject') }}
            </button>
        @endif
    </div>

    @if (! empty($canForward))
        <div class="modal fade" id="{{ $modalPrefix }}forwardModal" tabindex="-1" role="dialog" aria-labelledby="{{ $modalPrefix }}forwardModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('scheme-plan-changes.forward', $scheme_plan_change) }}">
                        @csrf
                        @if (! empty($returnToList))
                            <input type="hidden" name="return" value="list">
                        @endif
                        <div class="modal-header">
                            <h5 class="modal-title" id="{{ $modalPrefix }}forwardModalLabel">{{ $forwardActionLabel }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small mb-3">{{ __('Optional remarks for the next reviewer.') }}</p>
                            <div class="form-group mb-0">
                                <label for="{{ $modalPrefix }}fwd_remarks">{{ __('Remarks (optional)') }}</label>
                                <textarea name="remarks" id="{{ $modalPrefix }}fwd_remarks" class="form-control" rows="3" maxlength="20000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-success">{{ $forwardActionLabel }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if (! empty($canApprove))
        <div class="modal fade" id="{{ $modalPrefix }}approveModal" tabindex="-1" role="dialog" aria-labelledby="{{ $modalPrefix }}approveModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('scheme-plan-changes.approve', $scheme_plan_change) }}">
                        @csrf
                        @if (! empty($returnToList))
                            <input type="hidden" name="return" value="list">
                        @endif
                        <div class="modal-header">
                            <h5 class="modal-title" id="{{ $modalPrefix }}approveModalLabel">{{ __('Approve request') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small mb-3">{{ __('This will apply the cancellation or replacement to the visit plan. Optional remarks below.') }}</p>
                            <div class="form-group mb-0">
                                <label for="{{ $modalPrefix }}appr_remarks">{{ __('Remarks (optional)') }}</label>
                                <textarea name="remarks" id="{{ $modalPrefix }}appr_remarks" class="form-control" rows="3" maxlength="20000"></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-success">{{ __('Approve') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if (! empty($canDecline))
        <div class="modal fade" id="{{ $modalPrefix }}declineModal" tabindex="-1" role="dialog" aria-labelledby="{{ $modalPrefix }}declineModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('scheme-plan-changes.decline', $scheme_plan_change) }}">
                        @csrf
                        @if (! empty($returnToList))
                            <input type="hidden" name="return" value="list">
                        @endif
                        <div class="modal-header">
                            <h5 class="modal-title" id="{{ $modalPrefix }}declineModalLabel">{{ __('Decline request') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small mb-3">{{ __('Return this request one step back so the previous reviewer or initiator can revise and resubmit.') }}</p>
                            <div class="form-group mb-0">
                                <label for="{{ $modalPrefix }}decl_remarks">{{ __('Remarks') }} <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="{{ $modalPrefix }}decl_remarks" class="form-control" rows="3" maxlength="20000" required></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-warning">{{ __('Decline') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif

    @if (! empty($canReject))
        <div class="modal fade" id="{{ $modalPrefix }}rejectModal" tabindex="-1" role="dialog" aria-labelledby="{{ $modalPrefix }}rejectModalLabel" aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <form method="post" action="{{ route('scheme-plan-changes.reject', $scheme_plan_change) }}">
                        @csrf
                        @if (! empty($returnToList))
                            <input type="hidden" name="return" value="list">
                        @endif
                        <div class="modal-header">
                            <h5 class="modal-title" id="{{ $modalPrefix }}rejectModalLabel">{{ __('Reject request') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <p class="text-muted small mb-3">{{ __('Reject this request and return it to the initiator. The initiator may revise and resubmit where allowed.') }}</p>
                            <div class="form-group mb-0">
                                <label for="{{ $modalPrefix }}rej_remarks">{{ __('Rejection remarks') }} <span class="text-danger">*</span></label>
                                <textarea name="remarks" id="{{ $modalPrefix }}rej_remarks" class="form-control" rows="3" maxlength="20000" required></textarea>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-outline-danger">{{ __('Reject') }}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    @endif
@endif