@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('My performance appraisals'))
@section('content')
    <style>
        .epa-wrap .card { border-radius: 14px; border: 1px solid #edf0f6; box-shadow: 0 2px 10px rgba(15,23,42,.04); margin-bottom: 16px; }
        .epa-wrap .card-header { background: #fff; border-bottom: 1px solid #edf0f6; font-weight: 800; font-size: 14px; }
        .epa-pending-card .card-header { background: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%); color: #fff; border: 0; }
        .epa-pending-card .card-header .badge { background: rgba(255,255,255,.2); color: #fff; font-weight: 800; }
        .epa-pending-card .card-header h5 { color: #fff; }
    </style>

    <div class="container-fluid epa-wrap">
        <div class="row mt-3 mb-4">
            <div class="col-12">
                <div class="d-flex flex-wrap justify-content-between align-items-start gap-2 mb-3">
                    <div>
                        <h4 class="page-title mb-1">{{ __('My performance appraisals') }}</h4>
                        <p class="text-muted mb-0 small">{{ __('View your reviews and complete evaluations assigned to you.') }}</p>
                    </div>
                    @if(\App\Models\PerformanceAppraisalSetting::query()->value('feature_360_enabled'))
                        <a href="{{ route('employee.pa.peers.index') }}" class="btn btn-sm btn-outline-primary">
                            <i class="fas fa-users"></i> {{ __('360° feedback') }}
                        </a>
                    @endif
                </div>

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

                <div class="form-row mb-3">
                    <div class="col-4 mb-2">
                        <div class="pa-list-stat">
                            <div class="num text-primary">{{ (int) ($stats->mine_total ?? 0) }}</div>
                            <div class="lbl">{{ __('My appraisals') }}</div>
                        </div>
                    </div>
                    <div class="col-4 mb-2">
                        <div class="pa-list-stat">
                            <div class="num text-warning">{{ (int) ($stats->mine_active ?? 0) }}</div>
                            <div class="lbl">{{ __('In progress') }}</div>
                        </div>
                    </div>
                    <div class="col-4 mb-2">
                        <div class="pa-list-stat">
                            <div class="num" style="color:#4f46e5">{{ (int) ($stats->pending_evaluate ?? 0) }}</div>
                            <div class="lbl">{{ __('Awaiting you') }}</div>
                        </div>
                    </div>
                </div>

                @if($pendingEvaluations->total() > 0)
                    <div class="card epa-pending-card mb-3">
                        <div class="card-header d-flex justify-content-between align-items-center py-3">
                            <h5 class="mb-0"><i class="fas fa-clipboard-check mr-1"></i> {{ __('Awaiting your evaluation') }}</h5>
                            <span class="badge">{{ $pendingEvaluations->total() }}</span>
                        </div>
                        <div class="card-body p-0">
                            <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">{{ __('Action') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @foreach($pendingEvaluations as $r)
                                        <tr>
                                            <td class="font-weight-bold text-muted">#{{ $r->id }}</td>
                                            <td>
                                                <strong>{{ $r->staff?->user?->name ?? '—' }}</strong>
                                                @if($r->staff?->warehouse?->name)
                                                    <small class="text-muted d-block">{{ $r->staff->warehouse->name }}</small>
                                                @endif
                                            </td>
                                            <td>{{ $r->cycle?->name ?? '—' }}</td>
                                            <td>
                                                @include('partials.appraisal_status_badge', [
                                                    'label' => $r->listDisplayStatus($paperWorkflow),
                                                    'variant' => $r->listDisplayStatusVariant(),
                                                ])
                                            </td>
                                            <td>
                                                @if($r->due_at)
                                                    <span class="{{ $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">
                                                <a class="btn btn-sm btn-primary" href="{{ route('employee.pa.instances.show', $r->id) }}">
                                                    <i class="fas fa-edit"></i> {{ __('Evaluate') }}
                                                </a>
                                            </td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        @if($pendingEvaluations->hasPages())
                            <div class="card-footer bg-white">{{ $pendingEvaluations->links() }}</div>
                        @endif
                    </div>
                @endif

                <div class="card">
                    <div class="card-header py-3 d-flex justify-content-between align-items-center">
                        <span><i class="fas fa-user-check mr-1 text-muted"></i> {{ __('My appraisals (as employee)') }}</span>
                    </div>
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table class="table table-hover pa-list-table mb-0">
                                <thead class="thead-light">
                                <tr>
                                    <th>#</th>
                                    <th>{{ __('Cycle') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th>{{ __('Due') }}</th>
                                    <th class="text-right">{{ __('Score') }}</th>
                                    <th class="text-right">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($myAppraisals as $r)
                                    <tr>
                                        <td class="font-weight-bold text-muted">#{{ $r->id }}</td>
                                        <td>
                                            <div>{{ $r->cycle?->name ?? '—' }}</div>
                                            @if($r->evaluationForm?->title)
                                                <span class="pa-form-tag" title="{{ $r->evaluationForm->title }}">{{ $r->evaluationForm->title }}</span>
                                            @endif
                                        </td>
                                        <td>
                                            @include('partials.appraisal_status_badge', [
                                                'label' => $r->listDisplayStatus($paperWorkflow),
                                                'variant' => $r->listDisplayStatusVariant(),
                                            ])
                                        </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">
                                            <a class="btn btn-sm btn-outline-primary" href="{{ route('employee.pa.instances.show', $r->id) }}">
                                                <i class="fas fa-eye"></i> {{ __('Open') }}
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center text-muted py-5">
                                            <i class="fas fa-inbox fa-2x mb-2 d-block opacity-50"></i>
                                            {{ __('No instances yet.') }}
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($myAppraisals->hasPages())
                        <div class="card-footer bg-white">{{ $myAppraisals->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection