@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Termination & Resignation'))

@push('css')
<style>
    .separation-page .page-title {
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0.15rem;
    }
    .separation-page .card {
        border: 1px solid #e9ecef;
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
        margin-bottom: 0;
    }
    .separation-page .card-header {
        padding: 0.85rem 1.15rem;
        background: #f8f9fb;
        border-bottom: 1px solid #e9ecef;
    }
    .separation-page .card-body {
        padding: 1.15rem;
    }
    .separation-page .card-body.p-0 {
        padding: 0 !important;
    }
    .separation-page .card-footer {
        padding: 0.75rem 1.15rem;
        background: #fff;
    }
    .separation-page .filter-panel {
        background: #f8f9fb;
        border-bottom: 1px solid #e9ecef;
        padding: 1rem 1.15rem;
    }
    .separation-page .filter-panel .form-group {
        margin-bottom: 0.75rem;
    }
    .separation-page .table thead th {
        padding: 0.65rem 0.85rem;
        font-size: 0.8125rem;
        white-space: nowrap;
        border-top: 0;
    }
    .separation-page .table tbody td {
        padding: 0.7rem 0.85rem;
        vertical-align: middle;
    }
    .separation-page .action-btns {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 0.35rem;
    }
    .separation-page .action-btns .btn {
        white-space: nowrap;
    }
    .separation-page .action-btns .dropdown-menu {
        min-width: 12rem;
        font-size: 0.875rem;
    }
    /* Prevent Offboarding dropdown from being clipped (esp. single / last rows) */
    .separation-page .card,
    .separation-page .card-body.p-0 {
        overflow: visible;
    }
    .separation-page .table-responsive {
        overflow-x: auto;
        overflow-y: visible;
    }
    .separation-page .table tbody tr:last-child td {
        padding-bottom: 0.85rem;
    }
    .separation-page .action-btns .dropdown-item i {
        width: 1.1rem;
        text-align: center;
        margin-right: 0.35rem;
    }
    .separation-page .status-stack .badge {
        display: inline-block;
    }
    #createSeparationModal .form-group label {
        font-weight: 600;
        font-size: 0.8125rem;
        margin-bottom: 0.35rem;
        color: #495057;
    }
    #createSeparationModal .select2-container .select2-selection--single {
        height: 38px !important;
        border-color: #ced4da;
    }
    #createSeparationModal .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 36px !important;
        padding-left: 0.75rem;
    }
    #createSeparationModal .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px !important;
    }
    #createSeparationModal .modal-dialog {
        max-width: 560px;
    }
</style>
@endpush

