@extends('layouts.public')

@section('title', 'Personal Info')

@section('content')
    @include('partials.registration.banner')
    <personal-info-form inline-template v-cloak
                        initial-id="{{ $registry->id }}"
    >
        <div id="personal-info-form" class="form-group col-12 text-center px-1">
            {{--            @{{ registry.data.options }}--}}
            {{--            <pre>@{{ form }}</pre>--}}

            @include('fields._errors')

            <section>
{{--                <h2 class="text-uppercase">{{__("Let's start with the basics")}}</h2>--}}
                <div class="text-center op_date">
                    <h4>{!! $registry->render('op_wedding_date')->label !!}</h4>
                        {!! $registry->render('op_wedding_date') !!}
                        <span class="notice">{{__("* We will ship within 1 week of your wedding day")}}</span>
                </div>
                <div class="text-center op_name">
                    <h4>{{__("What's your name?")}}</h4>
                    <span class="d-inline-block mb-2"> {!! $registry->render('op_fname') !!}</span>
                    <span class="d-inline-block mb-2">{!! $registry->render('op_lname') !!}</span>
                    <span class="birthdays"> <h4>What's your birthday?</h4></span>
                    {!! $registry->render('op_birthday') !!}
                </div>
                <span class="notice">{{__("* You and your spouse must be 21 years or older to register with Lifetime Vintage")}}</span>
                <div class="text-center op_spouse_name">
                    <h4>{{__("What's your spouse's name?")}}</h4>
                    <span class="d-inline-block mb-2">{!! $registry->render('op_spouse_fname') !!}</span>
                    <span class="d-inline-block mb-2">{!! $registry->render('op_spouse_lname') !!}</span>
                    <span class="birthdays"><h4>What's your spouse's birthday?</h4></span>
                    {!! $registry->render('op_spouse_birthday') !!}
                </div>

            </section>

            <section class="logistics">
{{--                <h2 class="text-uppercase">{{__("Let's talk logistics")}}</h2>--}}
                <div class="op_address">
                    <h4>{{__("Where should we ship your wine?")}}</h4>

                    <div class="d-flex flex-column flex-sm-row justify-content-between">
                        {!! $registry->render('op_address_street') !!}
                        {!! $registry->render('op_address_unit') !!}
                    </div>

                    <div class="d-flex flex-column flex-sm-row justify-content-between sel-icon">
                        {!! $registry->render('op_address_city') !!}
                        {!! $registry->render('op_address_state') !!}
                        {!! $registry->render('op_address_zip') !!}
                    </div>
                </div>
                {{--<span class="notice_bold">{{__("Now shipping to California!")}}</span>--}}
                {{--<br>--}}
                {{--<span class="notice_bold">{{__("United States coming soon.")}}</span>--}}
                {{--<br>--}}
                <span class="notice">{{__("* Must be 21 years of age and present at delivery")}}</span>

{{--                <div class="op_require_storage text-center checks">--}}
{{--                    <h4>{{__("Would you like help with storage?")}}</h4>--}}
{{--                    {!! $registry->render('op_require_storage') !!}--}}
{{--                </div>--}}
                {{--<img class="shipping-states" src="{{asset('images/shipping_states.png') }}"/>--}}

            </section>

            <button class="btn btn-save-info btn-150"
                    @click="save"
                    :disabled="form.busy"
            ><span class="btn-inner">{{__("Next")}}</span></button>

        </div>
    </personal-info-form>
@endsection