@extends('layouts.app')

@section('content')
    <div id="main-content" class=" px-0">
        <div class="exhibition-mailhall">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12 px-0">
                        <div style="top:0; position:absolute; background:rgb(185, 0, 0);z-index:100; color:white;width:100%;margin-top:13px" class="text-center px-2 py-1">
                            Click booth platform to select your desired booth location
                            @include('flash::message')
                        </div>
                        <div class="booth-image" style="relative">
                            {{--MAIN HEADING--}}
                            <a href="#" class="heading-box">
                                <h5>{{$hall->name}}</h2>
                            </a>
                            @foreach ($locations as $location)
                            @if($bookedLocations->contains($location->id))
                            <div class="tool">
                                <img style="-webkit-user-drag:none;{!! $location->image_mapping !!}" src="{{ asset('event-data/booths/'.$location->image) }}" alt="">
                                <div class="tip"  style="{!! $location->mapping !!}">
                                    <span style="position:absolute;top:0; margin-top:-70px;padding:4px;border-radius:5px;background:black; color:white">
                                        already booked
                                    </span>
                                </div>
                            </div>
                            @else
                            <a href='{{ route('booth.location.submit', [$hall->id,$location->id]) }}' class="tooltips" >
                            <div style="{!! $location->mapping !!}; display: flex; align-items:center; justify-content: center;">
                                <span>
                                    {{$location->label}}
                                </span>
                            </div>
                            </a>
                            @endif
                            @endforeach

                            <img src="{{asset(config('app.event.hall_image'))}}" alt="Snow" style="width:100%;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection