@extends('layouts.app')

@section('content')

<div class="max-w-7xl mx-auto py-8">

    <h2 class="text-2xl font-bold mb-6">Available Marriage Halls</h2>

    <form method="GET" action="{{ route('halls.search') }}" class="mb-6 flex">
        <input type="text" name="location" placeholder="Search by location..."
            class="border rounded-l px-4 py-2 w-64">

        <button class="bg-blue-600 text-white px-4 py-2 rounded-r">
            Search
        </button>
    </form>

    @forelse($halls as $hall)
        <div class="border rounded p-4 mb-4">

            {{-- Preview Image --}}
            @if($hall->images->first())
                <img src="{{ asset('hall_images/'.$hall->images->first()->image) }}"
                     style="width:250px;height:180px;object-fit:cover;border-radius:8px;margin-bottom:12px;">
            @endif

            <h3 class="text-lg font-semibold">{{ $hall->name }}</h3>

            <p>Location: {{ $hall->location }}</p>
            <p>Capacity: {{ $hall->capacity }}</p>
            <p>Price: ₹{{ $hall->price }}</p>

            <div class="mt-3 flex gap-2 items-center">

                <a href="{{ route('halls.show',$hall->id) }}"
                   class="bg-blue-600 text-white px-3 py-1 rounded">
                   View Details
                </a>

                @auth
                @if(auth()->user()->role == 'admin' || auth()->id() == $hall->user_id)

                    <a href="{{ route('owner.halls.edit',$hall->id) }}"
                       class="bg-yellow-500 text-white px-3 py-1 rounded">
                       Edit
                    </a>

                    <form method="POST"
                          action="{{ route('owner.halls.delete',$hall->id) }}"
                          style="display:inline;">
                        @csrf
                        @method('DELETE')
                        <button class="bg-red-600 text-white px-3 py-1 rounded">
                            Delete
                        </button>
                    </form>

                @endif
                @endauth

            </div>
        </div>
    @empty
        <p>No halls found.</p>
    @endforelse

</div>

@endsection