@extends('components.layouts.manager.index')
@section('content')
    <div class="inline-flex gap-4 mt-2" role="group">
        <x-link.link-group
            path="{{route('manager.audio-books')}}"
            target=""
            text="بازگشت"
            class="">
            <x-icon.home class="size-6 me-2"/>
        </x-link.link-group>
    </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>
        </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->name}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->short_description}}
                </th>

                <th scope="row" class="px-6 py-4 w-full">
                    <div class="inline-flex w-full items-center">
                        <form
                            method="post"
                            action="{{route('manager.audio-books.force-delete')}}">
                            <input
                                name="audioBooks"
                                type="hidden" value="{{$data->id}}">
                            @csrf
                            <button
                                type="submit"
                                class="inline-flex items-center px-4 py-2 bg-red-400 shadow  rounded-r-md">
                                <x-icon.trash class="size-6"/>
                                پاک کردن دائمی
                            </button>
                        </form>
                        <form
                            method="post"
                            action="{{route('manager.audio-books.restore')}}">
                            <input
                                name="audioBooks"
                                type="hidden" value="{{$data->id}}">
                            <button type="submit"
                                    class="inline-flex items-center px-4 py-2 bg-green-300  shadow  rounded-l-md">
                                <x-icon.arrow-path class="size-6"/>
                                بازگرداندن
                            </button>
                            @csrf
                        </form>
                    </div>
                </th>
            </tr>
        @endforeach
    </x-manager.table.table>

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