@section('content')
    @php
        $openCreateModal = $errors->any() || old('staff_id') || old('separation_type') || old('reason');
    @endphp
    <div class="separation-page pt-3 pb-4 px-2 px-md-3">
        @if (session()->has('message'))
            <div class="alert alert-success mb-3 py-2">{{ session('message') }}</div>
        @endif
        @if (session()->has('error'))
            <div class="alert alert-danger mb-3 py-2">{{ session('error') }}</div>
        @endif

        <div class="d-flex flex-wrap justify-content-between align-items-start mb-3">
            <div class="mb-2 mb-md-0">
                <h4 class="page-title mb-0">{{ __('Termination & Resignation') }}</h4>
                <p class="text-muted small mb-0">{{ __('Record separation requests and manage employee exits.') }}</p>
            </div>
            <div class="d-flex flex-wrap align-items-center" style="gap: 0.5rem;">
                <a class="btn btn-success btn-sm"
                   href="{{ route('admin.staff.separation.export', request()->query()) }}">
                    <i class="fas fa-file-excel"></i> {{ __('Export Excel') }}
                </a>
                <button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#createSeparationModal">
                    <i class="fas fa-plus"></i> {{ __('New Separation Request') }}
                </button>
            </div>
        </div>

        <div class="card">
            <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
                <h5 class="mb-0">{{ __('All Requests') }}</h5>
                <span class="text-muted small">{{ __(':count total', ['count' => $rows->total()]) }}</span>
            </div>
            <div class="filter-panel">
                <form method="get" class="form-row align-items-end">
                    <div class="form-group col-md-6 col-lg-3">
                        <label class="small font-weight-bold">{{ __('Search') }}</label>
                        <input type="text" name="search" class="form-control form-control-sm"
                               value="{{ request('search') }}"
                               placeholder="{{ __('Name, SID, reason, or #') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Status') }}</label>
                        <select name="status" class="form-control form-control-sm">
                            <option value="">{{ __('All Statuses') }}</option>
                            <option value="pending" @selected(request('status') === 'pending')>{{ __('Pending') }}</option>
                            <option value="confirmed" @selected(request('status') === 'confirmed')>{{ __('Confirmed') }}</option>
                            <option value="reinstated" @selected(request('status') === 'reinstated')>{{ __('Reinstated') }}</option>
                            <option value="rejected" @selected(request('status') === 'rejected')>{{ __('Rejected') }}</option>
                        </select>
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Separation Type') }}</label>
                        <select name="separation_type" class="form-control form-control-sm">
                            <option value="">{{ __('All Types') }}</option>
                            @foreach($separationTypes as $value => $label)
                                <option value="{{ $value }}" @selected(request('separation_type') === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Application From') }}</label>
                        <input type="date" name="application_date_from" class="form-control form-control-sm"
                               value="{{ request('application_date_from') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Application To') }}</label>
                        <input type="date" name="application_date_to" class="form-control form-control-sm"
                               value="{{ request('application_date_to') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Last Day From') }}</label>
                        <input type="date" name="last_working_date_from" class="form-control form-control-sm"
                               value="{{ request('last_working_date_from') }}">
                    </div>
                    <div class="form-group col-md-6 col-lg-2">
                        <label class="small font-weight-bold">{{ __('Last Day To') }}</label>
                        <input type="date" name="last_working_date_to" class="form-control form-control-sm"
                               value="{{ request('last_working_date_to') }}">
                    </div>
                    <div class="form-group col-auto mb-0">
                        <button type="submit" class="btn btn-primary btn-sm">{{ __('Filter') }}</button>
                        <a href="{{ route('admin.staff.separation.index') }}" class="btn btn-outline-secondary btn-sm">{{ __('Clear') }}</a>
                    </div>
                </form>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover table-sm mb-0">
                        <thead class="thead-light">
                        <tr>
                            <th>#</th>
                            <th>{{ __('Type') }}</th>
                            <th>{{ __('Employee') }}</th>
                            <th>{{ __('Application Date') }}</th>
                            <th>{{ __('Status') }}</th>
                            <th>{{ __('Last Day') }}</th>
                            <th class="text-right">{{ __('Actions') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @forelse($rows as $r)
                            @php
                                $pendingReinstate = $r->latestReinstateApproval && $r->latestReinstateApproval->status === 'pending'
                                    ? $r->latestReinstateApproval
                                    : null;
                                $approvedReinstate = $r->latestReinstateApproval && $r->latestReinstateApproval->status === 'approved'
                                    ? $r->latestReinstateApproval
                                    : null;
                                $showOffboarding = $r->status === 'confirmed' && ! $pendingReinstate;
                            @endphp
                            <tr>
                                <td>{{ $r->id }}</td>
                                <td>{{ \App\Models\StaffSeparationRequest::separationTypeLabel($r->separation_type ?? $r->kind) }}</td>
                                <td>
                                    <div>{{ $r->staff?->user?->name ?? '—' }}</div>
                                    @if($r->staff)
                                        <div class="small text-muted">{{ $r->staff->displaySid() }}</div>
                                    @endif
                                </td>
                                <td>{{ $r->application_date?->format('Y-m-d') ?? '—' }}</td>
                                <td class="status-stack">
                                    @if($r->status === 'pending')
                                        <span class="badge badge-warning">{{ __('Pending') }}</span>
                                    @elseif($r->status === 'confirmed')
                                        <span class="badge badge-success">{{ __('Confirmed') }}</span>
                                        @if($r->finalSettlement)
                                            <span class="badge badge-info ml-1">{{ __('Settled') }}</span>
                                        @endif
                                        @if($approvedReinstate)
                                            <div class="small text-danger mt-1">{{ __('Reinstate approved but not applied — open View and sync.') }}</div>
                                        @endif
                                    @elseif($r->status === 'reinstated')
                                        <span class="badge badge-primary">{{ __('Reinstate Approved') }}</span>
                                        @if($r->reinstated_at)
                                            <div class="small text-muted mt-1">{{ $r->reinstated_at->format('d M Y, h:i A') }}</div>
                                        @endif
                                    @else
                                        <span class="badge badge-secondary">{{ __('Rejected') }}</span>
                                    @endif
                                </td>
                                <td>{{ $r->last_working_date?->format('Y-m-d') ?? '—' }}</td>
                                <td class="text-right">
                                    <div class="action-btns">
                                        @can('User-edit')
                                            @if($r->status === 'pending')
                                                @if($workflowEnabled)
                                                    <span class="text-muted small">{{ __('Use Approval Center') }}</span>
                                                @else
                                                    <button type="button" class="btn btn-sm btn-success" data-toggle="modal" data-target="#confirmModal{{ $r->id }}">{{ __('Confirm') }}</button>
                                                    <button type="button" class="btn btn-sm btn-outline-danger" data-toggle="modal" data-target="#rejectModal{{ $r->id }}">{{ __('Reject') }}</button>
                                                @endif
                                            @endif
                                        @endcan

                                        @if($r->status === 'reinstated')
                                            <span class="badge badge-light border text-success">
                                                <i class="mdi mdi-check-circle"></i> {{ __('Employee reinstated — offboarding closed') }}
                                            </span>
                                        @elseif($r->status === 'confirmed')
                                            @can('User-edit')
                                                @if(! $r->finalSettlement)
                                                    @if($pendingReinstate)
                                                        <a class="btn btn-sm btn-outline-success" href="{{ route('approval.center') }}">
                                                            {{ __('Reinstate pending') }}:
                                                            {{ user_display_label($pendingReinstate->currentApprover) }}
                                                        </a>
                                                    @else
                                                        <button type="button" class="btn btn-sm btn-success"
                                                                data-toggle="modal" data-target="#reinstateModal{{ $r->id }}">
                                                            <i class="mdi mdi-account-reactivate"></i>
                                                            {{ $workflowEnabled ? __('Send for Reinstate Approval') : __('Reinstate') }}
                                                        </button>
                                                    @endif
                                                @endif
                                            @endcan

                                            @if($showOffboarding)
                                                <div class="btn-group {{ $loop->remaining < 2 ? 'dropup' : '' }}">
                                                    <button type="button" class="btn btn-sm btn-outline-primary dropdown-toggle"
                                                            data-toggle="dropdown"
                                                            data-boundary="viewport"
                                                            data-flip="true"
                                                            aria-haspopup="true"
                                                            aria-expanded="false">
                                                        {{ __('Offboarding') }}
                                                    </button>
                                                    <div class="dropdown-menu dropdown-menu-right">
                                                        @if($r->staff_id)
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('experience.certificate', [
                                                                   'employee_id' => $r->staff_id,
                                                                   'end_date' => $r->last_working_date?->format('Y-m-d') ?? now()->format('Y-m-d'),
                                                               ]) }}">
                                                                <i class="fas fa-certificate"></i> {{ __('Experience Certificate') }}
                                                            </a>
                                                        @endif
                                                        <a class="dropdown-item"
                                                           href="{{ route('admin.staff.separation.asset_offboard', $r->id) }}">
                                                            <i class="fas fa-laptop"></i> {{ __('Asset Offboard') }}
                                                        </a>
                                                        <a class="dropdown-item"
                                                           href="{{ route('admin.staff.separation.final_clearance.branch', $r->id) }}">
                                                            <i class="fas fa-clipboard-check"></i> নমুনা-১৫ ({{ __('Branch') }})
                                                        </a>
                                                        @if($r->finalClearanceForm?->hasBranchData())
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('admin.staff.separation.final_clearance.branch.print', $r->id) }}">
                                                                <i class="fas fa-print"></i> {{ __('Print') }} নমুনা-১৫
                                                            </a>
                                                        @endif
                                                        @php
                                                            $canSeeHo = \App\Models\StaffFinalClearanceForm::canViewHeadOfficeClearance($r->finalClearanceForm);
                                                            $canEditHo = \App\Models\StaffFinalClearanceForm::canEditHeadOfficeClearance();
                                                        @endphp
                                                        @if($canEditHo || $canSeeHo)
                                                            <a class="dropdown-item"
                                                               href="{{ route('admin.staff.separation.final_clearance.head_office', $r->id) }}">
                                                                <i class="fas fa-building"></i> নমুনা-১৫/১ ({{ __('Head Office') }})
                                                            </a>
                                                        @endif
                                                        @if($r->finalClearanceForm?->hasHeadOfficeData() && $canSeeHo)
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('admin.staff.separation.final_clearance.head_office.print', $r->id) }}">
                                                                <i class="fas fa-print"></i> {{ __('Print') }} নমুনা-১৫/১
                                                            </a>
                                                        @endif
                                                        <a class="dropdown-item"
                                                           href="{{ route('admin.staff.separation.settlement_checklist', $r->id) }}">
                                                            <i class="fas fa-tasks"></i> {{ __('Settlement Checklist') }} (নমুনা-১৭)
                                                        </a>
                                                        @if($r->settlementChecklist)
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('admin.staff.separation.settlement_checklist.print', $r->id) }}">
                                                                <i class="fas fa-print"></i> {{ __('Print Checklist') }}
                                                            </a>
                                                        @endif
                                                        @if($r->finalSettlement)
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('admin.staff.separation.settlement.print', $r->id) }}">
                                                                <i class="fas fa-file-invoice-dollar"></i> কর্মী পাওনা তথ্য
                                                            </a>
                                                            <a class="dropdown-item" target="_blank" rel="noopener"
                                                               href="{{ route('admin.staff.separation.na_dabi_nama', $r->id) }}">
                                                                <i class="fas fa-file-signature"></i> {{ __('No-Demand Certificate') }} (নমুনা-১৭/১)
                                                            </a>
                                                        @else
                                                            @can('User-edit')
                                                                <a class="dropdown-item"
                                                                   href="{{ route('admin.staff.separation.settlement', $r->id) }}">
                                                                    <i class="fas fa-money-check-alt"></i> {{ __('Final Settlement') }}
                                                                </a>
                                                            @endcan
                                                        @endif
                                                    </div>
                                                </div>
                                            @endif
                                        @elseif($r->staff_id)
                                            <a class="btn btn-sm btn-outline-primary" target="_blank" rel="noopener"
                                               href="{{ route('experience.certificate', [
                                                   'employee_id' => $r->staff_id,
                                                   'end_date' => $r->last_working_date?->format('Y-m-d') ?? now()->format('Y-m-d'),
                                               ]) }}">
                                                <i class="fas fa-certificate"></i> {{ __('Experience Certificate') }}
                                            </a>
                                        @endif

                                        <a class="btn btn-sm btn-outline-secondary"
                                           href="{{ route('admin.staff.separation.show', $r->id) }}">
                                            {{ __('View') }}
                                        </a>
                                        <a class="btn btn-sm btn-outline-dark" target="_blank" rel="noopener"
                                           href="{{ route('admin.staff.separation.print', $r->id) }}">
                                            <i class="fas fa-print"></i> {{ __('Print') }}
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted py-5">
                                    {{ __('No requests found.') }}
                                    <div class="mt-2">
                                        <button type="button" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#createSeparationModal">
                                            <i class="fas fa-plus"></i> {{ __('New Separation Request') }}
                                        </button>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
            @if($rows->hasPages())
                <div class="card-footer">{{ $rows->links() }}</div>
            @endif
        </div>
    </div>

        <div class="modal fade" id="createSeparationModal" tabindex="-1" role="dialog" aria-labelledby="createSeparationModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <form method="post" action="{{ route('admin.staff.separation.termination') }}" class="w-100">
                    @csrf
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" id="createSeparationModalLabel">{{ __('New Separation Request') }}</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">&times;</button>
                        </div>
                        <div class="modal-body">
                            @if ($errors->any())
                                <div class="alert alert-danger py-2">
                                    <ul class="mb-0 pl-3">
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="form-group">
                                <label for="separation_staff_id">{{ __('Employee') }}</label>
                                <select name="staff_id" id="separation_staff_id" class="form-control select2" required
                                        data-placeholder="{{ __('Select Employee') }}">
                                    <option value=""></option>
                                    @foreach($activeStaff as $s)
                                        <option value="{{ $s->id }}" @selected(old('staff_id') == $s->id)>
                                            {{ $s->user?->name ?? '—' }} ({{ $s->displaySid() }})
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="separation_type">{{ __('Separation Type') }}</label>
                                <select name="separation_type" id="separation_type" class="form-control" required>
                                    <option value="">{{ __('Select Type') }}</option>
                                    @foreach($separationTypes as $value => $label)
                                        <option value="{{ $value }}" @selected(old('separation_type') === $value)>{{ $label }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="application_date">{{ __('Application Date') }}</label>
                                <input type="date" name="application_date" id="application_date" class="form-control" required
                                       value="{{ old('application_date', now()->format('Y-m-d')) }}">
                            </div>
                            <div class="form-group">
                                <label for="termination_reason">{{ __('Reason') }}</label>
                                <textarea name="reason" id="termination_reason" class="form-control" rows="3" required
                                          maxlength="2000" placeholder="{{ __('Separation reason') }}">{{ old('reason') }}</textarea>
                            </div>
                            <div class="form-group">
                                <label for="last_working_date">{{ __('Last Working Date') }}</label>
                                <input type="date" name="last_working_date" id="last_working_date" class="form-control"
                                       value="{{ old('last_working_date') }}">
                            </div>
                            <div class="form-group mb-0">
                                <label for="admin_remark">{{ __('Internal Note (optional)') }}</label>
                                <textarea name="admin_remark" id="admin_remark" class="form-control" rows="2"
                                          maxlength="2000">{{ old('admin_remark') }}</textarea>
                            </div>
                            <p class="text-muted small mt-3 mb-0">
                                @if($workflowEnabled)
                                    {{ __('Request will be routed through the Approval Center before the account is deactivated.') }}
                                @else
                                    {{ __('Then confirm from the list to deactivate the account.') }}
                                @endif
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                            <button type="submit" class="btn btn-primary">{{ __('Save As Pending') }}</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>

    @foreach($rows as $r)
        @can('User-edit')
            @if($r->status === 'pending' && ! $workflowEnabled)
                <div class="modal fade" id="confirmModal{{ $r->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <form method="post" action="{{ route('admin.staff.separation.confirm', $r->id) }}">
                            @csrf
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">{{ __('Confirm Separation') }}</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <p>{{ __('This will set the employee user to inactive and staff status to inactive.') }}</p>
                                    <div class="form-group mb-0">
                                        <label>{{ __('Admin Note (optional)') }}</label>
                                        <textarea name="admin_remark" class="form-control" rows="2" maxlength="2000"></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                                    <button type="submit" class="btn btn-success">{{ __('Confirm') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="modal fade" id="rejectModal{{ $r->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <form method="post" action="{{ route('admin.staff.separation.reject', $r->id) }}">
                            @csrf
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">{{ __('Reject Request') }}</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <div class="form-group mb-0">
                                        <label>{{ __('Reason For Rejection') }}</label>
                                        <textarea name="admin_remark" class="form-control" rows="3" required maxlength="2000"></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                                    <button type="submit" class="btn btn-danger">{{ __('Reject') }}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            @endif
            @if($r->status === 'confirmed' && ! $r->finalSettlement)
                <div class="modal fade" id="reinstateModal{{ $r->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                        <form method="post" action="{{ route('admin.staff.separation.reinstate', $r->id) }}">
                            @csrf
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title">{{ __('Reinstate Employee') }}</h5>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">&times;</button>
                                </div>
                                <div class="modal-body">
                                    <p class="mb-2">
                                        {{ __('This will reactivate the employee login and staff record after a confirmed resignation/separation was withdrawn.') }}
                                    </p>
                                    @if($workflowEnabled)
                                        <p class="small text-info mb-2">
                                            {{ __('Approval workflow is ON. Configure hierarchy for request type “Staff Separation Reinstate”. If a chain exists, this goes to Approval Center; otherwise it auto-approves.') }}
                                        </p>
                                    @endif
                                    <p class="small text-muted mb-3">
                                        {{ __('Pending asset offboard tasks will be cancelled. Final payslip and clearance documents remain for history. Not allowed after final settlement.') }}
                                    </p>
                                    <div class="form-group mb-0">
                                        <label>{{ __('Reinstate remark (optional)') }}</label>
                                        <textarea name="reinstate_remark" class="form-control" rows="3" maxlength="2000"
                                                  placeholder="{{ __('e.g. Resignation withdrawn by employee; management approved reinstatement.') }}"></textarea>
                                    </div>
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-light" data-dismiss="modal">{{ __('Cancel') }}</button>
                                    <button type="submit" class="btn btn-success">
                                        {{ $workflowEnabled ? __('Submit for Approval') : __('Reinstate') }}
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            @endif
        @endcan
    @endforeach
@endsection

@push('script')
<script>
(function ($) {
    var $modal = $('#createSeparationModal');
    var $staff = $('#separation_staff_id');

    function initStaffSelect() {
        if (!$staff.length) return;
        if ($staff.hasClass('select2-hidden-accessible')) {
            $staff.select2('destroy');
        }
        $staff.select2({
            width: '100%',
            placeholder: $staff.data('placeholder') || '',
            allowClear: true,
            dropdownParent: $modal
        });
    }

    $modal.on('shown.bs.modal', function () {
        initStaffSelect();
    });

    // Keep Offboarding menu visible when table-responsive / card would clip it
    $('.separation-page').on('show.bs.dropdown', '.action-btns .btn-group', function () {
        var $wrap = $(this).closest('.table-responsive');
        if ($wrap.length) {
            $wrap.data('prev-overflow', $wrap.css('overflow'));
            $wrap.css('overflow', 'visible');
        }
        $(this).closest('.card-body, .card').css('overflow', 'visible');
    }).on('hide.bs.dropdown', '.action-btns .btn-group', function () {
        var $wrap = $(this).closest('.table-responsive');
        if ($wrap.length) {
            $wrap.css('overflow', $wrap.data('prev-overflow') || '');
        }
    });

    @if($openCreateModal)
        $modal.modal('show');
    @endif
})(jQuery);
</script>
@endpush