@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>تفاصيل المدرب: {{ $coach->name }}</h2>

                    <p><strong>العمر:</strong> {{ $coach->age }}</p>
                    <p><strong>الطول:</strong> {{ $coach->height }}</p>
                    <p><strong>الوزن:</strong> {{ $coach->weight }}</p>
                    <p><strong>رقم الهاتف:</strong> {{ $coach->phone_number }}</p>

                    @if ($coach->id_card_image)
                        <p><strong>صورة بطاقة الهوية:</strong></p>
                        <img src="{{ asset('storage/' . $coach->id_card_image) }}" alt="ID Card Image" class="mt-2"
                            style="width: 150px;">
                    @endif

                    <h3>التعيينات</h3>
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>الرياضة/اللعبة الفرعية</th>
                                <th>التكلفة لكل لعبة</th>
                                <th>النوع</th> <!-- Whether Game or Sub-game -->
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($coach->assignments as $assignment)
                                <tr>
                                    <td>
                                        @if ($assignment->game)
                                            {{ $assignment->game->name }}
                                        @elseif($assignment->subGame)
                                            {{ $assignment->subGame->name }}
                                        @else
                                            غير محدد
                                        @endif
                                    </td>
                                    <td>{{ $assignment->payment_per_game }} ج.م</td>
                                    <td>
                                        @if ($assignment->game)
                                            <span class="badge badge-success">رياضة</span>
                                        @elseif($assignment->subGame)
                                            <span class="badge badge-info">لعبة فرعية</span>
                                        @else
                                            <span class="badge badge-danger">غير محدد</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>

                    <a href="{{ route('coaches.edit', $coach->id) }}" class="btn btn-warning">تعديل</a>
                    <form action="{{ route('coaches.destroy', $coach->id) }}" method="POST" style="display: inline;">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger" onclick="return confirm('هل أنت متأكد؟')">حذف</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection