@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('Performance appraisal instances'))
@section('content')
    @php
        $statusOptions = \App\Models\AppraisalInstance::statusLabels();
        $hasFilters = request()->filled('staff_q') || request()->filled('cycle_id') || request()->filled('status');
    @endphp
    <style>
        .pai-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 2px 10px rgba(15,23,42,.04); }
        .pai-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 800; }
        .pai-wrap label { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: rgba(15,23,42,.55); }
        .pai-row-actions .dropdown-toggle::after { display: none; }
        .pai-row-actions .btn-action-toggle { width: 34px; height: 34px; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; }
        .pai-row-actions .dropdown-menu { min-width: 10rem; border-radius: 10px; border: 1px solid #edf0f6; box-shadow: 0 8px 24px rgba(15,23,42,.08); z-index: 1050; }
        .pai-row-actions .dropdown-item { font-size: 13px; font-weight: 600; padding: .45rem 1rem; }
        .pai-row-actions .dropdown-item i { width: 18px; margin-right: .35rem; }
        /* Keep action menus visible (last rows were clipped by table/card overflow). */
        .pai-wrap .card,
        .pai-wrap .card-body,
        .pai-wrap .table-responsive {
            overflow: visible !important;
        }
    </style>

    <div class="container-fluid pai-wrap">
        <div class="row mt-3">
            <div class="col-12 d-flex flex-wrap justify-content-between align-items-center mb-3">
                <div>
                    <h4 class="page-title mb-0">{{ __('Appraisal instances') }}</h4>
                    <p class="text-muted mb-0">{{ __('Track employee performance reviews through each workflow stage.') }}</p>
                </div>
                <div class="d-flex flex-wrap gap-2">
                    <a href="{{ route('pa.submissions.history') }}" class="btn btn-outline-secondary" target="_blank">
                        <i class="fas fa-history"></i> {{ __('Submission history') }}
                    </a>
                    @can('PerformanceAppraisal-create')
                        <a href="{{ route('pa.instances.create') }}" class="btn btn-primary">
                            <i class="fas fa-plus"></i> {{ __('New instance') }}
                        </a>
                    @endcan
                </div>
            </div>

            @if (session()->has('message'))
                <div class="col-12"><div class="alert alert-success">{{ session('message') }}</div></div>
            @endif
            @if (session()->has('error'))
                <div class="col-12"><div class="alert alert-danger">{{ session('error') }}</div></div>
            @endif

            <div class="col-12 mb-3">
                <div class="form-row">
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-list-stat"><div class="num text-primary">{{ (int) ($stats->total ?? 0) }}</div><div class="lbl">{{ __('Total') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-list-stat"><div class="num text-warning">{{ (int) ($stats->in_progress ?? 0) }}</div><div class="lbl">{{ __('In progress') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-list-stat"><div class="num text-success">{{ (int) ($stats->finalized ?? 0) }}</div><div class="lbl">{{ __('Finalized') }}</div></div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="pa-list-stat"><div class="num text-muted">{{ (int) ($stats->closed_or_cancelled ?? 0) }}</div><div class="lbl">{{ __('Closed / cancelled') }}</div></div>
                    </div>
                </div>
            </div>

            <div class="col-12 mb-3">
                <div class="card">
                    <div class="card-header d-flex flex-wrap justify-content-between align-items-center py-3">
                        <span><i class="fas fa-list-ul mr-1 text-muted"></i> {{ __('Instances') }}</span>
                        @if($hasFilters)
                            <a href="{{ route('pa.instances.index') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear filters') }}</a>
                        @endif
                    </div>
                    <form method="get">
                        <div class="pa-filter-bar">
                            <div class="form-row align-items-end">
                                <div class="form-group col-md-4 col-lg-3 mb-md-0">
                                    <label>{{ __('Employee') }}</label>
                                    <input type="search" name="staff_q" class="form-control" value="{{ request('staff_q') }}"
                                           placeholder="{{ __('Name or user ID') }}">
                                </div>
                                <div class="form-group col-md-4 col-lg-3 mb-md-0">
                                    <label>{{ __('Cycle') }}</label>
                                    <select name="cycle_id" class="form-control">
                                        <option value="">{{ __('All cycles') }}</option>
                                        @foreach($cycles as $c)
                                            <option value="{{ $c->id }}" @selected((string) request('cycle_id') === (string) $c->id)>{{ $c->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-4 col-lg-3 mb-md-0">
                                    <label>{{ __('Status') }}</label>
                                    <select name="status" class="form-control">
                                        <option value="">{{ __('All status') }}</option>
                                        @foreach($statusOptions as $code => $label)
                                            <option value="{{ $code }}" @selected(request('status') === $code)>{{ $label }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-12 col-lg-3 mb-0">
                                    <label>&nbsp;</label>
                                    <button type="submit" class="btn btn-primary btn-block"><i class="fas fa-filter mr-1"></i> {{ __('Apply') }}</button>
                                </div>
                            </div>
                            @if($hasFilters)
                                <div class="mt-2 pt-2 border-top">
                                    @if(request('staff_q'))
                                        <span class="pa-filter-chip"><i class="fas fa-user"></i> {{ request('staff_q') }}</span>
                                    @endif
                                    @if(request('cycle_id'))
                                        @php $selCycle = $cycles->firstWhere('id', (int) request('cycle_id')); @endphp
                                        @if($selCycle)
                                            <span class="pa-filter-chip"><i class="fas fa-sync"></i> {{ $selCycle->name }}</span>
                                        @endif
                                    @endif
                                    @if(request('status'))
                                        <span class="pa-filter-chip">
                                            @include('partials.appraisal_status_badge', ['status' => request('status')])
                                        </span>
                                    @endif
                                </div>
                            @endif
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-hover pa-list-table mb-0">
                            <thead class="thead-light">
                            <tr>
                                <th>#</th>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Cycle') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th>{{ __('Due') }}</th>
                                <th class="text-right">{{ __('Final score') }}</th>
                                <th class="text-right">{{ __('Actions') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($rows as $r)
                                @php $viewUrl = route('pa.instances.show', $r->id); @endphp
                                <tr>
                                    <td><span class="text-muted font-weight-bold">#{{ $r->id }}</span></td>
                                    <td>
                                        <a href="{{ $viewUrl }}" class="text-dark font-weight-bold">{{ $r->staff?->user?->name ?? '—' }}</a>
                                        <small class="text-muted d-block">
                                            ID: {{ $r->staff?->user_id ?? '—' }}
                                            @if($r->staff?->warehouse?->name)
                                                · {{ $r->staff->warehouse->name }}
                                            @endif
                                        </small>
                                        @if($r->evaluationForm?->title)
                                            <span class="pa-form-tag" title="{{ $r->evaluationForm->title }}">{{ $r->evaluationForm->title }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $r->cycle?->name ?? '—' }}</td>
                                    <td>
                                        @include('partials.appraisal_status_badge', [
                                            'label' => $r->listDisplayStatus($paperWorkflow),
                                            'variant' => $r->listDisplayStatusVariant(),
                                            'title' => $r->isActive() ? \App\Models\AppraisalInstance::statusLabel($r->status) : null,
                                        ])
                                    </td>
                                    <td>
                                        @if($r->due_at)
                                            <span class="{{ $r->isActive() && $r->due_at->isPast() ? 'pa-due-overdue' : '' }}">
                                                {{ $r->due_at->format('d/m/Y') }}
                                            </span>
                                        @else
                                            <span class="text-muted">—</span>
                                        @endif
                                    </td>
                                    <td class="text-right pa-score-cell {{ $r->final_total_score !== null ? 'has-score' : '' }}">
                                        {{ $r->final_total_score !== null ? number_format((float) $r->final_total_score, 2).'%' : '—' }}
                                    </td>
                                    <td class="text-right">
                                        <div class="dropdown pai-row-actions d-inline-block">
                                            <button type="button" class="btn btn-sm btn-light btn-action-toggle dropdown-toggle"
                                                    data-toggle="dropdown"
                                                    data-boundary="viewport"
                                                    aria-haspopup="true"
                                                    aria-expanded="false">
                                                <i class="fas fa-ellipsis-v"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="{{ $viewUrl }}">
                                                    <i class="fas fa-eye text-muted"></i> {{ __('View') }}
                                                </a>
                                                @can('PerformanceAppraisal-edit')
                                                    <a class="dropdown-item" href="{{ route('pa.instances.edit', $r->id) }}">
                                                        <i class="fas fa-edit text-muted"></i> {{ __('Edit') }}
                                                    </a>
                                                @endcan
                                                @php
                                                    $rowOutcome = $r->meta['probation_outcome'] ?? null;
                                                    $rowIsProbation = ($r->cycle?->slug === 'probation');
                                                    $rowCanLetter = $rowIsProbation && in_array($rowOutcome, ['permanent', 'extend'], true);
                                                    $rowLetterEnothiId = isset($r->meta['probation_letter_enothi_file_id'])
                                                        ? (int) $r->meta['probation_letter_enothi_file_id']
                                                        : null;
                                                    $rowLetterLabel = $rowOutcome === 'permanent'
                                                        ? __('Permanent confirmation letter')
                                                        : ($rowOutcome === 'extend' ? __('Probation extension letter') : '');
                                                @endphp
                                                @if($rowCanLetter)
                                                    <div class="dropdown-divider"></div>
                                                    <a class="dropdown-item" href="{{ route('pa.instances.probation_letter.preview', $r->id) }}" target="_blank">
                                                        <i class="fas fa-print text-muted"></i> {{ __('View / print letter') }}
                                                    </a>
                                                    @if((int) get_setting('enothi') === 1)
                                                        @if($rowLetterEnothiId)
                                                            <a class="dropdown-item" href="{{ route('enothi.show', $rowLetterEnothiId) }}">
                                                                <i class="fas fa-folder-open text-muted"></i> {{ __('Open in E-nothi') }}
                                                            </a>
                                                        @else
                                                            <form method="post" action="{{ route('pa.instances.probation_letter.issue', $r->id) }}" id="pai-letter-{{ $r->id }}">@csrf</form>
                                                            <button type="button" class="dropdown-item"
                                                                    onclick="if(confirm(@json(__('Generate the letter and file it in E-nothi history?')))) document.getElementById('pai-letter-{{ $r->id }}').submit();">
                                                                <i class="fas fa-envelope-open-text text-muted"></i> {{ __('Issue letter') }}
                                                                @if($rowLetterLabel)
                                                                    <small class="d-block text-muted pl-4">{{ $rowLetterLabel }}</small>
                                                                @endif
                                                            </button>
                                                        @endif
                                                    @endif
                                                @endif
                                                @can('PerformanceAppraisal-delete')
                                                    @if($r->status !== \App\Models\AppraisalInstance::STATUS_FINALIZED)
                                                        <div class="dropdown-divider"></div>
                                                        <form action="{{ route('pa.instances.destroy', $r->id) }}" method="post"
                                                              class="pa-instance-delete-form" id="pai-delete-{{ $r->id }}">@csrf @method('DELETE')</form>
                                                        <button type="button" class="dropdown-item text-danger pa-instance-delete-btn"
                                                                data-form-id="pai-delete-{{ $r->id }}"
                                                                data-confirm-message="{{ e(__('Are you sure you want to delete appraisal instance #:id (:staff)? All submissions, 360° feedback, and PIP records will be permanently removed. This cannot be undone.', ['id' => $r->id, 'staff' => $r->staff?->selectOptionLabel() ?? '—'])) }}">
                                                            <i class="fas fa-trash"></i> {{ __('Delete') }}
                                                        </button>
                                                    @endif
                                                @endcan
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center text-muted py-5">
                                        <i class="fas fa-inbox fa-2x mb-2 d-block opacity-50"></i>
                                        {{ __('No appraisal instances found.') }}
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if($rows->hasPages())
                        <div class="card-footer bg-white">{{ $rows->links() }}</div>
                    @endif
                </div>
            </div>

            @can('PerformanceAppraisal-setup')
                <div class="col-12">
                    <div class="card">
                        <div class="card-header"><span>{{ __('Normalization / bell curve (stub)') }}</span></div>
                        <div class="card-body">
                            <form method="post" action="{{ route('pa.normalization.apply') }}" class="form-row align-items-end">
                                @csrf
                                <div class="form-group col-md-4 col-lg-3">
                                    <label>{{ __('Run name') }}</label>
                                    <input type="text" name="name" class="form-control" placeholder="{{ __('Run name') }}" required>
                                </div>
                                <div class="form-group col-md-3 col-lg-2">
                                    <label>{{ __('Year') }}</label>
                                    <input type="number" name="period_year" class="form-control" value="{{ date('Y') }}" required>
                                </div>
                                <div class="form-group col-md-3 col-lg-2">
                                    <label>{{ __('Half') }}</label>
                                    <select name="period_half" class="form-control">
                                        <option value="">{{ __('Half') }}</option>
                                        <option value="1">H1</option>
                                        <option value="2">H2</option>
                                    </select>
                                </div>
                                <div class="form-group col-md-2 col-lg-2 mb-0">
                                    <button type="submit" class="btn btn-secondary btn-block">{{ __('Log run') }}</button>
                                </div>
                            </form>
                            <p class="small text-muted mb-0 mt-2">{{ __('No scores are changed yet; this records intent for HR analytics.') }}</p>
                        </div>
                    </div>
                </div>
            @endcan
        </div>
    </div>
@endsection

@section('script')
    @include('admin.performance_appraisal.partials.instance_delete_confirm_script')
@endsection