@extends('layouts.app')

@section('title', 'PC-IV Workflow')

@push('stylesheets')
<style>
    .pciiv-wf-page { max-width: 1120px; }
    .pciiv-wf-hero { background:#00401A;color:#fff;border-radius:12px;padding:1rem 1.15rem;margin-bottom:1rem; }
    .pciiv-wf-hero h1 { font-size:1.25rem;margin:0 0 .35rem;font-weight:700; }
    .pciiv-wf-hero p { margin:0;opacity:.9;font-size:.9rem; }
    .pciiv-wf-toolbar { display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem; }
    .pciiv-wf-summary { display:flex;flex-wrap:wrap;gap:.75rem 1.1rem;background:#f4f6f9;border:1px solid #e8edf3;border-radius:10px;padding:.7rem 1rem;margin-bottom:.85rem;font-size:.875rem; }
    .pciiv-wf-sum-err b { color:#b91c1c; } .pciiv-wf-sum-warn b { color:#b45309; }
    .pciiv-wf-issue { border-radius:8px;padding:.55rem .75rem;margin-bottom:.4rem;font-size:.86rem;border:1px solid transparent; }
    .pciiv-wf-issue--error { background:#fef2f2;border-color:#fecaca;color:#7f1d1d; }
    .pciiv-wf-issue--warn { background:#fffbeb;border-color:#fde68a;color:#78350f; }
    .pciiv-wf-issue--info { background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a; }
    .pciiv-wf-issue--ok { background:#ecfdf5;border-color:#a7f3d0;color:#065f46; }
    .pciiv-wf-flash { display:none;border-radius:8px;padding:.55rem .75rem;margin-bottom:.75rem;font-size:.88rem; }
    .pciiv-wf-flash--ok { display:block;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0; }
    .pciiv-wf-flash--err { display:block;background:#fef2f2;color:#7f1d1d;border:1px solid #fecaca; }
    .pciiv-wf-stage { background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:.9rem 1rem;margin-bottom:.85rem; }
    .pciiv-wf-stage__head { display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;margin-bottom:.65rem; }
    .pciiv-wf-stage__num { background:#00401A;color:#fff;border-radius:999px;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem; }
    .pciiv-wf-stage__title { font-weight:700;color:#0f172a;margin:0;font-size:1rem; }
    .pciiv-wf-sub { border:1px solid #eef2f7;border-radius:10px;padding:.7rem .8rem;margin-top:.55rem;background:#fafbfc; }
    .pciiv-wf-sub__title { font-weight:600;color:#334155;margin:0; }
    .pciiv-wf-tr { border:1px dashed #cbd5e1;border-radius:8px;padding:.55rem .65rem;margin-top:.45rem;background:#fff; }
    .pciiv-wf-who-row { display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.35rem; }
    .pciiv-wf-hint { font-size:.82rem;color:#64748b;margin-top:.75rem;border-left:3px solid #0d9488;padding-left:.65rem; }
</style>
@endpush

@section('contents')
@php
    $definition = $definition ?? [];
    $issues = $issues ?? [];
    $summary = $summary ?? [];
    $catalog = $catalog ?? [];
    $canEdit = (bool) ($canEdit ?? false);
    $actions = is_array($definition['actions'] ?? null) ? $definition['actions'] : [];
    $whoCat = $catalog['who'] ?? [];
    $allSubs = $definition['all_sub_stages'] ?? ($catalog['sub_stages'] ?? []);
@endphp
<section class="content">
    <div class="container-fluid pciiv-wf-page">
        <div class="pciiv-wf-hero">
            <h1>PC-IV Workflow</h1>
            <p>Option D — Phase → State → Transition (Action + Who → Next state). Super Admin can add stages/states and edit the flow here.</p>
        </div>

        <div id="pciiv-wf-flash" class="pciiv-wf-flash" role="status"></div>

        <div class="pciiv-wf-toolbar">
            <button type="button" class="btn btn-outline-secondary btn-sm" id="pciiv-wf-btn-check"><i class="fas fa-stethoscope mr-1"></i> Check</button>
            @if ($canEdit)
                <button type="button" class="btn btn-success btn-sm" id="pciiv-wf-btn-save"><i class="fas fa-save mr-1"></i> Save</button>
                <button type="button" class="btn btn-outline-primary btn-sm" id="pciiv-wf-btn-add-stage"><i class="fas fa-plus mr-1"></i> Add stage</button>
                <button type="button" class="btn btn-outline-danger btn-sm" id="pciiv-wf-btn-reset"><i class="fas fa-undo mr-1"></i> Reset defaults</button>
            @endif
        </div>

        <div id="pciiv-wf-summary" class="pciiv-wf-summary">
            <span><b>{{ (int) ($summary['stages'] ?? 0) }}</b> stages</span>
            <span><b>{{ (int) ($summary['sub_stages'] ?? 0) }}</b> states</span>
            <span><b>{{ (int) ($summary['transitions'] ?? 0) }}</b> transitions</span>
            <span class="pciiv-wf-sum-err"><b>{{ (int) ($summary['errors'] ?? 0) }}</b> errors</span>
            <span class="pciiv-wf-sum-warn"><b>{{ (int) ($summary['warnings'] ?? 0) }}</b> warnings</span>
        </div>

        <div id="pciiv-wf-issues">
            @forelse ($issues as $issue)
                @php $sev = (string) ($issue['severity'] ?? 'info'); @endphp
                <div class="pciiv-wf-issue pciiv-wf-issue--{{ $sev === 'error' ? 'error' : ($sev === 'warning' ? 'warn' : 'info') }}">
                    <strong>{{ strtoupper($sev) }}</strong> — {{ $issue['message'] ?? '' }}
                </div>
            @empty
                <div class="pciiv-wf-issue pciiv-wf-issue--ok">No issues — workflow looks healthy.</div>
            @endforelse
        </div>

        <div id="pciiv-wf-root"
             data-can-edit="{{ $canEdit ? '1' : '0' }}"
             data-check-url="{{ $checkUrl }}"
             data-save-url="{{ $saveUrl }}"
             data-reset-url="{{ $resetUrl }}"
             data-actions='@json($actions)'
             data-who='@json($whoCat)'
             data-all-subs='@json($allSubs)'>

            <div class="form-row mb-3">
                <div class="form-group col-md-6 mb-2">
                    <label for="pciiv-wf-label">Workflow name</label>
                    <input id="pciiv-wf-label" type="text" class="form-control form-control-sm"
                           value="{{ $definition['label'] ?? 'PC-IV Workflow' }}" {{ $canEdit ? '' : 'readonly' }}>
                </div>
                <div class="form-group col-md-6 mb-2">
                    <label for="pciiv-wf-visibility">Recipient picker</label>
                    <select id="pciiv-wf-visibility" class="form-control form-control-sm" {{ $canEdit ? '' : 'disabled' }}>
                        <option value="all_users" {{ ($definition['recipient_visibility'] ?? '') === 'all_users' ? 'selected' : '' }}>Show all users</option>
                        <option value="filtered" {{ ($definition['recipient_visibility'] ?? '') === 'filtered' ? 'selected' : '' }}>Filtered (Who-based later)</option>
                    </select>
                </div>
            </div>

            <div id="pciiv-wf-stages">
                @foreach (($definition['stages'] ?? []) as $stage)
                    @include('admin-controls.partials.pc-iv-wf-stage', ['stage' => $stage, 'canEdit' => $canEdit, 'actions' => $actions, 'allSubs' => $allSubs, 'whoCat' => $whoCat, 'catalog' => $catalog])
                @endforeach
            </div>
        </div>

        <p class="pciiv-wf-hint">
            <strong>How it works:</strong> each <em>state</em> lists <em>transitions</em>.
            A transition = Action + Who may do it + Next state.
            Live cases use these rules for forward / return / edit (not the old permission checkboxes).
        </p>
    </div>
</section>
@endsection

@push('scripts')
<script src="{{ asset('assets/js/pc-iv/workflow-framework.js') }}?v={{ @filemtime(public_path('assets/js/pc-iv/workflow-framework.js')) ?: time() }}"></script>
@endpush