@extends('components.layouts.manager.index')
@section('content')
    <div class="md:flex md:justify-between items-center mt-2">
        <div class="inline-flex gap-4 " role="group">
            <x-link.link-group
                path="{{route('manager.course_banners.create')}}"
                target=""
                text="اضافه کردن"
                class="">
                <x-icon.plus class="size-6 me-2"/>
            </x-link.link-group>
        </div>
    </div>
    سافت دیلیت و عکس یادت نره

    <x-manager.table.table>
        <x-slot:head>
            <th scope="col" class="px-6 py-3">
                ردیف
            </th>
            <th scope="col" class="px-6 py-3">
                شرکت کنندگان
            </th>
            <th scope="col" class="px-6 py-3">
                وضعیت
            </th>
            <th scope="col" class="px-6 py-3">
                ساعت
            </th>
            <th scope="col" class="px-6 py-3">
                لینک
            </th>
            <th scope="col" class="px-6 py-3">
                ویرایش
            </th>
        </x-slot:head>
        @foreach($datas as $data)
            <tr class=" hover:bg-orange-300 border-b ">
                <th scope="row" class="px-6 py-4 ">
                    {{$loop->index +1}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->participants}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->status}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->hour}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->link}}
                </th>

                <th scope="row" class="px-6 py-4 w-full">
                    <div class="inline-flex w-full items-center">
                        <a
                            class="bg-green-300 p-2 rounded-r-md"
                            href="{{route('manager.course_banners.edit' , $data)}}">ویرایش</a>
                        <form
                            method="post"
                            action="{{route('manager.course_banners.destroy')}}">
                            @csrf
                            @method('delete')
                            <input
                                name="banners"
                                value="{{$data->id}}"
                                type="hidden">
                            <button
                                type="submit"
                                class="bg-red-300 p-2 rounded-l-md">
                                پاک کردن
                            </button>
                        </form>
                    </div>
                </th>
            </tr>
        @endforeach
    </x-manager.table.table>

    {{$datas->links()}}
@endsection