@extends('components.view')


@section('themeStylesheet')
    <style>
        {{ $themeStylesheet }}
    </style>
@endsection


@section('brandThemeOverrideSettings')
    <style>
        {{ $brandThemeOverrideSettings }}
    </style>
@endsection


@section('brandBackground')
    @if($brandBackground!=='' && !empty($brandBackground))
        style="background-image:url('{{ $brandBackground }}');"
    @endif
@endsection



@section('header')
    @php echo \App\Http\Controllers\Header::index($themeDirectory,$brandLogoSmall) @endphp
    @php echo \App\Http\Controllers\Navigation::index($themeDirectory) @endphp
@endsection



@section('content')
    <div class="scrollable-content"
         x-data="{ loginPop: false }"
         x-init="resizeForScrollableContent(),resizeForScrollableContentOnChange()">

            <div class="row m-0">
                <livewire:CartHeading />

                <!-- Cart Items -->
                @if(session()->has('cart'))
                    <div class="rewards-wrapper" x-show="loginPop" style="left:0;width:100%;display:none;">
                        <div class="rewards-background" x-on:click="loginPop = !loginPop" style="left:0;"></div>
                        <div class="row p-3" style="position: fixed;top:90px;width:100%;">
                            <div class="col-12">
                                <div class="card with-shadow" style="">
                                    <div class="card-header" x-on:click="loginPop = !loginPop">
                                        Login
                                        <i class="fas fa-times" style="position:absolute;right:18px;top: 14px;"></i>
                                    </div>
                                    <div class="card-body" style="max-height:400px;overflow-y:scroll;">
                                        <livewire:LoginForm />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                        <!-- Cart Items -->
                        <livewire:CartItems />

                        <!-- Cart Totals -->
                        <livewire:CartTotals />

                    @if($loyaltyPoints)
                        <!-- Cart Loyalty Points -->
                        <livewire:CartLoyaltyPoints />
                    @endif


                    @if(!$deliveryMinimumRequirementMet)
                        <div class="p-0 pb-5">
                            <div class="cart-divider-wrapper">
                                <div class="cart-divider"></div>
                            </div>
                            <div class="cart-sub-section-wrapper py-4 px-4 text-center">
                                <div class="alert alert-warning m-0">
                                    <h5>Minimum {!! $minimumOrderForDeliveryNomenclature !!} for delivery is ${!! $minimumOrderForDelivery !!}</h5>
                                </div>
                            </div>
                        </div>

                    @else
                        <!-- Cart Order Details -->
                        <livewire:CartOrderDetails />

                        @if(!$areWeClosed)

                            @if($upsellItemsCount>=1)
                                <!-- Cart Upsell Items -->
                                <livewire:CartUpsell />
                            @endif

                            @if($couponCount>=1)
                                <!-- Cart Coupon -->
                                <livewire:CartCoupon />
                            @endif

                            <!-- Cart Smart Tips -->
                            <livewire:CartSmartTips />

                            <!-- Cart Special Instructions -->
                            <livewire:CartSpecialInstructions />

                            <!-- Cart Account Details -->
                            <livewire:CartAccountDetails />

                            <!-- Cart Customer Additional Details -->
                            <livewire:Scheduler.CartCustomerAdditionalDetails />

                            <!-- Cart Payment Details -->
                            <livewire:CartPaymentDetails />

                        @endif
                    @endif

                @else

                    <div class="row m-0 p-0">
                        <div class="col-12 text-center mt-5">
                            Your cart is empty
                        </div>
                        <div class="col-12 text-center">
                            <livewire:Button
                                text="View Menu"
                                type="a"
                                targetUrl="/menu"
                                class="btn btn-primary w-100 py-3 mt-4"
                            />
                        </div>
                    </div>

                @endif




            </div>

    </div>
@endsection



@section('footer')
    <!-- We need to add this div for scroll ability -->
    <div class="row m-0 pt-2 footer-wrapper"
         style="padding:0 !important;height: 0px !important;background:none !important;">
    </div>
@endsection