@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(true),resizeForScrollableContentOnChange(true)">

        <div class="row m-0">
            <div class="col-12 text-center font-weight-bold mt-4 mb-2 view-heading">
                {!! $icon !!}{{ $heading }}
            </div>
            <div class="col-12 text-center font-weight-bold mt-2 mb-0 view-subheading">
                {{ $subheading }}
            </div>
        </div>

        @if($hasPendingOrder)

        <hr class="hr-short w-50 my-4">

        <div class="row m-0 mt-3 w-75" style="margin: 0 auto !important;">
            <div class="col-12 text-center">
                <i class="fas fa-info-circle" style="margin-right:8px;"></i> Items in this order
            </div>

            @foreach($lineItems as $lineItem)
                <div class="row m-0 my-1">
                    <div class="col-12">
                        {!! $lineItem['quantity'] !!} x {!! $lineItem['name'] !!}
                        @if(array_key_exists('modifiers',$lineItem))
                            @foreach($lineItem['modifiers'] as $modifier)
                                <div class="row m-0">
                                    <div class="col-12 pl-5" style="padding-left:24px;font-size:13px;">
                                        {!! $modifier['name'] !!}
                                        @if((int)$modifier['quantity']!==1)
                                            x {!! $modifier['quantity'] !!}
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>
            @endforeach

            <div class="row m-0 mt-3">
                <div class="col-12" style="text-align: center;">
                    <h5>Total: {!! $currencySymbol !!}{!! $orderTotal !!}</h5>
                </div>
            </div>
        </div>

        <hr class="hr-short w-50 my-4">


        <div class="row m-0 px-3">
            <div class="col-12 text-center alert alert-info">
                <h5>Appointment set for {!! date('l, F j',strtotime($fulfillmentDateTime)) !!} @ {!! $fulfillmentTime !!}</h5>
            </div>
        </div>


            @if($trackingUrl)
                <div class="row p-2">
                    <div class="col-12 text-center mb-3">
                        <h5>- Track your order -</h5>
                    </div>
                    <div class="col-12">
                        <iframe src="{!! $trackingUrl !!}" style="width:100%;min-height:600px;"></iframe>
                    </div>
                </div>
            @endif

        @endif

</div>
@endsection