@extends('layouts.app')
@section('title', 'PCFMS → PMS Initialization')

@push('stylesheets')
<style>
    .pcfms-hist-label { font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: #6c757d; }
    #pciInitSigCanvas { border: 1px solid #ced4da; border-radius: 0.25rem; background: #fff; touch-action: none; }
    .pci-decision-banner {
        border-radius: 0.35rem;
        padding: 1rem 1.25rem;
        margin-bottom: 1rem;
        border: 2px solid transparent;
    }
    .pci-decision-banner.no_action_required {
        background: #e8f5e9;
        border-color: #2e7d32;
        color: #1b5e20;
    }
    .pci-decision-banner.already_active {
        background: #fff3e0;
        border-color: #ef6c00;
        color: #e65100;
    }
    .pci-decision-banner.ready {
        background: #e3f2fd;
        border-color: #1565c0;
        color: #0d47a1;
    }
    .pci-decision-banner.manual_review_required {
        background: #fff8e1;
        border-color: #f9a825;
        color: #f57f17;
    }
    .pci-status-pill {
        display: inline-block;
        font-weight: 700;
        letter-spacing: 0.03em;
        padding: 0.35rem 0.75rem;
        border-radius: 0.25rem;
        background: rgba(0,0,0,0.06);
    }
    .pci-timeline td { vertical-align: top; font-size: 0.9rem; }
</style>
@endpush

@section('contents')
@php
    $decision = $detail['decision'] ?? [
        'status' => 'manual_review_required',
        'label' => 'MANUAL REVIEW REQUIRED',
        'reason' => '',
        'meaning' => '',
        'banner' => null,
    ];
    $statusKey = (string) ($decision['status'] ?? '');
    $canInit = (bool) ($detail['can_initialize'] ?? false);
    $pms = $detail['pms'] ?? null;
    $h = $detail['pcfms_history'] ?? null;
    $sel = $detail['selected_pc1'] ?? null;
@endphp
<x-layouts.page-wrapper
    title="PCFMS → PMS Initialization"
    :breadcrumbs="[
        'Admin Controls' => null,
        'PCFMS Initialization' => route('admin-controls.pcfms-initialization.index'),
        $detail['sc_uid'] => null,
    ]"
