@foreach ($tutors as $tutor)
    <div class="bg-white border-2 border-[#EBEBEB] rounded-[10px] p-4  w-full">
        <div class="flex  justify-between mb-4">
            <img src="{{ asset($tutor->tutorDefaultImage) }}" alt="John Doe"
                class="w-21.75 h-20.5 rounded-lg object-cover" />
            @if ($checkbox == true)
                <label class="text-[#222222] Poppins-medium cursor-pointer">
                    <input type="checkbox"  value="{{$tutor->id}}" name="tutor_id" class="tutor_id hidden peer">
                    <span
                        class="w-[33px] h-[33px] flex left items-center justify-center rounded-[5.65px] border border-[#D8DADF] bg-white peer-checked:bg-[#3ED468] peer-checked:[&>img]:block">
                        <img src="{{ asset('newsites/admin/images/tick-icon.png') }}" class="hidden w-4" />
                    </span>
                </label>
            @endif
        </div>
        <h2 class="Poppins-medium text-[20px] text-[#133754] mb-1">{{ $tutor->name }}</h2>
        <p class="text-[#1D1B20] Poppins text-[16px] mb-4">
            {{ $tutor->headline }}
            <span role="img" aria-label="book">📖</span>
        </p>
        <h3 class="font-semibold text-[#4C4C4C] mb-2">Subjects</h3>
        <div class="flex flex-wrap gap-2 mb-4">
            @foreach ($tutor->subjects as $subject)
                <span
                    class="border border-gray-300 rounded-[2.56px] Poppins-medium text-[13px] px-4.5 py-1 text-sm text-gray-700">{{ $subject->subject_name }}</span>
            @endforeach

        </div>
        <h3 class="Poppins-medium text-[16.28px] text-[#34495E] mb-2">Language(s)</h3>
        <div class="flex flex-wrap gap-2 mb-4">
            <span
                class="border border-gray-300 rounded-[2.56px] Poppins-medium text-[13px] px-8 py-1.25 text-sm text-gray-700">English</span>
        </div>
        <form action="{{ route('admin.tutor-request.update', $tutor->id) }}" method="post">
            @csrf
            <div class="flex flex-col gap-1">
                <button type="submit" name="status" value="accept"
                    class="bg-[#133754] Poppins-medium text-[15px] cursor-pointer  text-white font-semibold rounded-[10px] py-2.5 transition">
                    Accept
                </button>
                <button type="button"  command="show-modal" commandfor="decline{{$tutor->id}}"
                    class="bg-[#991212] hover:bg-red-800 cursor-pointer text-white font-semibold rounded-[10px] py-2.5 Poppins-medium text-[15px] transition">
                    Decline
                </button>
            </div>
        </form>
    </div>
@endforeach

@foreach ($tutors as $tutor)
        @include('components.declineModal',[
            'id'=>$tutor->id,
            'route'=>route('admin.tutor-request.update',$tutor->id)
        ])
@endforeach

