{{-- Manage User Listings page --}}
<x-layout>

    <x-card class="p-10"> {{--    class="p-10"    is passed in to the Blade Component using Component Attributes: https://laravel.com/docs/9.x/blade#component-attributes --}}

        <header>
            <h1
                class="text-3xl text-center font-bold my-6 uppercase"
            >
                Manage Ads
            </h1>
        </header>

        <table class="w-full table-auto rounded-sm">
            <tbody>

                {{-- @unless (count($listings) == 0) --}}
                @unless ($listings->isEmpty()) {{-- isEmpty(): https://laravel.com/docs/9.x/collections#method-isempty --}}
                    @foreach ($listings as $listing) {{-- $listings are the listings of the currently authenticated/logged in user ONLY --}}

                        <tr class="border-gray-300">
                            <td
                                class="px-4 py-8 border-t border-b border-gray-300 text-lg"
                            >
                                <a href="show.html">
                                    {{ $listing->title }}
                                </a>
                            </td>
                            <td
                                class="px-4 py-8 border-t border-b border-gray-300 text-lg"
                            >
                                <a
                                    href="/listings/{{ $listing->id }}/edit"
                                    class="text-blue-400 px-6 py-2 rounded-xl"
                                    ><i
                                        class="fa-solid fa-pen-to-square"
                                    ></i>
                                    Edit</a
                                >
                            </td>
                            <td
                                class="px-4 py-8 border-t border-b border-gray-300 text-lg"
                            >


                                <form method="POST" action="/listings/{{ $listing->id }}"> {{-- this will hit the delete() method of the /listings/{listing} route to hit the destroy() method in ListingController.php --}}
                                    @csrf
                                    @method('DELETE') {{-- HTML <form>-s can't make PUT, PATCH, or DELETE requests, so you need to add a hidden _method field to spoof these HTTP verbs, using @method() Blade directive --}} {{-- Method Field: https://laravel.com/docs/9.x/blade#method-field --}}

                                    <button class="text-red-500">
                                        <i class="fa-solid fa-trash"></i> Delete
                                    </button>
                                </form>


                            </td>
                        </tr>

                    @endforeach
                @else {{-- if there're no any listings for the currently authenticated/logged in user --}}

                    <tr class="border-gray-300">
                        <td class="px-4 py-8 border-t border-b border-gray-300 text-lg">
                            <p class="text-center">No Listings Found</p>
                        </td>
                    </tr>

                @endunless

            </tbody>
        </table>

    </x-card>

</x-layout>