@extends('layouts.app')
@section('title', 'Post-forum actions — '.$hub['scheme_label'])

@section('contents')
<x-layouts.page-wrapper
    title="Post-forum actions"
    :breadcrumbs="[
        'PC Forms' => route('pc-forms.index'),
        $hub['scheme_label'] => null,
    ]"
>
    <div class="col-12 col-xl-8 mx-auto">
        <div class="alert alert-info">
            Scheme <strong>{{ $hub['scheme_label'] }}</strong> — continue Advice / AA / Authentication of AA
            (same steps as Meeting Workspace Status when no meeting is linked).
        </div>

        <div class="card card-outline card-primary">
            <div class="card-header">
                <h3 class="card-title mb-0">Status</h3>
            </div>
            <ul class="list-group list-group-flush">
                @if ($hub['advice']['eligible'])
                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap" style="gap: 0.5rem;">
                        <span class="font-weight-medium mb-0">Issue Advice for AA Letter</span>
                        <span class="d-flex flex-wrap align-items-center" style="gap: 0.35rem;">
                            @if ($hub['advice']['issued'])
                                <span class="badge badge-success">Issued</span>
                                <a href="{{ $hub['advice']['url'] }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-check"></i> View</a>
                            @elseif ($hub['advice']['can_generate'])
                                <a href="{{ $hub['advice']['url'] }}?edit=1" class="btn btn-sm btn-outline-danger"><i class="fas fa-plus"></i> Generate</a>
                            @elseif ($hub['advice']['can_view'])
                                <a href="{{ $hub['advice']['url'] }}" class="btn btn-sm btn-outline-secondary">View</a>
                            @else
                                <span class="text-muted small">Waiting for Chief Development</span>
                            @endif
                        </span>
                    </li>
                @endif

                @if ($hub['aa']['eligible'])
                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap" style="gap: 0.5rem;">
                        <span class="font-weight-medium mb-0">AA (Administrative Approval) letter</span>
                        <span class="d-flex flex-wrap align-items-center" style="gap: 0.35rem;">
                            @if ($hub['aa']['issued'])
                                <span class="badge badge-success">Forwarded</span>
                                <a href="{{ $hub['aa']['url'] }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-check"></i> View</a>
                            @elseif ($hub['aa']['can_generate'])
                                <a href="{{ $hub['aa']['url'] }}?edit=1" class="btn btn-sm btn-outline-danger"><i class="fas fa-plus"></i> Generate</a>
                            @elseif ($hub['aa']['can_view'])
                                <a href="{{ $hub['aa']['url'] }}" class="btn btn-sm btn-outline-secondary">View</a>
                            @else
                                <span class="text-muted small">Waiting for Administrative Department</span>
                            @endif
                        </span>
                    </li>
                @endif

                @if ($hub['aa_auth']['eligible'])
                    <li class="list-group-item d-flex justify-content-between align-items-center flex-wrap" style="gap: 0.5rem;">
                        <span class="font-weight-medium mb-0">Authentication of AA</span>
                        <span class="d-flex flex-wrap align-items-center" style="gap: 0.35rem;">
                            @if ($hub['aa_auth']['issued'])
                                <span class="badge badge-success">Authenticated</span>
                                <a href="{{ $hub['aa_auth']['url'] }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-check"></i> View</a>
                            @elseif ($hub['aa_auth']['can_generate'])
                                <a href="{{ $hub['aa_auth']['url'] }}?edit=1" class="btn btn-sm btn-outline-danger"><i class="fas fa-plus"></i> Generate</a>
                            @elseif ($hub['aa_auth']['can_view'])
                                <a href="{{ $hub['aa_auth']['url'] }}" class="btn btn-sm btn-outline-secondary">View</a>
                            @else
                                <span class="text-muted small">Waiting for Finance</span>
                            @endif
                        </span>
                    </li>
                @endif

                @if (! $hub['advice']['eligible'] && ! $hub['aa']['eligible'] && ! $hub['aa_auth']['eligible'])
                    <li class="list-group-item text-muted">No post-forum actions are available for your role on this scheme yet.</li>
                @endif
            </ul>
        </div>

        {{-- ===== WORKFLOW DEBUG TRIGGER (PMS_WORKFLOW_DEBUG=true) ===== --}}
        @if (!empty($workflowDebug))
        <button type="button" id="wfDebugBtn" title="Workflow diagnostic" style="display:none;"></button>
        @endif
        {{-- ===== END WORKFLOW DEBUG TRIGGER ===== --}}
    </div>
</x-layouts.page-wrapper>

{{-- ===== WORKFLOW DEBUG MODAL (PMS_WORKFLOW_DEBUG=true) ===== --}}
@if (!empty($workflowDebug))
@php $wd = $workflowDebug; @endphp
<div class="modal fade" id="wfDebugModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
        <div class="modal-content" style="border-radius: 8px; overflow: hidden;">
            <div class="modal-header py-2" style="background: #fefce8; border-bottom: 1px solid #fde68a;">
                <h6 class="modal-title" style="font-size: 0.82rem; color: #92400e;">
                    <i class="fas fa-heartbeat mr-1"></i> Workflow Diagnostic
                </h6>
                <button type="button" class="close" data-dismiss="modal" style="margin-left: auto; font-size: 1.1rem; opacity: .5;"><span>&times;</span></button>
            </div>
            <div class="modal-body p-3" style="font-size: 0.8rem; background: #fff;">

                {{-- ===== Context ===== --}}
                <div class="mb-3 pb-2" style="border-bottom: 1px solid #f3f4f6;">
                    <span class="text-muted">Scheme <strong>PC #{{ $wd['form_id'] }}</strong></span>
                    <span class="mx-1 text-muted">&middot;</span>
                    <span class="text-muted">State: <strong>{{ $wd['form_state'] ?: '(empty)' }}</strong></span>
                    <span class="mx-1 text-muted">&middot;</span>
                    <span class="text-muted">Your roles: <strong>{{ implode(', ', $wd['user_roles']) }}</strong></span>
                </div>

                {{-- ===== STEP 1: Advice ===== --}}
                @php $adv = $wd['advice']; @endphp
                <div class="mb-3">
                    <div class="d-flex align-items-center mb-1">
                        <span class="badge badge-success mr-2" style="font-size: 0.58rem;">STEP 1</span>
                        <strong style="font-size: 0.8rem;">Issue Advice for AA Letter</strong>
                        @if ($adv['blocked'])
                            <span class="badge badge-danger ml-auto" style="font-size: 0.58rem;">NOT AVAILABLE</span>
                        @else
                            <span class="badge badge-success ml-auto" style="font-size: 0.58rem;">AVAILABLE</span>
                        @endif
                    </div>

                    @if ($adv['first_blocker'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #fef2f2; border-left: 3px solid #f87171; font-size: 0.78rem;">
                            <i class="fas fa-exclamation-circle text-danger mr-1"></i>
                            <strong style="color: #991b1b;">{{ $adv['first_blocker'] }}</strong>
                        </div>
                    @endif

                    @if (! $adv['blocked'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #f0fdf4; border-left: 3px solid #4ade80; font-size: 0.78rem;">
                            <i class="fas fa-check-circle text-success mr-1"></i>
                            Advice Generate button is visible for this scheme.
                        </div>
                    @endif
                </div>

                {{-- ===== STEP 2: AA ===== --}}
                @php $aa = $wd['aa']; @endphp
                <div class="mb-3">
                    <div class="d-flex align-items-center mb-1">
                        <span class="badge badge-primary mr-2" style="font-size: 0.58rem;">STEP 2</span>
                        <strong style="font-size: 0.8rem;">AA (Administrative Approval) Letter</strong>
                        @if ($aa['blocked'])
                            <span class="badge badge-danger ml-auto" style="font-size: 0.58rem;">NOT AVAILABLE</span>
                        @else
                            <span class="badge badge-success ml-auto" style="font-size: 0.58rem;">AVAILABLE</span>
                        @endif
                    </div>

                    @if ($aa['first_blocker'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #fef2f2; border-left: 3px solid #f87171; font-size: 0.78rem;">
                            <i class="fas fa-exclamation-circle text-danger mr-1"></i>
                            <strong style="color: #991b1b;">{{ $aa['first_blocker'] }}</strong>
                        </div>
                    @endif

                    @if (! $aa['blocked'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #f0fdf4; border-left: 3px solid #4ade80; font-size: 0.78rem;">
                            <i class="fas fa-check-circle text-success mr-1"></i>
                            AA Generate button is visible for this scheme.
                        </div>
                    @endif
                </div>

                {{-- ===== STEP 3: AA Auth ===== --}}
                @php $auth = $wd['aa_auth']; @endphp
                <div class="mb-2">
                    <div class="d-flex align-items-center mb-1">
                        <span class="badge mr-2" style="font-size: 0.58rem; background: #9333ea;">STEP 3</span>
                        <strong style="font-size: 0.8rem;">Authentication of AA</strong>
                        @if ($auth['blocked'])
                            <span class="badge badge-danger ml-auto" style="font-size: 0.58rem;">NOT AVAILABLE</span>
                        @else
                            <span class="badge badge-success ml-auto" style="font-size: 0.58rem;">AVAILABLE</span>
                        @endif
                    </div>

                    @if ($auth['first_blocker'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #fef2f2; border-left: 3px solid #f87171; font-size: 0.78rem;">
                            <i class="fas fa-exclamation-circle text-danger mr-1"></i>
                            <strong style="color: #991b1b;">{{ $auth['first_blocker'] }}</strong>
                        </div>
                    @endif

                    @if (! $auth['blocked'])
                        <div class="rounded px-2 py-1 mb-2" style="background: #f0fdf4; border-left: 3px solid #4ade80; font-size: 0.78rem;">
                            <i class="fas fa-check-circle text-success mr-1"></i>
                            AA Auth Generate button is visible for this scheme.
                        </div>
                    @endif
                </div>
            </div>
            <div class="modal-footer py-1" style="background: #fefce8; border-top: 1px solid #fde68a;">
                <small class="text-muted" style="font-size: 0.7rem;"><i class="fas fa-lock mr-1"></i>PMS_WORKFLOW_DEBUG mode &mdash; only visible to support</small>
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal" style="font-size: 0.75rem; padding: 0.2rem 0.6rem;">Close</button>
            </div>
        </div>
    </div>
</div>
@endif
{{-- ===== END WORKFLOW DEBUG MODAL ===== --}}
@endsection

@push('scripts')
<script>
(function ($) {
    (function () {
        var $btn = $('<button type="button" title="Workflow diagnostic"></button>').css({
            position: 'fixed', bottom: '12px', right: '12px', zIndex: 9998,
            width: '28px', height: '28px', borderRadius: '50%', border: '1px solid #d1d5db',
            background: '#fff', color: '#9ca3af', fontSize: '11px', cursor: 'pointer',
            opacity: 0.35, boxShadow: '0 1px 3px rgba(0,0,0,.08)',
            display: 'flex', alignItems: 'center', justifyContent: 'center',
            transition: 'opacity .2s', touchAction: 'manipulation'
        }).html('<i class="fas fa-heartbeat"></i>');
        $btn.on('mouseenter', function () { $(this).css('opacity', 1); });
        $btn.on('mouseleave', function () { $(this).css('opacity', 0.35); });
        $btn.on('click', function (e) { e.preventDefault(); e.stopPropagation(); $('#wfDebugModal').modal('show'); });
        $('body').append($btn);
    })();
})(jQuery);
</script>
@endpush