@extends('layouts.app')

@section('content')

<div class="page-heading">
    <div>
        <span class="page-eyebrow">Inactive Employees</span>
        <h1>Pegawai Nonaktif</h1>
        <p>Data karyawan yang sudah dinonaktifkan dari sistem.</p>
    </div>
</div>

@if(session('success'))
<div class="alert alert-success modern-alert">
    <i class="ti ti-circle-check"></i>
    {{ session('success') }}
</div>
@endif

<div class="content-card">
    <div class="table-responsive">
        <table class="table modern-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Karyawan</th>
                    <th>Email</th>
                    <th>Tanggal Keluar</th>
                    <th class="text-end">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($employees as $employee)
                <tr>
                    <td><span class="table-id">#{{ $employee->id_karyawan }}</span></td>
                    <td>
                        <div class="employee-cell">
                            @if($employee->gambar)
                                <img src="{{ asset('storage/'.$employee->gambar) }}" alt="{{ $employee->nama }}">
                            @else
                                <span class="employee-avatar">{{ strtoupper(substr($employee->nama,0,1)) }}</span>
                            @endif
                            <div>
                                <strong>{{ $employee->nama }}</strong>
                                <span>{{ $employee->no_telp }}</span>
                            </div>
                        </div>
                    </td>
                    <td>{{ $employee->email }}</td>
                    <td>{{ optional($employee->tgl_keluar)->format('d-m-Y') ?? '-' }}</td>
                    <td>
                        <div class="table-actions">
                            <a href="{{ route('employees.show',$employee) }}" class="btn btn-outline-primary btn-sm">
                                <i class="ti ti-eye"></i>
                                Detail
                            </a>
                            <form action="{{ route('employees.restore',$employee) }}" method="POST" class="m-0">
                                @csrf
                                @method('PATCH')
                                <button class="btn btn-outline-success btn-sm" type="submit">
                                    <i class="ti ti-user-check"></i>
                                    Aktifkan
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="5">
                        <div class="empty-state">
                            <i class="ti ti-user-check"></i>
                            <strong>Tidak ada pegawai nonaktif.</strong>
                            <span>Data yang dinonaktifkan akan muncul di sini.</span>
                        </div>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="pagination-wrap">
    {{ $employees->links() }}
</div>

@endsection