@extends("web.layouts.master")

@section("content")
    <section class="space--sm background-light-grey">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-8" data-aos="fade-up" data-aos-duration="1000">
                    <div class="row">
                        <div class="col-12 col-md-12">
                            <div class="feature custom-feature">
                                <div class="row">
                                    <div class="col-3 col-md-12 col-lg-3">
                                        <img src="{{ asset('web/assets/secondary-logo.png') }}" width="112" height="112"/>
                                    </div>
                                    <div class="col-9 col-md-12 col-lg-9">
                                        <p class="font-size-24 text-dark-grey Font-Manrope-ExtraBold mb-1 type--uppercase">{{ $location->name }}</p>
                                        <p class="font-size-14 text-dark-grey Font-Manrope-Light mb-2">{{ $location->address }}</p>
                                        <p class="font-size-14 text-dark-grey Font-Manrope-SemiBold mb-1"><i class="fa fa-phone"></i> {{ $location->contact_no }}</p>
                                    </div>
                                    <div class="col-12 col-md-12">
                                        <hr class="text-light-grey my-3"/>
                                    </div>
                                    <div class="col-12 col-md-12">
                                        <section class="slider mt-4" data-paging="true">
                                            <ul class="slides">
                                                @foreach ($allFiles as $file)
                                                    <li class="col-12 col-md-12"><img alt="background" class="border--round" src="{{ asset($file) }}" style="width: 746px; height: 387px;"/></li>
                                                @endforeach
                                            </ul>
                                        </section>

                                        <section class="slider mt--3">
                                            <ul class="slides">
                                                @foreach ($allFiles as $file)
                                                    <li class="col-6 col-md-3"><img alt="background" class="border--round" src="{{ asset($file) }}" style="width: 154px; height: 97px;"/></li>
                                                @endforeach
                                            </ul>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-12 col-lg-4">
                    <div class="feature custom-feature">
                        <h4 class="font-size-24 text-dark-grey Font-Manrope-ExtraBold">Information</h4>
                        <hr class="text-light-grey mt-0 mb-3"/>
                        <p class="font-size-14 text-light-grey Font-Manrope-Regular mb-1">Operational Hours</p>
                        <p class="font-size-18 text-dark-grey Font-Manrope-Bold mb-4">{{ Carbon::parse($location->start_time)->format('H:i') . ' - ' .  Carbon::parse($location->end_time)->format('H:i') }} WIB</p>
                        <p class="font-size-14 text-light-grey Font-Manrope-Regular mb-1">Location</p>
                        <p class="font-size-14 text-dark-grey Font-Manrope-SemiBold mb-1">{{ $location->address }}</p>
                        <a class="mr-5" target="_blank" href="{{ $location->google_map_link }}">
                            <span class="btn__text font-size-12 Font-Manrope-Light text-red red-underline">See Map</span>
                        </a>
                        <hr class="text-light-grey" />
                        <p class="font-size-18 text-dark-grey Font-Manrope-SemiBold my-4">Ticket Price</p>
                        @if (auth()->check())
                            @if (auth()->user()->hasRole(RoleEnum::getString(RoleEnum::GUEST)))
                                <p class="font-size-48 text-dark-grey Font-Manrope-ExtraBold my-4">{{ $location->products()->first()->converted_guest_price }}</p>
                                <p class="font-size-18 text-red Font-Manrope-Regular my-4 mb-5">Member Price {{ $location->products()->first()->converted_member_price }}</p>
                            @elseif (auth()->user()->hasRole(RoleEnum::getString(RoleEnum::MEMBER)))
                                <p class="font-size-48 text-dark-grey Font-Manrope-ExtraBold my-4 mb-5">{{ $location->products()->first()->converted_member_price }}</p>
                            @endif
                        @else
                            <p class="font-size-48 text-dark-grey Font-Manrope-ExtraBold my-4">{{ $location->products()->first()->converted_guest_price }}</p>
                            <p class="font-size-18 text-red Font-Manrope-Regular my-4 mb-5">Member Price {{ $location->products()->first()->converted_member_price }}</p>
                        @endif

{{--                        @if (--}}
{{--                            auth()->user() == null ||--}}
{{--                            auth()->user()->hasRole(RoleEnum::getString(RoleEnum::GUEST))--}}
{{--                        )--}}
{{--                            <a class="btn custom-big-fluid-btn custom-btn-secondary type--uppercase mb-4" href="{{ route("web.be-a-member.index") }}">--}}
{{--                                <span class="btn__text font-size-18 Font-Manrope-ExtraBold">--}}
{{--                                    <img src="{{ asset("web/assets/icons/credit-card.png") }}" style="margin-top: -3px; margin-right: 10px;"  /> Register Member--}}
{{--                                </span>--}}
{{--                            </a>--}}
{{--                        @endif--}}
                        <br />
                        <a class="btn custom-big-fluid-btn custom-btn-danger type--uppercase mb-5" href="{{ route("web.ticket.show", ["locationSlug" => $location->code]) }}">
                            <span class="btn__text font-size-18 Font-Manrope-ExtraBold">
                                <img src="{{ asset("web/assets/icons/ticket.png") }}" style="margin-top: -3px; margin-right: 10px;"  />  Find A Ticket
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <!--end of row-->
        </div>
        <!--end of container-->
    </section>
@endsection