@extends('layouts.app')
@section('content')
<div class="m-5">

    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a class="text-secondary bolder" href="{{route("students.show",$id)}}">تفاصيل الطالب</a></li>
        <li class="breadcrumb-item active text-dark bolder" aria-current="page">طلبات الأنضمام</li>
      </ol>
    </nav>
    <table class="table-custom-1">
        <thead>
            <tr>
                <th>الأسم   </th>
                <th> تاريخ الأشتراك</th>
                <th>رقم التليفون </th>

                <th>الصورة </th>
                <th>الموافقة</th>
            </tr>
        </thead>
        <tbody>
            @foreach($requests as $request)
                <tr class="show-request-ajax">
                    <td>{{getJoinTitle($request)}}</td>
                    <td>{{$request->created_at}}</td>
                    <td>{{$request->account_or_phone}}</td>

                    <td><img  onclick="window.open('{{$request->image}}', '_blank');" style="width: 200px;height:100px;" src="{{$request->image}}" alt="" srcset=""></td>
                    <td>
                        <div class="d-flex gap-3">
                            <span class="ajax-status show-request approve-custom-1" data-status="approve" data-url="{{route('students.requests-status',$request->id)}}">
                                <i class="fas fa-check show-request"></i>
                            </span>
                            <span class="ajax-status show-request reject-custom-1" data-status="reject" data-url="{{route('students.requests-status',$request->id)}}">
                                <i class="fas fa-times show-request"></i>
                            </span>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>


        <div class="d-flex justify-content-end mt-5">
            {!! $requests->links() !!}
        </div>
</div>

@endsection