@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.landings.create')}}"
                target=""
                text="اضافه کردن"
                class="">
                <x-icon.plus class="size-6 me-2"/>
            </x-link.link-group>
        </div>
        <form
            method="get"
            action="{{route('manager.landings')}}"
            class=" mt-2 w-full md:w-96 ">
            <x-inputs.search-bar
                name="search"
                value="{{ app('request')->input('search') }}"
                placeholder="جستجو در لندینگ ها"/>
        </form>
    </div>

    عکسش یادت نره
    <br>
    سافت دیلیت هم یادت نره

    <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>
            <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->title}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->status}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    @foreach($data->courses as $course)
                        <p class="m-1 bg-green-300">
                            {{$course->name}}
                        </p>
                    @endforeach
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->price}}
                </th>
                <th scope="row" class="px-6 py-4 ">
                    {{$data->discount}}
                </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.landings.edit' , $data)}}">ویرایش</a>
                        <form
                            method="post"
                            action="{{route('manager.landings.destroy')}}">
                            @csrf
                            @method('delete')
                            <input
                                name="landings"
                                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>
@endsection