@extends('layouts.employee')
@section('title','Slip Gaji')
@section('content')
<div class="employee-page-head"><span class="eyebrow">PAYROLL SAYA</span><h1 class="employee-page-title">Slip Gaji</h1><p class="employee-page-lead">Slip yang telah difinalisasi HRD tersedia untuk dilihat dan diunduh sebagai PDF.</p></div>
<div class="employee-slip-list">
@forelse($items as $item)
<article class="employee-slip-card"><div class="employee-slip-icon"><i data-lucide="receipt-text"></i></div><div class="employee-slip-main"><span>{{ $item->run->period->translatedFormat('F Y') }}</span><strong>Rp {{ number_format($item->net_salary,0,',','.') }}</strong><small>Final {{ $item->run->finalized_at?->translatedFormat('d M Y') }}</small></div><div class="employee-slip-actions"><a class="btn btn-ghost btn-sm" target="_blank" href="{{ route('employee.payroll.show',$item) }}" aria-label="Lihat slip"><i data-lucide="eye"></i></a><a class="btn btn-gold btn-sm" href="{{ route('employee.payroll.download',$item) }}" aria-label="Unduh PDF"><i data-lucide="download"></i></a></div></article>
@empty
<div class="employee-empty-state"><i data-lucide="receipt-text"></i><strong>Belum ada slip gaji</strong><span>Slip muncul setelah payroll difinalisasi HRD.</span></div>
@endforelse
</div><div style="margin-top:16px">{{ $items->links() }}</div>
@endsection