@extends('admin.layouts.layout')

@section('content')
    <div class="container-scroller">
        @include('admin.layouts.navbar')
        <div class="container-fluid page-body-wrapper">
            @include('admin.layouts.sidebar')
            <div class="main-panel">
                <div class="content-wrapper">
                    <h2>قائمة الحضور</h2>

                    <!-- Search Form -->
                    <form method="GET" action="{{ route('attendances.index') }}" class="mb-4">
                        <div class="row">
                            <div class="col-md-4">
                                <input type="text" name="search" class="form-control" placeholder="بحث بالاسم أو الرقم التسلسلي"
                                    value="{{ request('search') }}">
                            </div>
                            <div class="col-md-2">
                                <button type="submit" class="btn btn-primary">بحث</button>
                            </div>
                        </div>
                    </form>

                    <a href="{{ route('attendances.create') }}" class="btn btn-primary mb-3">إضافة حضور جديد</a>
                    <div class="card">
                        <div class="card-body">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>التاريخ</th>
                                        <th>النوع</th>
                                        <th>الرقم التسلسلي</th>
                                        <th>الاسم</th>
                                        <th>الحالة</th>
                                        <th>إجراءات</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse ($attendances as $attendance)
                                        <tr>
                                            <td>{{ $attendance->date }}</td>
                                            <td>{{ $attendance->attendance_type === 'player' ? 'لاعب' : 'مدرب' }}</td>
                                            <td>
                                                {{ $attendance->attendance_type === 'player' ? $attendance->player->serial_number : '-' }}
                                            </td>
                                            <td>
                                                {{ $attendance->attendance_type === 'player' ? $attendance->player->name : $attendance->coach->name }}
                                            </td>
                                            <td>
                                                <span
                                                    class="badge {{ $attendance->status === 'present' ? 'bg-success' : 'bg-danger' }}">
                                                    {{ $attendance->status === 'present' ? 'حاضر' : 'غائب' }}
                                                </span>
                                            </td>
                                            <td>
                                                <a href="{{ route('attendances.edit', $attendance->id) }}"
                                                    class="btn btn-warning btn-sm">تعديل</a>
                                                <form action="{{ route('attendances.destroy', $attendance->id) }}"
                                                    method="POST" style="display: inline-block;">
                                                    @csrf
                                                    @method('DELETE')
                                                    <button type="submit" class="btn btn-danger btn-sm"
                                                        onclick="return confirm('هل أنت متأكد؟')">حذف</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="6" class="text-center">لا توجد بيانات.</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                            <div class="mt-3">
                                {{ $attendances->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection