@extends('layouts.app')
@section('content')
<div id="main-content">

    <div class="Exhibitor-yellow-1" style="padding-bottom: 1.5%">
        <div class="container-fluid">
            <h5 style="margin-top:50px; text-align:center;">Please save this image and provide the above branding dimensions to your creative and click dashboard</h5>

            <div class="row">
                <div class="col-md-12">
                    <div class="booth-image">
                        <img src="{{asset('event-data/booth-designs/'.$booth->image)}}" alt="Snow" style="width:100%; height: auto">
                        {{-- <a href="#" id="boothImage1">
                            <div class="yellow1-box1">
                                @if(isset($images[1]))
                                    <img src="{{asset('/booth_images/'.$images[1])}}" alt="">
                                @endif
                            </div>
                        </a>
                        <a href="#" id="boothImage2">
                            <div class="yellow1-box2">
                                @if(isset($images[2]))
                                    <img src="{{asset('/booth_images/'.$images[2])}}" alt="">
                                @endif
                            </div>
                        </a>
                        <a href="#" id="boothImage3">
                            <div class="yellow1-box3">
                                @if(isset($images[3]))
                                    <img src="{{asset('/booth_images/'.$images[3])}}" alt="" style="width: 100%; height: auto;"
                                         class="img-fluid">
                                @endif
                            </div>
                        </a>
                        <a href="#" id="boothImage5">
                            <div class="yellow1-box4">
                                @if(isset($images[5]))
                                    <img src="{{asset('/booth_images/'.$images[5])}}" alt="">
                                @endif
                            </div>
                        </a>
                        <a href="#" id="boothVideo1">
                            <div class="yellow1-box5">
                                @if(isset($videos[1]))
                                <a href="#" class="btn btn-primary" id="play-video" style="margin-left: 30%; margin-bottom: 4%;">Play</a>
                                <a href="#" class="btn btn-primary" id="change-video" style="margin-left: 30%;">Change</a>
                                @endif
                            </div>
                        </a>
                        <a href="#" id="boothImage4">
                            <div class="yellow1-box6">
                                @if(isset($images[4]))
                                    <img src="{{asset('/booth_images/'.$images[4])}}" alt="">
                                @endif

                            </div>
                        </a>
                        <a href="#" id="boothImage6">
                            <div class="yellow1-box7">
                                @if(isset($images[6]))
                                    <img src="{{asset('/booth_images/'.$images[6])}}" alt="">
                                @endif

                            </div>
                        </a>
                        <a href="#" style="z-index: 999999">
                            <div id="rack1" class="yellow1-rack">
                                <div id="rack1" style="height: 100%">
                                </div>
                            </div>
                        </a> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('exhibition.main_footer')
</div>



{{-- @if(isset($videos[1]))
    <div class="modal fade" id="videoModaluploaded" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg" role="document" style="width: 1000px">
            <div class="modal-content" style="width: 75%">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalCenterTitle">Video Modal</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    @if(isset($videos[1]))
                        {!!$videos[1]!!}
                    @endif
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-round btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
@endif

@endsection
@section('scripts')
    <script src="{{ asset('assets/js/booth/boothyellow1.js')}}"></script>
    <script src="{{asset('assets/js/booth/booths.js')}}"></script>
    <script>
        let assetBaseUrl = '{{ URL::asset('/booth_images/') }}';
        let assetBaseUrlVideo = '{{ URL::asset('/booth_videos/') }}';
        let postRoute = '{{ route("booth.image.upload") }}';
        let postRouteVideo = '{{ route("booth.video.upload") }}';
    </script>
    <script src="{{ asset('assets/js/booth/booth_images_upload.js')}}"></script>
@endsection --}}