@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 class="mb-4">تفاصيل اللاعب: {{ $player->name }}</h2>
                    <a href="{{ route('players.export', $player->id) }}" class="btn btn-success mb-3">تصدير البيانات</a>
                    <!-- Player Details -->
                    <div class="card mb-4">
                        <div class="card-body">
                            <h4 class="card-title">معلومات اللاعب</h4>
                            <p><strong>الرقم التسلسلي:</strong> {{ $player->serial_number }}</p>
                            <p><strong>العمر:</strong> {{ $player->age }}</p>
                            <p><strong>الطول:</strong> {{ $player->height }} سم</p>
                            <p><strong>الوزن:</strong> {{ $player->weight }} كجم</p>
                            <p><strong>تاريخ بداية العضوية:</strong> {{ $player->membership_start_date }}</p>
                            <p><strong>تاريخ نهاية العضوية:</strong> {{ $player->membership_end_date }}</p>

                            <!-- Player Images -->
                            <div class="row mt-4">
                                <div class="col-md-4">
                                    <h5>صورة اللاعب</h5>
                                    @if ($player->player_image)
                                        <img src="{{ asset('storage/' . $player->player_image) }}" style="width: 50%"
                                            alt="Player Image" class="img-fluid rounded">
                                    @else
                                        <p>لا توجد صورة متوفرة</p>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <h5>شهادة الميلاد</h5>
                                    @if ($player->birth_certificate_image)
                                        <img src="{{ asset('storage/' . $player->birth_certificate_image) }}"
                                            style="width: 50%" alt="Birth Certificate" class="img-fluid rounded">
                                    @else
                                        <p>لا توجد شهادة ميلاد متوفرة</p>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <h5>بطاقة ولي الأمر</h5>
                                    @if ($player->guardian_card_image)
                                        <img src="{{ asset('storage/' . $player->guardian_card_image) }}"
                                            style="width: 50%" alt="Guardian Card" class="img-fluid rounded">
                                    @else
                                        <p>لا توجد بطاقة ولي الأمر متوفرة</p>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- Subscriptions -->
                    <div class="card mb-4">
                        <div class="card-body">
                            <h4 class="card-title">الاشتراكات</h4>
                            @if ($subscriptions->count() > 0)
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>الباقة/الرياضة</th>
                                            <th>تاريخ البدء</th>
                                            <th>تاريخ الانتهاء</th>
                                            <th>التكلفة</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($subscriptions as $subscription)
                                            <tr>
                                                <td>{{ $subscription->package->name ?? ($subscription->game->name ?? 'N/A') }}
                                                </td>
                                                <td>{{ $subscription->start_date }}</td>
                                                <td>{{ $subscription->end_date }}</td>
                                                <td>{{ $subscription->calculated_fee }} جنيه</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <p>لا توجد اشتراكات لهذا اللاعب.</p>
                            @endif
                        </div>
                    </div>

                    <!-- Attendance -->
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title">الحضور/الغياب</h4>
                            @if ($attendance->count() > 0)
                                <table class="table">
                                    <thead>
                                        <tr>
                                            <th>التاريخ</th>
                                            <th>الحالة</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($attendance as $attend)
                                            <tr>
                                                <td>{{ $attend->date }}</td>
                                                <td>
                                                    <span
                                                        class="badge {{ $attend->status === 'present' ? 'bg-success' : 'bg-danger' }}">
                                                        {{ $attend->status === 'present' ? 'حاضر' : 'غائب' }}
                                                    </span>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <p>لا توجد سجلات حضور لهذا اللاعب.</p>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection