@extends('components.layouts.manager.index')
@section('content')
    <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>
        </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->audiobook }}
                </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.audio-books.edit' , $data)}}">ویرایش</a>
                        <form
                            method="post"
                            action="{{route('manager.audio-books.destroy')}}">
                            @csrf
                            @method('delete')
                            <input
                                name="audioBooks"
                                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