@include('partials.staff_navbar')

<div class="container-fluid my-5 px-md-5">
    <div class="row mb-4">
        <div class="col-12 d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-3">
            <div>
                <a href="{{ route('staff.registrations.index') }}"
                    class="text-decoration-none text-primary small fw-bold font-monospace text-uppercase">
                    <i class="fa fa-arrow-left me-1"></i> Return to Registry Matrix
                </a>
                <h2 class="fw-bold text-dark mt-2 mb-0">
                    Application Docket: <span
                        class="text-secondary font-monospace">{{ $registration->resume_code }}</span>
                </h2>
                <p class="text-muted small mb-0">DPA Regulatory Submission Assessment Workspace Profile.</p>
            </div>

            <div class="d-flex gap-2 align-items-center">
                <div class="text-md-end me-2 d-none d-md-block">
                    <small class="text-muted d-block font-monospace text-uppercase"
                        style="font-size: 10px;">Authenticated Officer</small>
                    <span
                        class="fw-bold text-dark small d-block">{{ $staff->accountDetails->fullname ?? $staff->username }}</span>
                    <span class="badge bg-primary-subtle text-primary font-monospace px-2 py-0.5"
                        style="font-size: 11px;">
                        {{ $staff->accountDetails->designation->designations ?? 'Assigned Professional Agent' }}
                    </span>
                </div>
                <a href="{{ route('staff.registrations.index') }}"
                    class="btn btn-outline-secondary fw-semibold rounded-2 btn-sm px-3">
                    Close Document
                </a>
            </div>
        </div>
    </div>

    @if(session('success'))
    <div class="alert alert-success border-0 shadow-sm rounded-3 mb-4 p-3 font-monospace small" role="alert">
        <i class="fa fa-check-circle me-2"></i><strong>Success:</strong> {{ session('success') }}
    </div>
    @endif

    @if($errors->any())
    <div class="alert alert-danger border-0 shadow-sm rounded-3 mb-4 p-3 small" role="alert">
        <strong class="font-monospace text-uppercase d-block mb-2"><i
                class="fa fa-exclamation-triangle me-2"></i>Workflow Action Guard Blocked:</strong>
        <ul class="mb-0 ps-3 font-monospace" style="font-size: 12px;">
            @foreach($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif

{{-- ========================================================================= --}}
    {{-- WORKSPACE LANE HOVER & OWNERSHIP TASK CLAIM PANEL (STRICT TARGETED QUEUE) --}}
    {{-- ========================================================================= --}}
    @php
        $userDesignation = $staff->accountDetails->designation->designations ?? '';
        $activeJourneyStep = $registration->journeySteps->first() ?? new \App\Models\RegistrationJourney();

        $isFinanceUser = \Illuminate\Support\Str::contains(strtolower($userDesignation), 'finance');
        $isRegUser = (\Illuminate\Support\Str::contains(strtolower($userDesignation), 'registration') ||
                    \Illuminate\Support\Str::contains(strtolower($userDesignation), 'license'));
        $isComplianceUser = \Illuminate\Support\Str::contains(strtolower($userDesignation), 'compliance') && ($userDesignation !== 'Director of Data Governance & Compliance');
        $isLegalUser = \Illuminate\Support\Str::contains(strtolower($userDesignation), 'legal');

        // Determine whose exact turn it is in the absolute pipeline sequence
        $currentWorkflowTurn = 'finance'; // Default starts at Finance

        if ($activeJourneyStep->finance_approval_status === 'approved') {
            $currentWorkflowTurn = 'registration';
        }
        if ($activeJourneyStep->status === 'approved') {
            $currentWorkflowTurn = 'compliance';
        }
        if ($activeJourneyStep->data_compliance_status === 'approved') {
            $currentWorkflowTurn = 'legal';
        }
        if ($activeJourneyStep->legal_approval_status === 'approved') {
            $currentWorkflowTurn = 'release'; // Director sign-off, no claim bar needed
        }

        $promptTakeover = false;
        $laneTitle = '';

        // Only pop up if it is their exact department's turn, AND they haven't claimed it yet, AND it hasn't been approved yet
        if ($currentWorkflowTurn === 'finance' && $isFinanceUser && empty($activeJourneyStep->finance_observing_officer) && $activeJourneyStep->finance_approval_status !== 'approved') {
            $promptTakeover = true;
            $laneTitle = 'Finance Operations Clearance';
        } 
        elseif ($currentWorkflowTurn === 'registration' && $isRegUser && empty($activeJourneyStep->registration_observing_officer) && $activeJourneyStep->status !== 'approved') {
            $promptTakeover = true;
            $laneTitle = 'Registrations & Licensing Review';
        } 
        elseif ($currentWorkflowTurn === 'compliance' && $isComplianceUser && empty($activeJourneyStep->compliance_observing_officer) && $activeJourneyStep->data_compliance_status !== 'approved') {
            $promptTakeover = true;
            $laneTitle = 'Data Compliance Verification';
        } 
        elseif ($currentWorkflowTurn === 'legal' && $isLegalUser && empty($activeJourneyStep->legal_observing_officer) && $activeJourneyStep->legal_approval_status !== 'approved') {
            $promptTakeover = true;
            $laneTitle = 'Legal Consultation Clearance';
        }
    @endphp

    @if($promptTakeover)
        <div class="alert alert-warning border-0 shadow-sm rounded-3 mb-4 p-4 d-flex align-items-center justify-content-between flex-wrap gap-3 animate-fade-in"
            style="background-color: #fffbeb; border-left: 5px solid #d97706 !important;">
            <div>
                <h5 class="fw-bold text-warning-emphasis mb-1 font-monospace" style="font-size: 15px;">
                    <i class="fa fa-user-shield me-2"></i>Unassigned Task Stream Detected
                </h5>
                <p class="text-muted small mb-0">
                    This docket is now waiting in your department's queue. Click below to link this file to your active workspace profile.
                </p>
            </div>
            <div>
                <form action="{{ route('staff.registrations.journey.update', $registration->id) }}" method="POST">
                    @csrf
                    <input type="hidden" name="action_type" value="claim_task">
                    <input type="hidden" name="step_slug" value="core_registration_review">
                    <button type="submit" class="btn btn-warning fw-bold font-monospace text-uppercase btn-sm px-4 py-2 rounded-2 shadow-sm" style="font-size: 11px;">
                        <i class="fa fa-hand-holding me-2"></i>Accept & Log Assignment
                    </button>
                </form>
            </div>
        </div>
    @endif

    {{-- ========================================================================= --}}
    {{-- AUTOMATED SYSTEM RENEWAL DISCOVERY INDICATOR --}}
    {{-- ========================================================================= --}}
    @if(!empty($activeJourneyStep->is_renewal))
    <div class="mb-4">
        @if($activeJourneyStep->is_renewal === 'yes')
        <div
            class="d-inline-flex align-items-center bg-success-subtle border border-success text-success font-monospace px-3 py-2 rounded-2 small text-uppercase fw-bold shadow-xs">
            <i class="fa fa-sync-alt me-2 fa-spin"></i> Application Mapping Status: Verified Account Renewal Sequence
        </div>
        @else
        <div class="d-inline-flex align-items-center border text-primary font-monospace px-3 py-2 rounded-2 small text-uppercase fw-bold shadow-xs"
            style="background-color: #eff6ff; border-color: #bfdbfe !important;">
            <i class="fa fa-folder-plus me-2"></i> Application Mapping Status: Fresh Corporate Registration Track
        </div>
        @endif
    </div>
    @endif

    <div class="row g-4">
        <div class="col-lg-8">

            {{-- 1. Organization Legal Profile --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h5 class="mb-0 fw-bold text-dark d-flex align-items-center">
                        <i class="fa fa-building text-primary me-3 fs-5"></i> 1. Organization Legal Profile
                    </h5>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="text-uppercase font-monospace text-muted small d-block">Organization Corporate Name</label>
                            <span
                                class="fw-bold text-dark fs-5">{{ $registration->org_legal_name ?? $registration->rep_institution ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-6">
                            <label class="text-uppercase font-monospace text-muted small d-block">Registration Route Framework</label>
                            <span
                                class="badge bg-light text-dark border px-2 py-1 text-capitalize fw-bold font-monospace mt-1">{{ str_replace('_', ' ', $registration->registration_route) }}</span>
                        </div>

                        <div class="col-md-4">
                            <label class="text-uppercase font-monospace text-muted small d-block">Legal Classification</label>
                            <span
                                class="text-dark fw-semibold text-capitalize">{{ $registration->handler_legal_class ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-4">
                            <label class="text-uppercase font-monospace text-muted small d-block">Target Sector Category</label>
                            <span
                                class="text-dark fw-semibold text-capitalize">{{ $registration->sector ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-4">
                            <label class="text-uppercase font-monospace text-muted small d-block">Sub-Sector Stream</label>
                            <span
                                class="text-dark fw-semibold text-capitalize">{{ $registration->sub_sector ?? 'N/A' }}</span>
                        </div>

                        <div class="col-12">
                            <hr class="opacity-10 my-2">
                        </div>

                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">Country origin</label>
                            <span class="text-dark fw-semibold">{{ $registration->country ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">County / Region Location</label>
                            <span class="text-dark fw-semibold">{{ $registration->county_location ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-6">
                            <label class="text-uppercase font-monospace text-muted small d-block">Postal Address Structure</label>
                            <span class="text-dark fw-semibold">{{ $registration->postal_address ?? 'N/A' }}</span>
                        </div>

                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">Street Location</label>
                            <span class="text-dark fw-medium">{{ $registration->street ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">Building Name</label>
                            <span class="text-dark fw-medium">{{ $registration->building ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">Office Number</label>
                            <span
                                class="text-dark fw-medium font-monospace">{{ $registration->office_number ?? 'N/A' }}</span>
                        </div>
                        <div class="col-md-3">
                            <label class="text-uppercase font-monospace text-muted small d-block">Org Telephone Line</label>
                            <span
                                class="text-dark fw-medium font-monospace">{{ $registration->org_telephone ?? 'N/A' }}</span>
                        </div>
                    </div>
                </div>
            </div>

            {{-- 2. Data Governance & Matrix Mapping --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h5 class="mb-0 fw-bold text-dark d-flex align-items-center">
                        <i class="fa fa-database text-info me-3 fs-5"></i> 2. Data Governance & Matrix Mapping
                    </h5>
                </div>
                <div class="card-body p-4">
                    <div class="mb-4">
                        <h6 class="fw-bold text-secondary text-uppercase font-monospace small tracking-wider mb-3">
                            <i class="fa fa-tags me-2 opacity-70"></i>General Personal Data Formats Collected
                        </h6>
                        @if(is_array($registration->personal_data_matrix) && count($registration->personal_data_matrix) > 0)
                        <div class="table-responsive border rounded bg-light">
                            <table class="table table-sm align-middle table-borderless mb-0 small">
                                <thead class="table-dark font-monospace text-uppercase" style="font-size: 10px;">
                                    <tr>
                                        <th class="p-2 ps-3">Data Classification Key</th>
                                        <th class="p-2">Description Category Label</th>
                                        <th class="p-2 pe-3">Processing Legal Justification Context</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($registration->personal_data_matrix as $item)
                                    <tr class="border-bottom">
                                        <td class="p-2 ps-3 font-monospace text-primary fw-bold">
                                            {{ $item['category'] ?? 'N/A' }}</td>
                                        <td class="p-2 fw-semibold text-dark">{{ $item['description'] ?? 'N/A' }}</td>
                                        <td class="p-2 text-muted pe-3 italic">
                                            {{ $item['purpose'] ?? 'No context justification recorded.' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <p class="text-muted small border p-3 rounded bg-light italic mb-0">No primary general category matrix arrays provided.</p>
                        @endif
                    </div>

                    <div class="mb-2">
                        <h6 class="fw-bold text-secondary text-uppercase font-monospace small tracking-wider mb-2">
                            <i class="fa fa-exclamation-triangle me-2 text-danger"></i>Sensitive Category Processing Scope
                        </h6>
                        <div
                            class="p-3 border rounded mb-3 bg-light d-flex align-items-center justify-content-between flex-wrap gap-2">
                            <div>
                                <span class="fw-bold text-dark d-block">Does this framework process high-risk or sensitive data arrays?</span>
                                <small class="text-muted text-capitalize">Recorded Answer:
                                    {{ $registration->handles_sensitive_data ?? 'No explicit answer recorded' }}</small>
                            </div>
                            <span
                                class="badge {{ $registration->handles_sensitive_data === 'yes' ? 'bg-danger text-white' : 'bg-secondary text-white' }} px-3 py-2 font-monospace text-uppercase small">
                                {{ $registration->handles_sensitive_data === 'yes' ? 'Active / Sensitive' : 'No Sensitive Payload' }}
                            </span>
                        </div>

                        @if($registration->handles_sensitive_data === 'yes' && is_array($registration->sensitive_data_matrix) && count($registration->sensitive_data_matrix) > 0)
                        <div class="table-responsive border rounded bg-white shadow-inner">
                            <table class="table table-sm align-middle table-borderless mb-0 small">
                                <thead class="bg-danger-subtle text-danger font-monospace text-uppercase"
                                    style="font-size: 10px;">
                                    <tr>
                                        <th class="p-2 ps-3">Sensitive Key Identification</th>
                                        <th class="p-2">Label Context</th>
                                        <th class="p-2 pe-3">Strategic Justification Framework</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($registration->sensitive_data_matrix as $item)
                                    <tr class="border-bottom">
                                        <td class="p-2 ps-3 font-monospace text-danger fw-bold">
                                            {{ $item['key'] ?? 'N/A' }}</td>
                                        <td class="p-2 fw-semibold text-dark">{{ $item['label'] ?? 'N/A' }}</td>
                                        <td class="p-2 text-muted pe-3">{{ $item['justification'] ?? 'N/A' }}</td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            {{-- 3. Security Strategy & International Transfers --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h5 class="mb-0 fw-bold text-dark d-flex align-items-center">
                        <i class="fa fa-shield-alt text-success me-3 fs-5"></i> 3. Security Strategy & International Transfers
                    </h5>
                </div>
                <div class="card-body p-4">
                    <div class="row g-3 mb-4">
                        <div class="col-md-4">
                            <label class="text-uppercase font-monospace text-muted small d-block">Cross-Border Transfers Scope</label>
                            <span
                                class="badge {{ $registration->transfers_data_outside === 'yes' ? 'bg-warning text-dark' : 'bg-light text-muted' }} border px-3 py-1.5 text-uppercase font-monospace mt-1">
                                <i
                                    class="fa fa-globe me-1"></i>{{ $registration->transfers_data_outside === 'yes' ? 'Transfers Outside Jurisdiction' : 'Local Storage Only' }}
                            </span>
                        </div>
                        <div class="col-md-8">
                            <label class="text-uppercase font-monospace text-muted small d-block">Target Destination Transit Countries</label>
                            <span class="text-dark fw-bold mt-1 d-block font-monospace"
                                style="font-size: 13px;">{{ $registration->transfer_countries ?? 'No external transit nodes declared.' }}</span>
                        </div>
                        <div class="col-12">
                            <label class="text-uppercase font-monospace text-muted small d-block">Regulatory Transfer Safeguards Applied</label>
                            <div class="p-2 border rounded bg-light font-monospace small text-dark mt-1 fw-semibold">
                                {{ $registration->transfer_safeguards ?? 'N/A' }}</div>
                        </div>
                    </div>

                    <div class="row g-3">
                        <div class="col-md-6">
                            <label
                                class="text-uppercase font-monospace text-muted small d-block fw-bold text-secondary mb-1">
                                <i class="fa fa-laptop-code me-1"></i> Technical Safeguards & Encryption
                            </label>
                            <p class="text-dark small border p-3 rounded bg-light mb-0 whitespace-pre-wrap lh-base"
                                style="min-height: 100px;">
                                {{ $registration->technical_measures ?? 'No description listed.' }}</p>
                        </div>
                        <div class="col-md-6">
                            <label
                                class="text-uppercase font-monospace text-muted small d-block fw-bold text-secondary mb-1">
                                <i class="fa fa-sitemap me-1"></i> Organizational Controls & Operations Policy
                            </label>
                            <p class="text-dark small border p-3 rounded bg-light mb-0 whitespace-pre-wrap lh-base"
                                style="min-height: 100px;">
                                {{ $registration->organizational_measures ?? 'No description listed.' }}</p>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Application Step Workflow Governance Console --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-dark text-white py-3 ps-4">
                    <h5
                        class="mb-0 fw-bold d-flex align-items-center font-monospace text-uppercase small tracking-wider">
                        <i class="fa fa-sliders-h me-3 text-warning"></i> Application Step Workflow Governance Console
                    </h5>
                </div>
                <div class="card-body p-4">
                    <p class="text-muted small mb-4">Hierarchical state assessment panel. Steps automatically unlock sequentially for authorized units.</p>

                    @php
                    $lowerUserDesignation = strtolower($userDesignation);
                    
                    // Workflow Unit Authority Checks
                    $isFinance = \Illuminate\Support\Str::contains($lowerUserDesignation, 'finance');
                    $isRegistrationOfficer = (\Illuminate\Support\Str::contains($lowerUserDesignation, 'registration') || \Illuminate\Support\Str::contains($lowerUserDesignation, 'license'));
                    $isComplianceOfficer = \Illuminate\Support\Str::contains($lowerUserDesignation, 'compliance') && ($userDesignation !== 'Director of Data Governance & Compliance');
                    $isLegalOfficer = \Illuminate\Support\Str::contains($lowerUserDesignation, 'legal');
                    $isDirector = ($userDesignation === 'Director of Data Governance & Compliance');

                    $isFinancialAttachmentMissing = empty($registration->financial_attachment_path);
                    @endphp

                    <form action="{{ route('staff.registrations.journey.update', $registration->id) }}" method="POST"
                        enctype="multipart/form-data" class="d-flex flex-column gap-4">
                        @csrf
                        <input type="hidden" name="step_slug" value="core_registration_review">
                        <input type="hidden" name="step_name" value="Comprehensive Data Operations Audit Milestone">

                        {{-- STEP 1: FINANCE APPROVAL --}}
                        <div class="p-3 rounded-3 border {{ $isFinance && $activeJourneyStep->finance_approval_status !== 'approved' ? 'bg-light border-warning-subtle shadow-xs' : 'bg-light opacity-75' }}">
                            <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
                                <span class="badge bg-warning text-dark rounded-circle d-inline-flex justify-content-center align-items-center"
                                    style="width:24px; height:24px; font-size:11px; font-weight: bold;">1</span>
                                <h6 class="mb-0 fw-bold text-dark">Finance Operations Clearance</h6>
                                @if($activeJourneyStep->finance_approval_status === 'approved')
                                <span class="ms-md-auto badge bg-success-subtle text-success border border-success-subtle py-1 font-monospace text-uppercase"
                                    style="font-size: 10px;">✓ Cleared By {{ $activeJourneyStep->finance_approved_by }}</span>
                                @endif
                            </div>

                            @if(!empty($activeJourneyStep->finance_observing_officer))
                            <div class="mb-3 px-3 py-1.5 bg-white border rounded font-monospace text-muted small"
                                style="font-size: 11px;">
                                <i class="fa fa-eye me-1 text-warning"></i> Assigned Finance Workspace Monitor: <strong
                                    class="text-dark">{{ $activeJourneyStep->finance_observing_officer }}</strong>
                                @if($activeJourneyStep->finance_observe_start_at)
                                (Track Started: {{ \Carbon\Carbon::parse($activeJourneyStep->finance_observe_start_at)->format('M d, Y @ H:i') }})
                                @endif
                            </div>
                            @endif

                            @if($isFinance && $activeJourneyStep->finance_approval_status !== 'approved')
                            <input type="hidden" name="action_type" value="finance">

                            @if($isFinancialAttachmentMissing)
                            <div class="alert alert-warning border-0 shadow-sm p-3 font-monospace mb-3 small d-flex align-items-start gap-2"
                                role="alert">
                                <i class="fa fa-exclamation-triangle text-warning mt-1"></i>
                                <div>
                                    <strong>Audit Alert — Missing Artifact:</strong> The applicant company has not
                                    uploaded any verification files under their Financial Statements bracket. Please
                                    double-check turnover requirements before certifying this settlement tracking log.
                                </div>
                            </div>
                            @endif

                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold"
                                        style="font-size: 10px;">Status Decision</label>
                                    <select name="status" class="form-select form-select-sm font-semibold text-dark mb-2">
                                        <option value="approved">Approve Invoiced Settlement</option>
                                        <option value="rejected">Suspend / Raise Payment Discrepancy</option>
                                    </select>

                                    <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold"
                                        style="font-size: 10px;">Attach Proof of Settlement / Receipt</label>
                                    <input type="file" name="finance_receipt" class="form-control form-control-sm text-xs font-mono">
                                </div>
                                <div class="col-md-8">
                                    <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold"
                                        style="font-size: 10px;">Internal Finance Audit Log Comment</label>
                                    <textarea name="comment" rows="4"
                                        placeholder="Record internal invoice or transactional accounting cross-reference tracking details..."
                                        class="form-control form-control-sm font-monospace small" required></textarea>
                                </div>
                                <div class="col-12 text-end">
                                    <button type="submit" class="btn btn-warning btn-sm font-monospace text-uppercase fw-bold px-3 py-1.5 shadow-sm"
                                        style="font-size: 11px;">Commit Financial State</button>
                                </div>
                            </div>
                            @else
                            <div class="ps-4 border-start border-2 border-slate-300">
                                <p class="text-muted font-monospace italic mb-0 small" style="font-size: 12px;">
                                    <i class="fa fa-info-circle me-1"></i>
                                    {!! filled($activeJourneyStep->finance_comment) ? nl2br(e($activeJourneyStep->finance_comment)) : 'Awaiting transactional clearance log actions from the Finance department.' !!}
                                </p>
                                @if($activeJourneyStep->finance_approval_status === 'approved' && !empty($activeJourneyStep->file_items_path))
                                <a href="{{ asset('storage/' . $activeJourneyStep->file_items_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-warning-emphasis fw-bold text-decoration-none font-monospace mt-1 small"
                                    style="font-size: 11px;">
                                    <i class="fa fa-receipt"></i> View Uploaded Settlement Receipt
                                </a>
                                @endif
                            </div>
                            @endif
                        </div>

                        {{-- STEP 2: REGISTRATION & LICENSING OFFICER --}}
                        <div class="p-3 rounded-3 border {{ $isRegistrationOfficer && $activeJourneyStep->finance_approval_status === 'approved' && $activeJourneyStep->status !== 'approved' ? 'bg-light border-primary-subtle shadow-xs' : 'bg-light opacity-75' }}">
                            <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
                                <span class="badge bg-primary text-white rounded-circle d-inline-flex justify-content-center align-items-center"
                                    style="width:24px; height:24px; font-size:11px; font-weight: bold;">2</span>
                                <h6 class="mb-0 fw-bold text-dark">Registrations & Licensing Officer Review</h6>
                                @if($activeJourneyStep->status === 'approved')
                                <span class="ms-md-auto badge bg-success-subtle text-success border border-success-subtle py-1 font-monospace text-uppercase"
                                    style="font-size: 10px;">✓ Signed Off By {{ $activeJourneyStep->approved_by }}</span>
                                @endif
                            </div>

                            @if(!empty($activeJourneyStep->registration_observing_officer))
                            <div class="mb-3 px-3 py-1.5 bg-white border rounded font-monospace text-muted small"
                                style="font-size: 11px;">
                                <i class="fa fa-eye me-1 text-primary"></i> Assigned Registration Workspace Monitor:
                                <strong class="text-dark">{{ $activeJourneyStep->registration_observing_officer }}</strong>
                                @if($activeJourneyStep->registration_observe_start_at)
                                (Track Started: {{ \Carbon\Carbon::parse($activeJourneyStep->registration_observe_start_at)->format('M d, Y @ H:i') }})
                                @endif
                            </div>
                            @endif

                            @if(isset($priorApplications) && $priorApplications->isNotEmpty())
                                <div class="col-md-12 mb-3">
                                    <div class="p-3 bg-white border rounded shadow-xs">
                                        <div class="form-check mb-0">
                                            <input type="hidden" name="is_renewal" value="no">
                                            <input class="form-check-input border-secondary" type="checkbox" name="is_renewal" id="isRenewalCheckbox" value="yes"
                                                {{ $activeJourneyStep->is_renewal === 'yes' || empty($activeJourneyStep->is_renewal) ? 'checked' : '' }}>
                                            <label class="form-check-label font-monospace fw-bold text-uppercase small text-dark user-select-none" for="isRenewalCheckbox" style="font-size: 11px; cursor: pointer;">
                                                <i class="fa fa-redo me-1 text-primary"></i> Tracked System Renewal Cycle
                                            </label>
                                            <small class="d-block text-muted font-monospace mt-1" style="font-size: 10px;">
                                                <i class="fa fa-info-circle text-info me-1"></i> System detected {{ $priorApplications->count() }} older closed records for this entity profile. Uncheck if this represents an entirely disconnected operational filing.
                                            </small>
                                        </div>
                                    </div>
                                </div>
                            @endif

                            @if($isRegistrationOfficer)
                                @if($activeJourneyStep->finance_approval_status !== 'approved')
                                <div class="p-2 bg-warning-subtle text-warning-emphasis border border-warning-subtle rounded small font-monospace" style="font-size: 11px;">
                                    <i class="fa fa-lock me-2"></i>Stage Locked: Awaiting Step 1 (Finance Operations Clearance).
                                </div>
                                @elseif($activeJourneyStep->status !== 'approved')
                                <input type="hidden" name="action_type" value="registration">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Registration Decision</label>
                                        <select name="status" class="form-select form-select-sm font-semibold text-dark mb-2">
                                            <option value="approved">Approve Registration Scope</option>
                                            <option value="needs_revision">Request Application Revisions</option>
                                        </select>
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Supplementary File (Optional)</label>
                                        <input type="file" name="file_item" class="form-control form-control-sm text-xs font-mono">
                                    </div>
                                    <div class="col-md-8">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Registration Checklist Notes</label>
                                        <textarea name="comment" rows="4" placeholder="Detail operational structure checklists evaluated..." class="form-control form-control-sm small font-monospace" required></textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-primary btn-sm font-monospace text-uppercase fw-bold px-3 py-1.5 shadow-sm" style="font-size: 11px;">Log Registration Sign-Off</button>
                                    </div>
                                </div>
                                @endif
                            @else
                            <div class="ps-4 border-start border-2 border-slate-300">
                                <p class="text-muted font-monospace italic mb-0 small" style="font-size: 12px;">
                                    <i class="fa fa-info-circle me-1"></i>
                                    {!! filled($activeJourneyStep->comment) ? nl2br(e($activeJourneyStep->comment)) : 'Awaiting structural assessment logs from the Registrations & Licensing Officer Unit.' !!}
                                </p>
                            </div>
                            @endif
                        </div>

                        {{-- STEP 3: DATA COMPLIANCE STAGE --}}
                        <div class="p-3 rounded-3 border {{ $isComplianceOfficer && $activeJourneyStep->status === 'approved' && $activeJourneyStep->data_compliance_status !== 'approved' ? 'bg-light border-info shadow-xs' : 'bg-light opacity-75' }}">
                            <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
                                <span class="badge bg-info text-white rounded-circle d-inline-flex justify-content-center align-items-center"
                                    style="width:24px; height:24px; font-size:11px; font-weight: bold;">3</span>
                                <h6 class="mb-0 fw-bold text-dark">Data Compliance Operational Verification</h6>
                                @if($activeJourneyStep->data_compliance_status === 'approved')
                                <span class="ms-md-auto badge bg-success-subtle text-success border border-success-subtle py-1 font-monospace text-uppercase"
                                    style="font-size: 10px;">✓ Verified By {{ $activeJourneyStep->data_compliance_approved_by }}</span>
                                @endif
                            </div>

                            @if(!empty($activeJourneyStep->compliance_observing_officer))
                            <div class="mb-3 px-3 py-1.5 bg-white border rounded font-monospace text-muted small"
                                style="font-size: 11px;">
                                <i class="fa fa-eye me-1 text-info"></i> Assigned Compliance Workspace Monitor:
                                <strong class="text-dark">{{ $activeJourneyStep->compliance_observing_officer }}</strong>
                                @if($activeJourneyStep->compliance_observe_start_at)
                                (Track Started: {{ \Carbon\Carbon::parse($activeJourneyStep->compliance_observe_start_at)->format('M d, Y @ H:i') }})
                                @endif
                            </div>
                            @endif

                            @if($isComplianceOfficer)
                                @if($activeJourneyStep->status !== 'approved')
                                <div class="p-2 bg-warning-subtle text-warning-emphasis border border-warning-subtle rounded small font-monospace" style="font-size: 11px;">
                                    <i class="fa fa-lock me-2"></i>Stage Locked: Awaiting Step 2 (Registrations Review Clearance).
                                </div>
                                @elseif($activeJourneyStep->data_compliance_status !== 'approved')
                                <input type="hidden" name="action_type" value="compliance">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Compliance Decision</label>
                                        <select name="status" class="form-select form-select-sm font-semibold text-dark mb-2">
                                            <option value="approved">Verify Compliance Mapping Integrity</option>
                                            <option value="rejected">Reject / Flags Discrepancies</option>
                                        </select>
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Compliance Audit Log Attachment</label>
                                        <input type="file" name="file_item" class="form-control form-control-sm text-xs font-mono">
                                    </div>
                                    <div class="col-md-8">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Compliance Assessment Log Commentary</label>
                                        <textarea name="comment" rows="4" placeholder="Log deep compliance metric discoveries or analytical validation remarks..." class="form-control form-control-sm small font-monospace" required></textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-info text-white btn-sm font-monospace text-uppercase fw-bold px-3 py-1.5 shadow-sm" style="font-size: 11px;">Submit Compliance Record</button>
                                    </div>
                                </div>
                                @endif
                            @endif

                            {{-- Strictly displays structural verification logs always --}}
                            @if(!$isComplianceOfficer || $activeJourneyStep->data_compliance_status === 'approved' || $activeJourneyStep->status !== 'approved')
                            <div class="ps-4 border-start border-2 border-slate-300">
                                <p class="text-muted font-monospace italic mb-0 small" style="font-size: 12px;">
                                    <i class="fa fa-info-circle me-1"></i>
                                    {!! filled($activeJourneyStep->data_compliance_comment) ? nl2br(e($activeJourneyStep->data_compliance_comment)) : 'Awaiting structural operations compliance evaluation from the Data Compliance Team.' !!}
                                </p>
                                @if($activeJourneyStep->data_compliance_status === 'approved' && !empty($activeJourneyStep->data_compliance_file_path))
                                <a href="{{ asset('storage/' . $activeJourneyStep->data_compliance_file_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-info fw-bold text-decoration-none font-monospace mt-1 small"
                                    style="font-size: 11px;">
                                    <i class="fa fa-paperclip"></i> View Compliance Log Attachment
                                </a>
                                @endif
                            </div>
                            @endif
                        </div>

                        {{-- STEP 4: LEGAL APPROVAL STAGE --}}
                        <div class="p-3 rounded-3 border {{ $isLegalOfficer && $activeJourneyStep->data_compliance_status === 'approved' && $activeJourneyStep->legal_approval_status !== 'approved' ? 'bg-light border-danger-subtle shadow-xs' : 'bg-light opacity-75' }}">
                            <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
                                <span class="badge bg-danger text-white rounded-circle d-inline-flex justify-content-center align-items-center"
                                    style="width:24px; height:24px; font-size:11px; font-weight: bold;">4</span>
                                <h6 class="mb-0 fw-bold text-dark">Legal Consultation Clearance</h6>
                                @if($activeJourneyStep->legal_approval_status === 'approved')
                                <span class="ms-md-auto badge bg-success-subtle text-success border border-success-subtle py-1 font-monospace text-uppercase"
                                    style="font-size: 10px;">✓ Approved By {{ $activeJourneyStep->legal_approved_by }}</span>
                                @endif
                            </div>

                            @if(!empty($activeJourneyStep->legal_observing_officer))
                            <div class="mb-3 px-3 py-1.5 bg-white border rounded font-monospace text-muted small"
                                style="font-size: 11px;">
                                <i class="fa fa-eye me-1 text-danger"></i> Assigned Legal Workspace Monitor:
                                <strong class="text-dark">{{ $activeJourneyStep->legal_observing_officer }}</strong>
                                @if($activeJourneyStep->legal_observe_start_at)
                                (Track Started: {{ \Carbon\Carbon::parse($activeJourneyStep->legal_observe_start_at)->format('M d, Y @ H:i') }})
                                @endif
                            </div>
                            @endif

                            @if($isLegalOfficer)
                                @if($activeJourneyStep->data_compliance_status !== 'approved')
                                <div class="p-2 bg-warning-subtle text-warning-emphasis border border-warning-subtle rounded small font-monospace" style="font-size: 11px;">
                                    <i class="fa fa-lock me-2"></i>Stage Locked: Awaiting Step 3 (Data Compliance Validation Sign-Off).
                                </div>
                                @elseif($activeJourneyStep->legal_approval_status !== 'approved')
                                <input type="hidden" name="action_type" value="legal">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Legal Verdict Decision</label>
                                        <select name="status" class="form-select form-select-sm font-semibold text-dark mb-2">
                                            <option value="approved">Grant Legal Framework Sign-Off</option>
                                            <option value="rejected">Hold Due to Legal Discrepancies</option>
                                        </select>
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Upload Statutory File (Optional)</label>
                                        <input type="file" name="file_item" class="form-control form-control-sm text-xs font-mono">
                                    </div>
                                    <div class="col-md-8">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Legal / Statutory Opinion Notes</label>
                                        <textarea name="comment" rows="4" placeholder="Detail statutory compliance checks, legal corporate mandates, or risk profiling assessments..." class="form-control form-control-sm small font-monospace" required></textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-danger btn-sm font-monospace text-uppercase fw-bold px-3 py-1.5 shadow-sm" style="font-size: 11px;">Execute Legal Clearance</button>
                                    </div>
                                </div>
                                @endif
                            @endif

                            {{-- Strictly displays structural statutory logs always --}}
                            @if(!$isLegalOfficer || $activeJourneyStep->legal_approval_status === 'approved' || $activeJourneyStep->data_compliance_status !== 'approved')
                            <div class="ps-4 border-start border-2 border-slate-300">
                                <p class="text-muted font-monospace italic mb-0 small" style="font-size: 12px;">
                                    <i class="fa fa-info-circle me-1"></i>
                                    {!! filled($activeJourneyStep->legal_comment) ? nl2br(e($activeJourneyStep->legal_comment)) : 'Awaiting statutory counsel clearance logs from the Legal Department.' !!}
                                </p>
                                @if($activeJourneyStep->legal_approval_status === 'approved' && !empty($activeJourneyStep->legal_file_path))
                                <a href="{{ asset('storage/' . $activeJourneyStep->legal_file_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-danger fw-bold text-decoration-none font-monospace mt-1 small"
                                    style="font-size: 11px;">
                                    <i class="fa fa-paperclip"></i> View Legal Opinion Attachment
                                </a>
                                @endif
                            </div>
                            @endif
                        </div>

                        {{-- STEP 5: DIRECTORATE EXECUTIVE RELEASE --}}
                        <div class="p-3 rounded-3 border {{ $isDirector && $activeJourneyStep->legal_approval_status === 'approved' && $activeJourneyStep->authorise_release_status !== 'released' ? 'bg-light border-purple-subtle shadow-xs' : 'bg-light opacity-75' }}">
                            <div class="d-flex align-items-center gap-2 mb-3 flex-wrap">
                                <span class="badge bg-purple text-white rounded-circle d-inline-flex justify-content-center align-items-center"
                                    style="width:24px; height:24px; font-size:11px; font-weight: bold;">5</span>
                                <h6 class="mb-0 fw-bold text-dark">Directorate Executive Legal Certificate Dispatch Authority</h6>
                                @if($activeJourneyStep->authorise_release_status === 'released')
                                <span class="ms-md-auto badge bg-success-subtle text-success border border-success-subtle py-1 font-monospace text-uppercase"
                                    style="font-size: 10px;">✓ Released By {{ $activeJourneyStep->authorise_release_by }}</span>
                                @endif
                            </div>

                            @if($isDirector)
                                @if($activeJourneyStep->legal_approval_status !== 'approved')
                                <div class="p-2 bg-purple-subtle text-purple border border-purple-subtle rounded small font-monospace" style="font-size: 11px;">
                                    <i class="fa fa-lock me-2"></i>Stage Locked: Awaiting Step 4 (Legal Consultation Sign-Off Approval).
                                </div>
                                @elseif($activeJourneyStep->authorise_release_status !== 'released')
                                <input type="hidden" name="action_type" value="release">
                                <div class="row g-3">
                                    <div class="col-md-4">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Executive Dispatch Authorization</label>
                                        <select name="status" class="form-select form-select-sm font-semibold text-dark">
                                            <option value="released">Authorize Certificate Issue Signature</option>
                                            <option value="held">Hold Pending Deep Auditing Review</option>
                                        </select>
                                    </div>
                                    <div class="col-md-8">
                                        <label class="font-monospace text-muted small d-block mb-1 text-uppercase fw-bold" style="font-size: 10px;">Official Closing Executive Release Commentary</label>
                                        <textarea name="comment" rows="2" placeholder="Provide final structural operational ledger comments here..." class="form-control form-control-sm small font-monospace" required></textarea>
                                    </div>
                                    <div class="col-12 text-end">
                                        <button type="submit" class="btn btn-purple btn-sm text-white font-monospace text-uppercase fw-bold px-3 py-1.5 shadow-sm" style="font-size: 11px;">Execute Operational System Release</button>
                                    </div>
                                </div>
                                @endif
                            @else
                            <div class="ps-4 border-start border-2 border-slate-300">
                                <p class="text-muted font-monospace italic mb-0 small" style="font-size: 12px;">
                                    <i class="fa fa-info-circle me-1"></i>
                                    {!! filled($activeJourneyStep->authorise_release_comment) ? nl2br(e($activeJourneyStep->authorise_release_comment)) : 'Awaiting formal legal dispatch authorization from the Director of Data Governance & Compliance.' !!}
                                </p>
                            </div>
                            @endif
                        </div>

                    </form>
                </div>
            </div>

        </div>

        <div class="col-lg-4">

            {{-- Application Status Center --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-dark text-white py-3 ps-4">
                    <h6 class="mb-0 fw-bold text-uppercase tracking-wider font-monospace small">
                        <i class="fa fa-sliders-h me-2"></i> Application Status Center
                    </h6>
                </div>
                <div class="card-body p-4">
                    <div class="mb-3">
                        <label class="text-uppercase font-monospace text-muted small d-block">Internal Filing State</label>
                        <div class="mt-1">
                            @if($registration->status === 'delivery')
                            <span class="badge bg-success text-white px-3 py-2 fs-6 rounded w-100 text-capitalize text-center d-block">
                                <i class="fa fa-check-circle me-2"></i>Issued / Delivered
                            </span>
                            <a class="btn bg-success text-white px-3 py-2 fs-6 rounded w-100 text-capitalize text-center mt-2 mb-2"
                                href="{{ route('staff.registration.download', $registration->id) }}"><i
                                    class="fa fa-download me-2"></i>Download Certificate</a>
                            @elseif($registration->status === 'under_review')
                            <span class="badge bg-warning text-dark px-3 py-2 fs-6 rounded w-100 text-capitalize text-center d-block">
                                <i class="fa fa-clock me-2"></i>Audit Pending Review
                            </span>
                            @else
                            <span class="badge bg-secondary text-white px-3 py-2 fs-6 rounded w-100 text-capitalize text-center d-block">
                                {{ str_replace('_', ' ', $registration->status) }}
                            </span>
                            @endif
                        </div>
                    </div>

                    <div class="mb-3">
                        <label class="text-uppercase font-monospace text-muted small d-block">Assigned Role Profile</label>
                        <div class="mt-1">
                            @if($registration->data_handler_role === 'both')
                            <div class="p-2 text-center bg-purple-subtle text-purple font-monospace border border-purple rounded fw-bold text-capitalize">
                                Controller & Processor</div>
                            @elseif($registration->data_handler_role === 'controller')
                            <div class="p-2 text-center bg-primary-subtle text-primary font-monospace border border-primary rounded fw-bold text-capitalize">
                                Data Controller</div>
                            @else
                            <div class="p-2 text-center bg-info-subtle text-info font-monospace border border-info rounded fw-bold text-capitalize">
                                {{ $registration->data_handler_role ?? 'Unspecified' }}</div>
                            @endif
                        </div>
                    </div>

                    <hr class="opacity-10 my-3">

                    <div class="row g-2 font-monospace small mb-2">
                        <div class="col-6 text-muted">Invoice Amount:</div>
                        <div class="col-6 text-end fw-bold text-dark">
                            ${{ number_format($registration->invoice_amount, 2) }}</div>

                        <div class="col-6 text-muted">Payment status:</div>
                        <div class="col-6 text-end fw-bold {{ $registration->payment_status === 'paid' ? 'text-success' : 'text-danger' }}">
                            {{ strtoupper($registration->payment_status ?? 'unpaid') }}
                        </div>

                        @if($registration->payment_date)
                        <div class="col-6 text-muted">Settlement Date:</div>
                        <div class="col-6 text-end text-dark fw-medium">
                            {{ $registration->payment_date->format('M d, Y') }}</div>
                        @endif
                    </div>

                    <div class="p-2 border rounded bg-light text-center">
                        <small class="text-muted d-block font-monospace text-uppercase" style="font-size: 10px;">Workflow Step Level Progression</small>
                        <span class="fw-bold font-monospace text-dark fs-5">{{ $registration->current_step }} / 9 Steps</span>
                        <div class="progress rounded-pill bg-white border mt-1" style="height: 6px;">
                            <div class="progress-bar rounded-pill bg-primary" role="progressbar" style="width: {{ ($registration->current_step / 9) * 100 }}%"></div>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Historical Audit Trail Logs --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h6 class="mb-0 fw-bold text-dark font-monospace text-uppercase small">
                        <i class="fa fa-history me-2 text-primary"></i> Historical Audit Trail Logs
                    </h6>
                </div>
                <div class="card-body p-4">
                    <p class="text-muted font-monospace mb-4" style="font-size: 11px; line-height: 1.3;">
                        Tracks every milestone event sequentially, identifying timestamps and authorized personnel allocations.
                    </p>

                    <div class="timeline-stream-wrapper ps-2">
                        @forelse($registration->journeySteps as $stepLog)

                        {{-- 1. FINANCE VERDICT --}}
                        @if($stepLog->finance_approval_status)
                        <div class="timeline-item-slice position-relative pb-4 ps-3 border-start border-2 border-warning-subtle">
                            <span class="position-absolute translate-middle bg-warning rounded-circle d-inline-flex justify-content-center align-items-center text-white font-monospace text-center shadow-xs"
                                style="width:20px; height:20px; left:0; top:4px; font-size:10px;">$</span>
                            <div class="small">
                                <div class="fw-bold text-dark text-uppercase font-monospace tracking-tight" style="font-size: 11px;">
                                    Finance Verdict: <span class="text-warning-emphasis font-black">{{ $stepLog->finance_approval_status }}</span>
                                </div>
                                <div class="text-muted font-monospace mt-0.5" style="font-size:11px;">Evaluated By: {{ $stepLog->finance_approved_by }}</div>
                                <div class="bg-light border p-2 rounded text-dark font-monospace my-1 whitespace-pre-wrap" style="font-size:11px; line-height: 1.3;">{{ $stepLog->finance_comment ?? 'No text logs saved' }}</div>
                                <div class="text-muted font-mono font-semibold" style="font-size: 9px;">
                                    {{ $stepLog->finance_approved_at ? \Carbon\Carbon::parse($stepLog->finance_approved_at)->format('M d, Y @ H:i') : '' }}
                                </div>
                            </div>
                        </div>
                        @endif

                        {{-- 2. REGISTRATION DECISION --}}
                        @if($stepLog->status)
                        <div class="timeline-item-slice position-relative pb-4 ps-3 border-start border-2 border-primary-subtle">
                            <span class="position-absolute translate-middle bg-primary rounded-circle d-inline-flex justify-content-center align-items-center text-white font-monospace text-center shadow-xs"
                                style="width:20px; height:20px; left:0; top:4px; font-size:9px;"><i class="fa fa-user-check"></i></span>
                            <div class="small">
                                <div class="fw-bold text-dark text-uppercase font-monospace tracking-tight" style="font-size: 11px;">
                                    Registration Decision: <span class="text-primary font-black">{{ $stepLog->status }}</span>
                                </div>
                                <div class="text-muted font-monospace mt-0.5" style="font-size:11px;">Reviewed By: {{ $stepLog->approved_by }}</div>
                                <div class="bg-light border p-2 rounded text-dark font-monospace my-1 whitespace-pre-wrap" style="font-size:11px; line-height: 1.3;">{{ $stepLog->comment ?? 'No text logs saved' }}</div>
                                @if($stepLog->file_items_path)
                                <a href="{{ asset('storage/' . $stepLog->file_items_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-primary fw-bold text-decoration-none font-monospace my-1" style="font-size: 10px;">
                                    <i class="fa fa-paperclip"></i> View Registration Attachment
                                </a>
                                @endif
                                <div class="text-muted font-mono font-semibold" style="font-size: 9px;">
                                    {{ $stepLog->approved_at ? \Carbon\Carbon::parse($stepLog->approved_at)->format('M d, Y @ H:i') : '' }}
                                </div>
                            </div>
                        </div>
                        @endif

                        {{-- 3. DATA COMPLIANCE VERDICT --}}
                        @if($stepLog->data_compliance_status)
                        <div class="timeline-item-slice position-relative pb-4 ps-3 border-start border-2 border-info-subtle">
                            <span class="position-absolute translate-middle bg-info rounded-circle d-inline-flex justify-content-center align-items-center text-white font-monospace text-center shadow-xs"
                                style="width:20px; height:20px; left:0; top:4px; font-size:9px;"><i class="fa fa-shield-alt"></i></span>
                            <div class="small">
                                <div class="fw-bold text-dark text-uppercase font-monospace tracking-tight" style="font-size: 11px;">
                                    Compliance Verdict: <span class="text-info font-black">{{ $stepLog->data_compliance_status }}</span>
                                </div>
                                <div class="text-muted font-monospace mt-0.5" style="font-size:11px;">Verified By: {{ $stepLog->data_compliance_approved_by }}</div>
                                <div class="bg-light border p-2 rounded text-dark font-monospace my-1 whitespace-pre-wrap" style="font-size:11px; line-height: 1.3;">{{ $stepLog->data_compliance_comment ?? 'No text logs saved' }}</div>
                                @if($stepLog->data_compliance_file_path)
                                <a href="{{ asset('storage/' . $stepLog->data_compliance_file_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-info fw-bold text-decoration-none font-monospace my-1" style="font-size: 10px;">
                                    <i class="fa fa-paperclip"></i> View Compliance Attachment
                                </a>
                                @endif
                                <div class="text-muted font-mono font-semibold" style="font-size: 9px;">
                                    {{ $stepLog->data_compliance_approved_at ? \Carbon\Carbon::parse($stepLog->data_compliance_approved_at)->format('M d, Y @ H:i') : '' }}
                                </div>
                            </div>
                        </div>
                        @endif

                        {{-- 4. LEGAL CONSULTATION VERDICT --}}
                        @if($stepLog->legal_approval_status)
                        <div class="timeline-item-slice position-relative pb-4 ps-3 border-start border-2 border-danger-subtle">
                            <span class="position-absolute translate-middle bg-danger rounded-circle d-inline-flex justify-content-center align-items-center text-white font-monospace text-center shadow-xs"
                                style="width:20px; height:20px; left:0; top:4px; font-size:9px;"><i class="fa fa-gavel"></i></span>
                            <div class="small">
                                <div class="fw-bold text-dark text-uppercase font-monospace tracking-tight" style="font-size: 11px;">
                                    Legal Consultation: <span class="text-danger font-black">{{ $stepLog->legal_approval_status }}</span>
                                </div>
                                <div class="text-muted font-monospace mt-0.5" style="font-size:11px;">Evaluated By: {{ $stepLog->legal_approved_by }}</div>
                                <div class="bg-light border p-2 rounded text-dark font-monospace my-1 whitespace-pre-wrap" style="font-size:11px; line-height: 1.3;">{{ $stepLog->legal_comment ?? 'No text logs saved' }}</div>
                                @if($stepLog->legal_file_path)
                                <a href="{{ asset('storage/' . $stepLog->legal_file_path) }}" target="_blank"
                                    class="d-inline-flex align-items-center gap-1 text-danger fw-bold text-decoration-none font-monospace my-1" style="font-size: 10px;">
                                    <i class="fa fa-paperclip"></i> View Statutory File
                                </a>
                                @endif
                                <div class="text-muted font-mono font-semibold" style="font-size: 9px;">
                                    {{ $stepLog->legal_approved_at ? \Carbon\Carbon::parse($stepLog->legal_approved_at)->format('M d, Y @ H:i') : '' }}
                                </div>
                            </div>
                        </div>
                        @endif

                        {{-- 5. EXECUTIVE DISPATCH VERDICT --}}
                        @if($stepLog->authorise_release_status)
                        <div class="timeline-item-slice position-relative pb-4 ps-3 border-start border-2 border-purple-subtle">
                            <span class="position-absolute translate-middle bg-purple rounded-circle d-inline-flex justify-content-center align-items-center text-white font-monospace text-center shadow-xs"
                                style="width:20px; height:20px; left:0; top:4px; font-size:9px;"><i class="fa fa-file-signature"></i></span>
                            <div class="small">
                                <div class="fw-bold text-dark text-uppercase font-monospace tracking-tight" style="font-size: 11px;">
                                    Executive Dispatch: <span class="text-purple font-black">{{ $stepLog->authorise_release_status }}</span>
                                </div>
                                <div class="text-muted font-monospace mt-0.5" style="font-size:11px;">Released By: {{ $stepLog->authorise_release_by }}</div>
                                <div class="bg-light border p-2 rounded text-dark font-monospace my-1 whitespace-pre-wrap" style="font-size:11px; line-height: 1.3;">{{ $stepLog->authorise_release_comment ?? 'No text logs saved' }}</div>
                                <div class="text-muted font-mono font-semibold" style="font-size: 9px;">
                                    {{ $stepLog->authorise_release_at ? \Carbon\Carbon::parse($stepLog->authorise_release_at)->format('M d, Y @ H:i') : '' }}
                                </div>
                            </div>
                        </div>
                        @endif

                        @empty
                        <div class="p-3 border border-dashed rounded text-center text-muted font-monospace small" style="font-size: 11px;">
                            <i class="fa fa-folder-open d-block mb-1 opacity-50 fs-5"></i> No sequential tracking logs compiled on this record.
                        </div>
                        @endforelse
                    </div>
                </div>
            </div>

            {{-- Officers & Attestation --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h6 class="mb-0 fw-bold text-dark font-monospace text-uppercase small">
                        <i class="fa fa-user-shield me-2 text-secondary"></i> Officers & Attestation
                    </h6>
                </div>
                <div class="card-body p-4 small">
                    <div class="mb-3 pb-3 border-bottom">
                        <label class="text-uppercase font-monospace text-muted small d-block mb-1">Data Protection Officer (DPO)</label>
                        <span class="fw-bold text-dark d-block">{{ $registration->dpo_name ?? 'No Designated DPO Listed' }}</span>
                        @if($registration->dpo_phone)
                        <span class="text-muted d-block font-monospace mt-0.5"><i class="fa fa-phone me-1"></i>{{ $registration->dpo_phone }}</span>
                        @endif
                    </div>

                    <div class="mb-3 pb-3 border-bottom">
                        <label class="text-uppercase font-monospace text-muted small d-block mb-1">Authorized Submitting Rep</label>
                        <span class="fw-bold text-dark d-block">{{ $registration->rep_name ?? 'N/A' }}</span>
                        <span class="text-muted d-block font-monospace">{{ $registration->full_phone }}</span>
                        <small class="text-secondary font-monospace italic d-block text-capitalize">Relation: {{ $registration->rep_relation ?? 'N/A' }}</small>
                    </div>

                    <div>
                        <label class="text-uppercase font-monospace text-muted small d-block mb-1">Signature Certification Attestation</label>
                        <span class="fw-bold text-success d-block"><i class="fa fa-pen-fancy me-1"></i> Digitally Signed & Confirmed By:</span>
                        <div class="p-2 border rounded bg-light font-monospace fw-bold text-dark mt-1 tracking-wide text-center bg-white shadow-inner">
                            {{ $registration->compliance_signature_name ?? 'Unsigned Draft' }}</div>
                        <small class="text-muted d-block mt-1 font-monospace" style="font-size: 11px;">Initial entry logging:
                            {{ $registration->created_at ? $registration->created_at->format('M d, Y \a\t h:i A') : 'N/A' }}</small>
                    </div>
                </div>
            </div>

            {{-- 4. Attached Verification Documentation --}}
            <div class="card border-0 shadow-sm bg-white rounded-3 mb-4 overflow-hidden">
                <div class="card-header bg-light border-0 py-3 ps-4">
                    <h6 class="mb-0 fw-bold text-dark font-monospace text-uppercase small">
                        <i class="fa fa-paperclip me-2 text-primary"></i> 4. Attached Verification Documentation
                    </h6>
                </div>
                <div class="card-body p-4">
                    <div class="d-flex flex-column gap-3">

                        <div class="p-3 rounded border bg-light d-flex align-items-start justify-content-between">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-file-pdf text-danger fs-3 me-3"></i>
                                <div>
                                    <span class="fw-bold text-dark d-block small">Corporate Entity Documents</span>
                                    <small class="text-muted font-monospace" style="font-size: 11px;">Company incorporation registry validation files.</small>
                                </div>
                            </div>
                            @if($registration->company_docs_path)
                            <a href="{{ asset('storage/' . $registration->company_docs_path) }}" target="_blank"
                                class="btn btn-primary btn-sm px-2 py-1 rounded shadow-sm text-white" title="Download Registration Files">
                                <i class="fa fa-download"></i>View
                            </a>
                            @else
                            <span class="badge bg-white text-muted border px-2 py-1 font-monospace small">Empty</span>
                            @endif
                        </div>

                        <div class="p-3 rounded border bg-light d-flex align-items-start justify-content-between">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-file-invoice-dollar text-success fs-3 me-3"></i>
                                <div>
                                    <span class="fw-bold text-dark d-block small">Financial Statements</span>
                                    <small class="text-muted font-monospace d-block" style="font-size: 11px;">Bracket:
                                        <span class="text-dark fw-bold">{{ $registration->turnover_bracket ?? 'N/A' }}</span></small>
                                </div>
                            </div>
                            @if($registration->financial_attachment_path)
                            <a href="{{ asset('storage/' . $registration->financial_attachment_path) }}" target="_blank"
                                class="btn btn-primary btn-sm px-2 py-1 rounded shadow-sm text-white" title="Download Financial Statements">
                                <i class="fa fa-download"></i>View
                            </a>
                            @else
                            <span class="badge bg-white text-muted border px-2 py-1 font-monospace small">Empty</span>
                            @endif
                        </div>

                        <div class="p-3 rounded border bg-light d-flex align-items-start justify-content-between">
                            <div class="d-flex align-items-center">
                                <i class="fa fa-folder-open text-warning fs-3 me-3"></i>
                                <div>
                                    <span class="fw-bold text-dark d-block small">Org Setup Artifacts</span>
                                    <small class="text-muted font-monospace" style="font-size: 11px;">Supplementary organizational process uploads.</small>
                                </div>
                            </div>
                            @if($registration->org_docs_path)
                            <a href="{{ asset('storage/' . $registration->org_docs_path) }}" target="_blank"
                                class="btn btn-primary btn-sm px-2 py-1 rounded shadow-sm text-white">
                                <i class="fa fa-download"></i>View
                            </a>
                            @else
                            <span class="badge bg-white text-muted border px-2 py-1 font-monospace small">Empty</span>
                            @endif
                        </div>

                    </div>
                </div>
            </div>

        </div>
    </div>

    {{-- Historical Archives Matrix Module --}}
    @if($priorApplications->isNotEmpty())
    <div class="row bg-dark-subtle rounded-3 p-4 mt-4 border border-dark-subtle">
        <div class="col-md-12">
            <h4 class="mb-3 font-weight-bold text-secondary">
                <i class="fas fa-history mr-2"></i> Historical Archives (Total Found: {{ $priorApplications->count() }})
            </h4>

            @foreach($priorApplications as $index => $priorApp)
            <div class="card border-info shadow-sm mb-4">
                <div class="card-header bg-info text-white d-flex justify-content-between align-items-center">
                    <h5 class="mb-0 font-weight-bold">
                        #{{ $index + 1 }} - Past Application: {{ $priorApp->registration_no ?? 'N/A' }}
                    </h5>
                    <span class="badge badge-light p-2 font-weight-bold text-uppercase text-info">
                        Closed: {{ $priorApp->date_of_completion ? $priorApp->date_of_completion->format('Y-m-d') : 'N/A' }}
                    </span>
                </div>

                <div class="card-body">
                    <p class="text-muted mb-3">
                        This historical operational record was logged for legal profile entity identity matching <strong>"{{ $priorApp->org_legal_name ?? $priorApp->rep_institution }}"</strong>.
                    </p>

                    <div class="table-responsive">
                        <table class="table table-striped table-bordered table-hover align-middle mb-0">
                            <thead class="thead-dark">
                                <tr>
                                    <th style="width: 25%;">Milestone / Step</th>
                                    <th style="width: 25%;">Departmental Stage</th>
                                    <th style="width: 50%;">Historical Comment Logs</th>
                                </tr>
                            </thead>
                            <tbody>
                                @php $hasAnyComments = false; @endphp

                                @foreach($priorApp->journeySteps as $pastStep)
                                @php
                                $hasFinance = filled($pastStep->finance_comment);
                                $hasRegistration = filled($pastStep->comment);
                                $hasCompliance = filled($pastStep->data_compliance_comment);
                                $hasLegal = filled($pastStep->legal_comment);
                                $hasRelease = filled($pastStep->authorise_release_comment);
                                @endphp

                                @if($hasFinance || $hasRegistration || $hasCompliance || $hasLegal || $hasRelease)
                                @php $hasAnyComments = true; @endphp

                                @if($hasFinance)
                                <tr>
                                    <td class="font-weight-bold text-dark">
                                        {{ $pastStep->step_name }}<br>
                                        <small class="text-muted font-italic">({{ $pastStep->step_slug }})</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-warning text-dark p-2 text-uppercase font-weight-bold">
                                            <i class="fas fa-wallet mr-1"></i> Finance Auditing
                                        </span>
                                    </td>
                                    <td>
                                        <pre class="m-0 text-dark small" style="white-space: pre-wrap; font-family: inherit; background-color: #fdfffe; padding: 10px; border-radius: 4px; border-left: 3px solid #ffc107;">{{ $pastStep->finance_comment }}</pre>
                                    </td>
                                </tr>
                                @endif

                                @if($hasRegistration)
                                <tr>
                                    <td class="font-weight-bold text-dark">
                                        {{ $pastStep->step_name }}<br>
                                        <small class="text-muted font-italic">({{ $pastStep->step_slug }})</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-primary p-2 text-uppercase font-weight-bold">
                                            <i class="fas fa-user-check mr-1"></i> Registration Review
                                        </span>
                                    </td>
                                    <td>
                                        <pre class="m-0 text-dark small" style="white-space: pre-wrap; font-family: inherit; background-color: #fafcfe; padding: 10px; border-radius: 4px; border-left: 3px solid #007bff;">{{ $pastStep->comment }}</pre>
                                    </td>
                                </tr>
                                @endif

                                @if($hasCompliance)
                                <tr>
                                    <td class="font-weight-bold text-dark">
                                        {{ $pastStep->step_name }}<br>
                                        <small class="text-muted font-italic">({{ $pastStep->step_slug }})</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-info text-white p-2 text-uppercase font-weight-bold">
                                            <i class="fas fa-shield-alt mr-1"></i> Data Compliance
                                        </span>
                                    </td>
                                    <td>
                                        <pre class="m-0 text-dark small" style="white-space: pre-wrap; font-family: inherit; background-color: #f7fcff; padding: 10px; border-radius: 4px; border-left: 3px solid #0dcaf0;">{{ $pastStep->data_compliance_comment }}</pre>
                                    </td>
                                </tr>
                                @endif

                                @if($hasLegal)
                                <tr>
                                    <td class="font-weight-bold text-dark">
                                        {{ $pastStep->step_name }}<br>
                                        <small class="text-muted font-italic">({{ $pastStep->step_slug }})</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-danger p-2 text-uppercase font-weight-bold">
                                            <i class="fas fa-gavel mr-1"></i> Legal Consultation
                                        </span>
                                    </td>
                                    <td>
                                        <pre class="m-0 text-dark small" style="white-space: pre-wrap; font-family: inherit; background-color: #fffafb; padding: 10px; border-radius: 4px; border-left: 3px solid #dc3545;">{{ $pastStep->legal_comment }}</pre>
                                    </td>
                                </tr>
                                @endif

                                @if($hasRelease)
                                <tr>
                                    <td class="font-weight-bold text-dark">
                                        {{ $pastStep->step_name }}<br>
                                        <small class="text-muted font-italic">({{ $pastStep->step_slug }})</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-purple text-white p-2 text-uppercase font-weight-bold" style="background-color: #6b21a8;">
                                            <i class="fas fa-file-signature mr-1"></i> Executive Release
                                        </span>
                                    </td>
                                    <td>
                                        <pre class="m-0 text-dark small" style="white-space: pre-wrap; font-family: inherit; background-color: #fafffa; padding: 10px; border-radius: 4px; border-left: 3px solid #6b21a8;">{{ $pastStep->authorise_release_comment }}</pre>
                                    </td>
                                </tr>
                                @endif
                                @endif
                                @endforeach

                                @if($priorApp->journeySteps->isEmpty() || !$hasAnyComments)
                                <tr>
                                    <td colspan="3" class="text-center text-muted py-4">
                                        <i class="fas fa-info-circle mr-1"></i> No logged comments found on any milestone journey steps for this reference tracking record.
                                    </td>
                                </tr>
                                @endif
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endif

</div>

<style>
    .bg-purple-subtle {
        background-color: #f3e8ff !important;
    }

    .text-purple {
        color: #6b21a8 !important;
    }

    .border-purple {
        border-color: #d8b4fe !important;
    }

    .bg-primary-subtle {
        background-color: #e0f2fe !important;
    }

    .text-primary {
        color: #0369a1 !important;
    }

    .bg-info-subtle {
        background-color: #ecfeff !important;
    }

    .text-info {
        color: #0e7490 !important;
    }

    .bg-danger-subtle {
        background-color: #ffeeef !important;
    }

    .whitespace-pre-wrap {
        white-space: pre-wrap;
    }

    .italic {
        font-style: italic;
    }

    .font-black {
        font-weight: 900 !important;
    }

    .shadow-xs {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    }

    .timeline-item-slice:last-child {
        border-left: 0 !important;
        padding-bottom: 0 !important;
    }

    .bg-success-subtle {
        background-color: #dcfce7 !important;
    }
</style>

@include('partials.footer')