@extends('layouts.public')

@section('title', $title)

@section('content')

    <section class="container">
        <wine-list inline-template v-cloak ref="wineList"
                   initial-id="{{ $registry->id }}"
                   initial-url="{{ $registry_url ?? '' }}"
                   initial-signature="{{ $signature ?? '' }}"
                   :initial-is-editing="{{ request()->has('preview') ? 'true' : 'false' }}"
                   :initial-show-alternates="{{ (empty(\Auth::user()) || request()->is('guest-view') || ($is_guest_view ?? false)) ? 'false' : 'true' }}"
                   initial-check-out-url="{{ route('registry.checkout', compact('registry')) }}"
                   :initial-add-shipping="true"
                   :initial-cookies="{{ $cookies ?? '' }}"
        >
            <div v-if="registry">
{{--                <pre>@{{ form }}</pre>--}}
{{--                <pre>@{{ cart }}</pre>--}}
                <div id="check-out-form" class="user-form form-group col-12 text-center">

                    @include('fields._errors')

                    @php
                        $parties = $registry->getUser()->first_name;
                        $spouseFirstName = $registry->op('op_spouse_fname') ?? '';
                        if(!empty(trim($spouseFirstName))){ $parties .= " and $spouseFirstName"; }
                        $parties = str_possessive($parties);
                        $isGift = ('Gift' == env('BUTTON_BUY', config('lv.button_buy', 'Gift')));
                    @endphp

                    <section>
                        @if($isGift)
                            <h2 class="text-uppercase">{{__("Thank you for your gift!")}}</h2>
                            <p>We will ship directly to {{ $parties }} registry address</p>
                        @else
                            <h2 class="text-uppercase">{{__("Thank you")}}</h2>
                        @endif
                    </section>

{{--                    @if($isGift)--}}
                    <section id="note" v-if="registry.data.hasOwnProperty('notes') && Object.keys(registry.data.notes).length" class="d-flex flex-column justify-content-center">

                        <div class="d-flex justify-content-center" v-if="!noteIsVisible">
                            <div class="d-flex justify-content-center add_note"
                                 @click="toggleNote"
                            >
                                <h4><i class="fa fa-plus"></i> Add a personal note - @{{ registry.data.notes[0].price | currency }}</h4>
                            </div>
                        </div>
                        <div class="d-flex flex-column flex-grow-1 justify-content-center op_order_note remove_note" v-else>
                            <div class="d-flex flex-shrink-0 justify-content-center">
                                <div class="d-flex">
                                    <h4>Personal Note:<small v-if="form.op_order_note" class="low-light"><br />(@{{ charactersRemaining(form.op_order_note, 500) }} characters remaining)</small></h4>
                                </div>
                            </div>
                            <div class="d-flex flex-column flex-grow-1">
                                {!! $registry->render('op_order_note', ['nospan' => true]) !!}
                            </div>
                            <div class="d-flex justify-content-center flex-shrink-0">
                                <h4 class="d-flex remove-note"><a href="#" @click.prevent="toggleNote">Remove Note</a></h4>
                            </div>
                        </div>
                    </section>
{{--                    @endif--}}

                    <section>
                        <div class="text-center op_order_name">
                            <span><h4>What's your name?</h4></span>
                            {!! $registry->render('op_order_fname') !!}
                            {!! $registry->render('op_order_lname') !!}
                        </div>
                    </section>

                    <section>
                        <div class="text-center op_order_name">
                            <span><h4>Email:</h4></span>
                            {!! $registry->render('op_order_email') !!}
                        </div>
                    </section>

                    <section>
                        <div class="text-center op_birthdate">
                            <span class="birthdays"><h4>Date of birth: </h4></span>
                            {!! $registry->render('op_order_birthdate') !!}
                        </div>
                        <span class="notice">{{__("* You (and anyone you purchase wine for) must be 21 years or older to buy at Lifetime Vintage")}}</span>
                    </section>


                    <section>
                        <div class="text-center op_order_terms">
                            {!! $registry->render('op_order_terms') !!}
                        </div>
                    </section>

                    <button class="btn btn-save-info"
                            @click.prevent="saveOrder"
                            :disabled="form.busy"
                    ><span class="btn-inner">{{__("Check Out")}} @{{ total | currency(0) }}</span></button>

                </div>

                @include('registry.partials.wine-list-cart')

            </div>
        </wine-list>

    </section>
@endsection