@extends('layouts.app')
@section('title', 'سجل حضوري')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">سجل الحضور والانصراف</h1>
        <p class="page-subtitle">{{ $employee->first_name }} {{ $employee->last_name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('ess.dashboard') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> العودة</a>
    </div>
</div>

{{-- فلتر الشهر --}}
<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-body">
        <form method="GET" action="{{ route('ess.attendance') }}" class="filter-form">
            <div class="filter-group">
                <label class="form-label">الشهر</label>
                <input type="month" name="month" class="form-input" value="{{ $month }}">
            </div>
            <div class="filter-group" style="align-self: flex-end;">
                <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> عرض</button>
            </div>
        </form>
    </div>
</div>

{{-- ملخص الشهر --}}
<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--success-light); color: var(--success);"><i class="fas fa-check"></i></div>
        <div class="stat-value">{{ $summary['present'] }}</div>
        <div class="stat-label">حضور</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--danger-light); color: var(--danger);"><i class="fas fa-times"></i></div>
        <div class="stat-value">{{ $summary['absent'] }}</div>
        <div class="stat-label">غياب</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--warning-light); color: var(--warning);"><i class="fas fa-clock"></i></div>
        <div class="stat-value">{{ $summary['late'] }}</div>
        <div class="stat-label">تأخير</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--primary-light); color: var(--primary);"><i class="fas fa-calendar-check"></i></div>
        <div class="stat-value">{{ $summary['leave'] }}</div>
        <div class="stat-label">إجازة</div>
    </div>
</div>

{{-- جدول الحضور --}}
<div class="card" style="margin-top: 1.5rem;">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-table"></i> التفاصيل</h3>
    </div>
    <div class="card-body" style="padding: 0;">
        @if($attendance->count() > 0)
            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>التاريخ</th>
                            <th>اليوم</th>
                            <th>وقت الحضور</th>
                            <th>وقت الانصراف</th>
                            <th>ساعات العمل</th>
                            <th>الحالة</th>
                            <th>ملاحظات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($attendance as $att)
                            @php
                                $dayNames = ['Sunday'=>'الأحد','Monday'=>'الاثنين','Tuesday'=>'الثلاثاء','Wednesday'=>'الأربعاء','Thursday'=>'الخميس','Friday'=>'الجمعة','Saturday'=>'السبت'];
                                $dayEn = \Carbon\Carbon::parse($att->date)->format('l');
                                $dayAr = $dayNames[$dayEn] ?? $dayEn;
                                $hours = '';
                                if ($att->check_in && $att->check_out) {
                                    $diff = \Carbon\Carbon::parse($att->check_in)->diffInMinutes(\Carbon\Carbon::parse($att->check_out));
                                    $hours = floor($diff/60) . ':' . str_pad($diff%60, 2, '0', STR_PAD_LEFT);
                                }
                                $statusMap = [
                                    'present' => ['حاضر', 'status-active'],
                                    'absent'  => ['غائب', 'status-expired'],
                                    'late'    => ['متأخر', 'status-pending'],
                                    'leave'   => ['إجازة', 'status-draft'],
                                ];
                                $s = $statusMap[$att->status] ?? [$att->status, ''];
                            @endphp
                            <tr>
                                <td>{{ \Carbon\Carbon::parse($att->date)->format('d/m/Y') }}</td>
                                <td>{{ $dayAr }}</td>
                                <td>{{ $att->check_in ? \Carbon\Carbon::parse($att->check_in)->format('h:i A') : '—' }}</td>
                                <td>{{ $att->check_out ? \Carbon\Carbon::parse($att->check_out)->format('h:i A') : '—' }}</td>
                                <td>{{ $hours ?: '—' }}</td>
                                <td><span class="status-badge {{ $s[1] }}">{{ $s[0] }}</span></td>
                                <td>{{ $att->notes ?? '—' }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <div class="empty-state" style="padding: 2rem;">
                <i class="fas fa-calendar-times" style="font-size: 2rem; color: var(--text-muted);"></i>
                <p>لا توجد سجلات حضور لهذا الشهر</p>
            </div>
        @endif
    </div>
</div>
@endsection