>
    <div class="col-12 col-xl-10 mx-auto">
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
                @if (session('pc_form_open_url'))
                    <div class="mt-2">
                        <a href="{{ session('pc_form_open_url') }}" class="btn btn-sm btn-success">
                            Open PC Form #{{ session('pc_form_id') }}
                        </a>
                    </div>
                @endif
            </div>
        @endif

        <div class="mb-3">
            <a href="{{ route('admin-controls.pcfms-initialization.index', ['uid' => $detail['sc_uid']]) }}" class="btn btn-sm btn-outline-secondary">&larr; Back to search</a>
        </div>

        {{-- Decision banner --}}
        <div class="pci-decision-banner {{ $statusKey }}">
            @if (!empty($decision['banner']))
                <div class="h4 mb-2">{{ $decision['banner'] }}</div>
            @else
                <div class="h4 mb-2">{{ $decision['label'] ?? '' }}</div>
            @endif
            <p class="mb-2">{{ $decision['meaning'] ?? '' }}</p>
            @if ($pms)
                <p class="mb-0">
                    <a href="{{ $pms['show_url'] }}" class="font-weight-bold">Open existing PMS PC form #{{ $pms['pc_form_id'] }}</a>
                </p>
            @endif
        </div>

        {{-- 1. Scheme --}}
        <div class="card card-outline card-primary mb-3">
            <div class="card-header"><h3 class="card-title mb-0">1. Scheme</h3></div>
            <div class="card-body">
                <dl class="row mb-0">
                    <dt class="col-sm-3">Scheme Name</dt><dd class="col-sm-9">{{ $detail['scheme_name'] }}</dd>
                    <dt class="col-sm-3">ADP Number</dt><dd class="col-sm-9">{{ $detail['adp_number'] !== '' ? $detail['adp_number'] : '—' }}</dd>
                    <dt class="col-sm-3">UID</dt><dd class="col-sm-9"><code>{{ $detail['sc_uid'] }}</code></dd>
                    <dt class="col-sm-3">BMS Project ID</dt><dd class="col-sm-9">{{ $detail['bms_project_id'] }}</dd>
                </dl>
            </div>
        </div>

        {{-- 2. Current PMS Status --}}
        <div class="card card-outline card-info mb-3">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h3 class="card-title mb-0">2. Current PMS Status</h3>
                <span class="pci-status-pill">{{ $decision['label'] ?? '' }}</span>
            </div>
            <div class="card-body">
                @if ($pms)
                    <dl class="row mb-0">
                        <dt class="col-sm-4">PMS PC Form</dt>
                        <dd class="col-sm-8">
                            <a href="{{ $pms['show_url'] }}">#{{ $pms['pc_form_id'] }}</a>
                            @if ($pms['pc_uid'] !== '')
                                <span class="text-muted">({{ $pms['pc_uid'] }})</span>
                            @endif
                        </dd>
                        <dt class="col-sm-4">PMS PC Type</dt><dd class="col-sm-8">{{ $pms['kind_label'] }}</dd>
                        <dt class="col-sm-4">PMS Status</dt>
                        <dd class="col-sm-8">
                            <strong>{{ $pms['state_label'] ?? $pms['state'] }}</strong>
                        </dd>
                        <dt class="col-sm-4">PMS Workflow Stage</dt>
                        <dd class="col-sm-8">{{ $pms['workflow_stage'] !== '' ? $pms['workflow_stage'] : '—' }}</dd>
                        <dt class="col-sm-4">Current Actor</dt>
                        <dd class="col-sm-8">
                            @if (($pms['current_actor_id'] ?? 0) > 0)
                                {{ $pms['current_actor_name'] !== '' ? $pms['current_actor_name'] : 'User #'.$pms['current_actor_id'] }}
                            @else
                                —
                            @endif
                        </dd>
                        <dt class="col-sm-4">Last PMS Activity</dt>
                        <dd class="col-sm-8">{{ !empty($pms['last_activity']) ? $pms['last_activity'] : '—' }}</dd>
                        <dt class="col-sm-4">Last PMS Activity Date</dt>
                        <dd class="col-sm-8">{{ !empty($pms['last_activity_at']) ? $pms['last_activity_at'] : '—' }}</dd>
                    </dl>
                @else
                    <p class="mb-0 text-muted">No PMS PC form exists yet for this scheme.</p>
                @endif
            </div>
        </div>

        {{-- 3. PCFMS Historical Status --}}
        <div class="card card-outline card-dark mb-3">
            <div class="card-header">
                <h3 class="card-title mb-0">
                    <span class="pcfms-hist-label d-block">Historical evidence only</span>
                    3. PCFMS Historical Status
                </h3>
            </div>
            <div class="card-body">
                @if (count($detail['pc1_records']) > 1)
                    <div class="mb-3">
                        <p class="mb-2"><strong>Multiple PCFMS PC records</strong> — select the record whose history should be considered:</p>
                        <form method="get" action="{{ route('admin-controls.pcfms-initialization.show', $detail['sc_uid']) }}">
                            <div class="table-responsive">
                                <table class="table table-sm table-bordered mb-0">
                                    <thead>
                                        <tr>
                                            <th></th>
                                            <th>PC1ID</th>
                                            <th>Version</th>
                                            <th>Status</th>
                                            <th>Entry Date</th>
                                            <th>New/Revised</th>
                                            <th>Active Version</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($detail['pc1_records'] as $row)
                                            <tr>
                                                <td>
                                                    <input type="radio"
                                                           name="pc1_id"
                                                           value="{{ $row['pc1_id'] }}"
                                                           @checked((int) ($detail['selected_pc1_id'] ?? 0) === (int) $row['pc1_id'])
                                                           onchange="this.form.submit()">
                                                </td>
                                                <td>{{ $row['pc1_id'] }}</td>
                                                <td>{{ $row['version'] }}</td>
                                                <td>{{ $row['status'] !== '' ? $row['status'] : '—' }}</td>
                                                <td>{{ $row['entry_date'] !== '' ? $row['entry_date'] : '—' }}</td>
                                                <td>{{ $row['revision_indicator'] }}</td>
                                                <td>@if ($row['is_active_version']) Yes @else No @endif</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </form>
                    </div>
                @elseif (count($detail['pc1_records']) === 1)
                    @php $only = $detail['pc1_records'][0]; @endphp
                    <p class="small text-muted mb-3">
                        Single PCFMS PC record: PC1 #{{ $only['pc1_id'] }} (Version {{ $only['version'] }})
                    </p>
                @endif

                @if ($sel && $h)
                    <dl class="row">
                        <dt class="col-sm-4">Selected PCFMS PC</dt>
                        <dd class="col-sm-8">PC1 #{{ $sel['pc1_id'] }}</dd>
                        <dt class="col-sm-4">PCFMS Status</dt>
                        <dd class="col-sm-8">{{ $h['latest_status'] !== '' ? $h['latest_status'] : '—' }}</dd>
                        <dt class="col-sm-4">PCFMS PC Type</dt>
                        <dd class="col-sm-8">{{ $h['pc_type'] ?? ($sel['is_pc2'] ? 'PC-II' : 'PC-I') }}</dd>
                        <dt class="col-sm-4">Version</dt>
                        <dd class="col-sm-8">{{ $h['version'] ?? $sel['version'] }}</dd>
                        <dt class="col-sm-4">Entry Date</dt>
                        <dd class="col-sm-8">{{ ($h['entry_date'] ?? $sel['entry_date']) !== '' ? ($h['entry_date'] ?? $sel['entry_date']) : '—' }}</dd>
                    </dl>

                    <h5 class="mt-3 mb-2">Workflow history (chronological)</h5>
                    @if (!empty($h['timeline']))
                        <div class="table-responsive">
                            <table class="table table-sm table-striped pci-timeline mb-0">
                                <thead>
                                    <tr>
                                        <th style="width:5rem">System</th>
                                        <th style="width:9rem">Date</th>
                                        <th>Action</th>
                                        <th>User</th>
                                        <th>State</th>
                                        <th>Decision</th>
                                        <th>Meeting</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($h['timeline'] as $ev)
                                        @php
                                            $sys = strtoupper((string) ($ev['system'] ?? 'PCFMS'));
                                            $userSys = strtoupper((string) ($ev['user_system'] ?? $sys));
                                            $userName = trim((string) ($ev['user'] ?? ''));
                                        @endphp
                                        <tr>
                                            <td>
                                                @if ($sys === 'PMS')
                                                    <span class="badge badge-primary">PMS</span>
                                                @else
                                                    <span class="badge badge-dark">PCFMS</span>
                                                @endif
                                            </td>
                                            <td>{{ $ev['date'] !== '' ? \Illuminate\Support\Str::limit($ev['date'], 16, '') : '—' }}</td>
                                            <td>{{ $ev['action'] !== '' ? $ev['action'] : '—' }}</td>
                                            <td>
                                                @if ($userName !== '')
                                                    <span class="badge badge-light border">{{ $userSys }}</span>
                                                    {{ $userName }}
                                                @else
                                                    <span class="text-muted">—</span>
                                                @endif
                                            </td>
                                            <td>{{ $ev['state'] !== '' ? $ev['state'] : '—' }}</td>
                                            <td>{{ $ev['decision'] !== '' ? $ev['decision'] : '—' }}</td>
                                            <td>{{ $ev['meeting'] !== '' ? $ev['meeting'] : '—' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @else
                        <p class="text-muted mb-0">No PCFMS or PMS workflow history stored for this record.</p>
                    @endif
                    <p class="small text-muted mb-0 mt-2">Each row is labeled PCFMS or PMS. Users are shown from that system’s stored records. Historical evidence only — does not overwrite PMS status.</p>
                @elseif (count($detail['pc1_records']) > 1)
                    <p class="text-muted mb-0">Select a PCFMS PC record above to view its historical summary.</p>
                @else
                    <p class="text-muted mb-0">No PCFMS PC record available.</p>
                @endif
            </div>
        </div>

        {{-- 4. What does this mean? --}}
        <div class="card card-outline card-secondary mb-3">
            <div class="card-header"><h3 class="card-title mb-0">4. What does this mean?</h3></div>
            <div class="card-body">
                <p class="mb-0">{{ $decision['meaning'] ?? '' }}</p>
            </div>
        </div>

        {{-- 5. What will happen? --}}
        <div class="card card-outline card-secondary mb-3">
            <div class="card-header"><h3 class="card-title mb-0">5. What will happen?</h3></div>
            <div class="card-body">
                <p class="mb-2">If you initialize this record:</p>
                <ul class="mb-0">
                    <li>PCFMS data will <strong>not</strong> be changed.</li>
                    <li>BMS data will <strong>not</strong> be changed.</li>
                    <li>PMS will create/initialize the workflow using the existing PMS workflow mechanism.</li>
                    <li>The selected PMS actor will receive the workflow according to existing PMS permissions.</li>
                    <li>The PMS workflow will determine the resulting stage.</li>
                    <li>The administrator cannot bypass the workflow.</li>
                </ul>
            </div>
        </div>

        {{-- 6. Initialization eligibility --}}
        @php
            $suggested = $detail['suggested_actors'] ?? ['items' => [], 'label' => '', 'note' => ''];
            $suggestedLabel = trim((string) ($suggested['label'] ?? ''));
        @endphp
        <div class="card card-outline mb-3 {{ $canInit ? 'card-success' : 'card-warning' }}">
            <div class="card-header"><h3 class="card-title mb-0">6. Initialization Eligibility</h3></div>
            <div class="card-body">
                <div class="row">
                    <div class="col-md-6 mb-3 mb-md-0">
                        <p class="mb-1"><span class="pcfms-hist-label">Initialization Status</span></p>
                        <p class="h4 mb-2"><span class="pci-status-pill">{{ $decision['label'] ?? '' }}</span></p>
                        <p class="mb-0"><strong>Reason:</strong> {{ $decision['reason'] ?? '' }}</p>
                        @if (count($detail['blockers']) > 0 && $statusKey !== 'ready')
                            <ul class="mb-0 mt-2">
                                @foreach ($detail['blockers'] as $blocker)
                                    <li>{{ $blocker }}</li>
                                @endforeach
                            </ul>
                        @endif
                    </div>
                    <div class="col-md-6">
                        <p class="mb-1"><span class="pcfms-hist-label">Suggested Eligible PMS Actor (PCFMS flow)</span></p>
                        @if (!empty($suggested['next_hop_label']))
                            <p class="mb-1"><strong>Next PMS hop:</strong> {{ $suggested['next_hop_label'] }}</p>
                        @endif
                        @if ($suggestedLabel !== '')
                            <p class="mb-1" style="line-height:1.5;">{{ $suggestedLabel }}</p>
                            <p class="small text-muted mb-0">{{ $suggested['note'] ?? '' }} Format: Name - Permission.</p>
                        @elseif ($canInit)
                            <p class="mb-0 text-muted">No eligible PMS actors found for the inferred next hop / scheme department.</p>
                        @else
                            <p class="mb-0 text-muted">Actor suggestion is shown only when initialization is ready.</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        {{-- Safe repair / rollback (early mistaken workflow only) --}}
        @php $rollback = $detail['rollback'] ?? ['allowed' => false]; @endphp
        @if (!empty($rollback['allowed']))
            <div class="card card-outline card-danger mb-3">
                <div class="card-header"><h3 class="card-title mb-0">Safe repair — Roll back early PMS workflow</h3></div>
                <div class="card-body">
                    <p class="mb-2">
                        Use this only to undo <strong>early mistaken</strong> PMS activity (wrong actor / failed init / legacy reconciliation)
                        and restore a shell so initialization can be retried.
                    </p>
                    <dl class="row mb-3">
                        <dt class="col-sm-4">PMS PC Form</dt>
                        <dd class="col-sm-8">
                            @if (!empty($detail['pms']['show_url']))
                                <a href="{{ $detail['pms']['show_url'] }}">#{{ $rollback['pc_form_id'] }}</a>
                            @else
                                #{{ $rollback['pc_form_id'] }}
                            @endif
                        </dd>
                        <dt class="col-sm-4">Current actor</dt>
                        <dd class="col-sm-8">{{ $rollback['current_actor_name'] !== '' ? $rollback['current_actor_name'] : '—' }}</dd>
                        <dt class="col-sm-4">Stage / state</dt>
                        <dd class="col-sm-8">{{ $rollback['workflow_stage'] }} / {{ $rollback['state'] !== '' ? $rollback['state'] : '—' }}</dd>
                        <dt class="col-sm-4">Forwards / reviews</dt>
                        <dd class="col-sm-8">{{ $rollback['forward_count'] }} / {{ $rollback['review_count'] }}</dd>
                    </dl>
                    <div class="alert alert-warning">
                        <strong>This will:</strong>
                        <ul class="mb-0">
                            <li>Remove early PMS forward trail rows (snapshot saved for audit).</li>
                            <li>Clear current actor and workflow stage (back to shell).</li>
                            <li>Clear any PCFMS→PMS initialization audit for this UID/form.</li>
                            <li><strong>Not</strong> change PCFMS or BMS.</li>
                            <li><strong>Not</strong> delete the PMS PC form shell.</li>
                        </ul>
                    </div>
                    <form method="post" action="{{ route('admin-controls.pcfms-initialization.rollback', $detail['sc_uid']) }}"
                          onsubmit="return confirm('Roll back early PMS workflow to shell? This cannot be undone from the UI (audit snapshot is kept).');">
                        @csrf
                        <input type="hidden" name="pc1_id" value="{{ $detail['selected_pc1_id'] }}">
                        <div class="form-group">
                            <label for="rollback_reason">Reason <span class="text-danger">*</span></label>
                            <textarea name="reason" id="rollback_reason" class="form-control" rows="2" required
                                      placeholder="e.g. Wrong actor assigned; legacy reconciliation to out-of-scope user.">{{ old('reason') }}</textarea>
                        </div>
                        <div class="form-group">
                            <label for="confirm_rollback">Type <code>ROLLBACK</code> to confirm <span class="text-danger">*</span></label>
                            <input type="text" name="confirm_rollback" id="confirm_rollback" class="form-control" required
                                   autocomplete="off" placeholder="ROLLBACK" value="{{ old('confirm_rollback') }}">
                        </div>
                        <button type="submit" class="btn btn-danger">Roll back to shell</button>
                    </form>
                </div>
            </div>
        @elseif (!empty($rollback['pc_form_id']) && !($detail['can_initialize'] ?? false) && !empty($rollback['reasons']))
            <div class="card card-outline card-secondary mb-3">
                <div class="card-header"><h3 class="card-title mb-0">Safe repair — Rollback not available</h3></div>
                <div class="card-body">
                    <p class="mb-2 text-muted">Early rollback is blocked for this PMS form:</p>
                    <ul class="mb-0">
                        @foreach ($rollback['reasons'] as $r)
                            <li>{{ $r }}</li>
                        @endforeach
                    </ul>
                </div>
            </div>
        @endif

        {{-- 8–10. Actor / resolve / confirm — only when READY --}}
        @if ($canInit)
            <div class="card card-outline card-success mb-3">
                <div class="card-header"><h3 class="card-title mb-0">8. Eligible PMS Actor</h3></div>
                <div class="card-body">
                    <form method="post" action="{{ route('admin-controls.pcfms-initialization.preview', $detail['sc_uid']) }}">
                        @csrf
                        <input type="hidden" name="pc1_id" value="{{ $detail['selected_pc1_id'] }}">
                        <div class="form-group">
                            <label for="actor_user_id">Eligible PMS Actor</label>
                            <select name="actor_user_id" id="actor_user_id" class="form-control" required
                                    data-placeholder="Type to search by name, permission, designation, or email…">
                                <option value=""></option>
                                @forelse ($detail['recipients'] as $r)
                                    @php
                                        $optName = trim((string) ($r['name'] ?? ''));
                                        $optPermission = trim((string) ($r['permission'] ?? '—')) ?: '—';
                                        $optDesignation = trim((string) ($r['designation'] ?? '—')) ?: '—';
                                        $optEmail = trim((string) ($r['email'] ?? ''));
                                        $optLabel = $optName
                                            .' — '.$optPermission
                                            .' — '.$optDesignation
                                            .($optEmail !== '' ? ' — '.$optEmail : '');
                                    @endphp
                                    <option value="{{ $r['id'] }}"
                                            @selected((int) ($selected_actor_id ?? 0) === (int) $r['id'])
                                            data-email="{{ $optEmail }}"
                                            data-permission="{{ $optPermission }}">
                                        {{ $optLabel }}
                                    </option>
                                @empty
                                    <option value="" disabled>No eligible users in this scheme’s department</option>
                                @endforelse
                            </select>
                            <small class="form-text text-muted">
                                Format: Name — Permission — Designation — Email.
                                @if (!empty($detail['next_hop']['next_hop_label']))
                                    Filtered to <strong>{{ $detail['next_hop']['next_hop_label'] }}</strong>
                                    from latest PCFMS action
                                    @if (!empty($detail['next_hop']['pcfms_action']))
                                        <em>{{ $detail['next_hop']['pcfms_action'] }}</em>
                                    @endif
                                    @if (!empty($detail['scheme_department_name']))
                                        in <strong>{{ $detail['scheme_department_name'] }}</strong>
                                    @endif.
                                @elseif (!empty($detail['scheme_department_name']))
                                    Limited to <strong>{{ $detail['scheme_department_name'] }}</strong>.
                                @endif
                                Use the search box to filter. Arbitrary users cannot be selected.
                            </small>
                        </div>
                        <button type="submit" class="btn btn-outline-primary">Resolve PMS stage</button>
                    </form>
                </div>
            </div>
        @endif

        @if ($canInit && $preview)
            <div class="card card-outline card-info mb-3">
                <div class="card-header"><h3 class="card-title mb-0">9. Resolved Stage</h3></div>
                <div class="card-body">
                    <dl class="row mb-0">
                        <dt class="col-sm-4">Selected Actor</dt><dd class="col-sm-8">{{ $preview['actor']['name'] }}</dd>
                        <dt class="col-sm-4">Permission</dt><dd class="col-sm-8">{{ $preview['actor']['permission'] ?? '—' }}</dd>
                        <dt class="col-sm-4">Department</dt><dd class="col-sm-8">{{ $preview['actor']['department'] !== '' ? $preview['actor']['department'] : '—' }}</dd>
                        <dt class="col-sm-4">Role</dt><dd class="col-sm-8">{{ $preview['actor']['role'] !== '' ? $preview['actor']['role'] : ($preview['actor']['designation'] ?: '—') }}</dd>
                        <dt class="col-sm-4">Resolved PMS Stage</dt>
                        <dd class="col-sm-8"><code>{{ $preview['resolved_stage'] }}</code> <span class="text-muted">(not editable)</span></dd>
                        <dt class="col-sm-4">Allowed Actions</dt>
                        <dd class="col-sm-8">{{ implode(', ', $preview['allowed_actions']) }}</dd>
                    </dl>
                </div>
            </div>

            <div class="card card-outline card-warning mb-3">
                <div class="card-header"><h3 class="card-title mb-0">10. Final Confirmation</h3></div>
                <div class="card-body">
                    <p class="font-weight-bold">You are about to initialize this PMS workflow.</p>
                    <dl class="row">
                        <dt class="col-sm-4">Scheme</dt><dd class="col-sm-8">{{ $detail['scheme_name'] }}</dd>
                        <dt class="col-sm-4">UID</dt><dd class="col-sm-8"><code>{{ $detail['sc_uid'] }}</code></dd>
                        <dt class="col-sm-4">BMS Project</dt><dd class="col-sm-8">#{{ $detail['bms_project_id'] }}</dd>
                        <dt class="col-sm-4">Selected PCFMS PC</dt>
                        <dd class="col-sm-8">
                            PC1 #{{ $sel['pc1_id'] }} —
                            {{ $sel['revision_indicator'] }} —
                            {{ $sel['status'] }}
                        </dd>
                        <dt class="col-sm-4">PCFMS historical status</dt>
                        <dd class="col-sm-8">{{ $preview['pcfms_historical_status'] !== '' ? $preview['pcfms_historical_status'] : '—' }}</dd>
                        <dt class="col-sm-4">Selected PMS actor</dt><dd class="col-sm-8">{{ $preview['actor']['name'] }}</dd>
                        <dt class="col-sm-4">Resolved PMS stage</dt><dd class="col-sm-8"><code>{{ $preview['resolved_stage'] }}</code></dd>
                    </dl>

                    <div class="alert alert-light border">
                        <strong>What will NOT happen:</strong>
                        <ul class="mb-0 mt-1">
                            <li>PCFMS will not be changed.</li>
                            <li>BMS will not be changed.</li>
                            <li>Existing PMS workflow will not be overwritten.</li>
                            <li>No workflow stage will be bypassed.</li>
                        </ul>
                    </div>

                    <form method="post" action="{{ route('admin-controls.pcfms-initialization.store', $detail['sc_uid']) }}" id="pcfmsInitForm">
                        @csrf
                        <input type="hidden" name="pc1_id" value="{{ $detail['selected_pc1_id'] }}">
                        <input type="hidden" name="actor_user_id" value="{{ $preview['actor']['id'] }}">
                        <input type="hidden" name="pci_reviewer_signature_drawn" id="pci_reviewer_signature_drawn" value="">

                        <div class="form-group">
                            <label for="remarks">Remarks <span class="text-danger">*</span></label>
                            <textarea name="remarks" id="remarks" class="form-control" rows="3" required
                                      placeholder="Required by existing PMS forward rules">{{ old('remarks', 'PCFMS historical initialization — start PMS workflow.') }}</textarea>
                        </div>

                        <div class="form-group">
                            <label>Signature <span class="text-danger">*</span> <span class="text-muted small">(required by existing forward rules)</span></label>
                            <div>
                                <canvas id="pciInitSigCanvas" width="480" height="140"></canvas>
                            </div>
                            <button type="button" class="btn btn-sm btn-outline-secondary mt-1" id="pciInitSigClear">Clear</button>
                        </div>

                        <div class="d-flex justify-content-between">
                            <a href="{{ route('admin-controls.pcfms-initialization.show', ['scUid' => $detail['sc_uid'], 'pc1_id' => $detail['selected_pc1_id']]) }}"
                               class="btn btn-outline-secondary">Cancel</a>
                            <button type="submit" class="btn btn-primary" id="pciInitSubmit">Start PMS Workflow</button>
                        </div>
                    </form>
                </div>
            </div>
        @endif
    </div>
</x-layouts.page-wrapper>
@endsection

@push('scripts')
{{-- Select2 is only auto-loaded on csr-costing routes; load it here for searchable actor picker. --}}
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
<script>
(function () {
    function initActorSelect2() {
        if (!window.jQuery || !jQuery.fn.select2) {
            return;
        }
        var $el = jQuery('#actor_user_id');
        if (!$el.length || $el.hasClass('select2-hidden-accessible')) {
            return;
        }
        $el.select2({
            theme: 'bootstrap4',
            width: '100%',
            placeholder: $el.data('placeholder') || 'Type to search by name, permission, designation, or email…',
            allowClear: true,
            minimumResultsForSearch: 0,
            matcher: function (params, data) {
                if (jQuery.trim(params.term || '') === '') {
                    return data;
                }
                if (typeof data.text === 'undefined') {
                    return null;
                }
                var term = (params.term || '').toLowerCase();
                var text = (data.text || '').toLowerCase();
                var email = '';
                var permission = '';
                if (data.element && data.element.getAttribute) {
                    email = (data.element.getAttribute('data-email') || '').toLowerCase();
                    permission = (data.element.getAttribute('data-permission') || '').toLowerCase();
                }
                if (text.indexOf(term) > -1 || email.indexOf(term) > -1 || permission.indexOf(term) > -1) {
                    return data;
                }
                return null;
            }
        });
    }

    if (window.jQuery) {
        jQuery(function () { initActorSelect2(); });
    } else {
        document.addEventListener('DOMContentLoaded', initActorSelect2);
    }

    var canvas = document.getElementById('pciInitSigCanvas');
    if (!canvas) return;
    var ctx = canvas.getContext('2d');
    var drawing = false;
    var hasInk = false;
    function pos(e) {
        var r = canvas.getBoundingClientRect();
        var x = (e.touches ? e.touches[0].clientX : e.clientX) - r.left;
        var y = (e.touches ? e.touches[0].clientY : e.clientY) - r.top;
        return { x: x * (canvas.width / r.width), y: y * (canvas.height / r.height) };
    }
    function start(e) { e.preventDefault(); drawing = true; var p = pos(e); ctx.beginPath(); ctx.moveTo(p.x, p.y); }
    function move(e) {
        if (!drawing) return;
        e.preventDefault();
        var p = pos(e);
        ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.strokeStyle = '#111';
        ctx.lineTo(p.x, p.y); ctx.stroke(); hasInk = true;
    }
    function end() { drawing = false; }
    canvas.addEventListener('mousedown', start);
    canvas.addEventListener('mousemove', move);
    canvas.addEventListener('mouseup', end);
    canvas.addEventListener('mouseleave', end);
    canvas.addEventListener('touchstart', start, { passive: false });
    canvas.addEventListener('touchmove', move, { passive: false });
    canvas.addEventListener('touchend', end);
    var clearBtn = document.getElementById('pciInitSigClear');
    if (clearBtn) {
        clearBtn.addEventListener('click', function () {
            ctx.clearRect(0, 0, canvas.width, canvas.height); hasInk = false;
        });
    }
    var form = document.getElementById('pcfmsInitForm');
    if (form) {
        form.addEventListener('submit', function (e) {
            if (!hasInk) {
                e.preventDefault();
                alert('Draw a signature to continue (existing PMS forward rules).');
                return;
            }
            document.getElementById('pci_reviewer_signature_drawn').value = canvas.toDataURL('image/png');
        });
    }
})();
</script>
@endpush