@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=""
         x-init="resizeForScrollableContent(),resizeForScrollableContentOnChange()">
        <div class="row m-0">
            <div class="col-12 text-center font-weight-bold mt-4 mb-2 view-heading">
                {{ \App\Http\Controllers\Translate::translate($heading) }}
            </div>
            <div class="col-12 text-center font-weight-bold mt-2 mb-4 view-subheading">
                {{ \App\Http\Controllers\Translate::translate($subheading) }}
            </div>


            {{--
            We need to check for multiple addresses, if location has multiple address,
            we'll have a select menu for each address and then update the days/hours for the selected address
            --}}
            @if(is_array($addressesForAllDayOrdering))
                @if(count($addressesForAllDayOrdering)>1)

                @endif
            @endif





            @if($withinOperatingHours || !$allowFutureOrders)
                <div class="col-12 w-75" style="margin:0 auto;">
                    <livewire:Button
                        text="ASAP"
                        class="view-button btn-primary"
                        icon="<i class='fas fa-stopwatch'></i>"
                        targetUrl="menu"
                        selectValue="ASAP"
                        setSession="order_time"
                        fulfillmentTime="{{ $fulfillmentTime }}"
                        fulfillmentType="{{ $fulfillmentType }}"
                    />
                </div>
            @endif

            @if($withinOperatingHours && $allowFutureOrders)
                <div class="col-12 text-center font-weight-bold my-2">{{ \App\Http\Controllers\Translate::translate('OR') }}</div>
            @endif

            @if($allowFutureOrders)
                <div class="col-12 w-75" style="margin:0 auto;">
                    <livewire:Select
                        text="Select Time"
                        class="view-button btn-primary"
                        targetUrl="menu"
                        setSession="order_time"
                        optionSet="time_slots"
                    />
                </div>
            @endif

        </div>
    </div>
@endsection



@section('footer')
    @php echo \App\Http\Controllers\Footer::index($themeDirectory) @endphp
@endsection