@extends('layouts.app')
@section('title', 'تقارير الحضور - DOTS HR Pro')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقارير الحضور</h1>
        <p class="page-subtitle">تقرير مفصل للحضور والانصراف</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('attendance.index') }}" class="btn btn-ghost"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="filter-bar">
    <form method="GET" class="filter-form">
        <div class="filter-group">
            <select name="employee_id" class="form-select">
                <option value="">كل الموظفين</option>
                @foreach($employees as $emp)
                    <option value="{{ $emp->id }}" {{ request('employee_id') == $emp->id ? 'selected' : '' }}>{{ $emp->full_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="filter-group">
            <input type="date" name="from" value="{{ request('from', now()->startOfMonth()->format('Y-m-d')) }}" class="form-input">
        </div>
        <div class="filter-group">
            <input type="date" name="to" value="{{ request('to', now()->format('Y-m-d')) }}" class="form-input">
        </div>
        <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> بحث</button>
    </form>
</div>

<div class="card">
    <div class="table-responsive">
        <table class="data-table">
            <thead>
                <tr><th>الموظف</th><th>التاريخ</th><th>الحضور</th><th>الانصراف</th><th>ساعات العمل</th><th>الإضافي</th><th>الحالة</th><th>ملاحظات</th></tr>
            </thead>
            <tbody>
                @forelse($records as $rec)
                <tr>
                    <td>{{ $rec->employee->full_name ?? '—' }}</td>
                    <td>{{ $rec->date->format('Y/m/d') }}</td>
                    <td>{{ $rec->check_in ? \Carbon\Carbon::parse($rec->check_in)->format('H:i') : '—' }}</td>
                    <td>{{ $rec->check_out ? \Carbon\Carbon::parse($rec->check_out)->format('H:i') : '—' }}</td>
                    <td>{{ $rec->worked_hours ?? '—' }}</td>
                    <td>{{ $rec->overtime_hours ?? '0' }}</td>
                    <td><span class="status-badge status-{{ $rec->status }}">
                        @switch($rec->status)
                            @case('present') حاضر @break
                            @case('absent') غائب @break
                            @case('late') متأخر @break
                            @case('leave') إجازة @break
                            @default {{ $rec->status }}
                        @endswitch
                    </span></td>
                    <td>{{ $rec->notes ?? '—' }}</td>
                </tr>
                @empty
                <tr><td colspan="8"><div class="empty-state-sm">لا توجد سجلات في هذه الفترة</div></td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($records->hasPages())
        <div class="pagination-wrap">{{ $records->withQueryString()->links() }}</div>
    @endif
</div>
@endsection