@extends('layouts.app')

@section('title', 'تفاصيل سجل الحضور')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">تفاصيل سجل الحضور</h3>
                    <div class="card-tools">
                        <a href="{{ route('attendance.index', ['date' => $attendance->date]) }}" class="btn btn-default btn-sm">
                            <i class="fas fa-arrow-right"></i> العودة لقائمة الحضور
                        </a>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>الموظف:</label>
                                <p>{{ $attendance->employee->user->name }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>رقم الموظف:</label>
                                <p>{{ $attendance->employee->employee_number }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>التاريخ:</label>
                                <p>{{ $attendance->date }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>الحالة:</label>
                                <p>
                                    @if($attendance->status == 'present')
                                        <span class="badge badge-success">حاضر</span>
                                    @elseif($attendance->status == 'absent')
                                        <span class="badge badge-danger">غائب</span>
                                    @elseif($attendance->status == 'late')
                                        <span class="badge badge-warning">متأخر</span>
                                    @elseif($attendance->status == 'early_leave')
                                        <span class="badge badge-info">مغادرة مبكرة</span>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>وقت الحضور:</label>
                                <p>{{ $attendance->check_in ?? '-' }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>وقت الانصراف:</label>
                                <p>{{ $attendance->check_out ?? '-' }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>دقائق التأخير:</label>
                                <p>{{ $attendance->late_minutes ?? '0' }} دقيقة</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>دقائق العمل الإضافي:</label>
                                <p>{{ $attendance->overtime_minutes ?? '0' }} دقيقة</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group">
                                <label>ملاحظات:</label>
                                <p>{{ $attendance->notes ?? 'لا توجد ملاحظات' }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>تم الإنشاء بواسطة:</label>
                                <p>{{ $attendance->creator->name ?? '-' }}</p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>تاريخ الإنشاء:</label>
                                <p>{{ $attendance->created_at }}</p>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-md-12">
                            <div class="btn-group">
                                @can('hr.attendance.edit')
                                <a href="{{ route('attendance.edit', $attendance) }}" class="btn btn-primary">
                                    <i class="fas fa-edit"></i> تعديل
                                </a>
                                @endcan

                                @can('hr.attendance.delete')
                                <form action="{{ route('attendance.destroy', $attendance) }}" method="POST" class="d-inline">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger" onclick="return confirm('هل أنت متأكد من حذف هذا السجل؟')">
                                        <i class="fas fa-trash"></i> حذف
                                    </button>
                                </form>
                                @endcan
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
