@extends('layouts.app')
@section('title', 'سجل البصمات - DOTS HR Pro')

@section('content')
<div class="page-header" style="display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;">
    <div>
        <h1 class="page-title">سجل البصمات</h1>
        <p class="page-subtitle">سجلات تسجيل الحضور من أجهزة البصمة</p>
    </div>
    <a href="{{ route('biometric.devices') }}" class="btn" style="background:#1B2A4A; color:#fff; padding:10px 20px; border-radius:8px; text-decoration:none; font-weight:600;">
        <i class="fas fa-arrow-right"></i> العودة للأجهزة
    </a>
</div>

<div class="card">
    <div class="card-header">
        <h3><i class="fas fa-history"></i> آخر البصمات المسجلة</h3>
    </div>
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr>
                    <th>الموظف</th>
                    <th>الجهاز</th>
                    <th>النوع</th>
                    <th>الوقت</th>
                </tr>
            </thead>
            <tbody>
                @forelse($logs as $log)
                <tr>
                    <td>
                        @if($log->employee)
                            {{ $log->employee->full_name ?? $log->employee->first_name . ' ' . $log->employee->last_name }}
                        @else
                            —
                        @endif
                    </td>
                    <td>{{ $log->device->name ?? '—' }}</td>
                    <td>
                        @if($log->punch_type == 'in')
                            <span style="color:#22c55e;"><i class="fas fa-sign-in-alt"></i> دخول</span>
                        @else
                            <span style="color:#E8502F;"><i class="fas fa-sign-out-alt"></i> خروج</span>
                        @endif
                    </td>
                    <td>{{ $log->punch_time ? $log->punch_time->format('Y-m-d H:i:s') : '—' }}</td>
                </tr>
                @empty
                <tr>
                    <td colspan="4">
                        <div style="text-align:center; padding:40px; color:#999;">
                            <i class="fas fa-inbox" style="font-size:2rem; display:block; margin-bottom:8px;"></i>
                            لا يوجد سجلات بصمة حتى الآن
                        </div>
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(method_exists($logs, 'links'))
        <div class="card-body">{{ $logs->links() }}</div>
    @endif
</div>
@endsection