@extends('layouts.website')
@section('title','Membership Quote Generator')
@section('page_title','')

@section('page_level_css')
@endsection

@section('content')

<div class="kt-content kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor pb-0" id="kt_content">
    <!-- begin:: Content -->
    <div class="kt-container kt-container--fluid kt-grid__item kt-grid__item--fluid">
        <!-- begin:: Page -->
        <div class="kt-grid kt-grid--ver kt-grid--root ">
            <div class="kt-grid kt-grid--hor kt-grid--root">
                <div class="main-box-white mt-4 mb-4">
                    <div class="quote-website">
                        <div class="row">
                            <div class="col-12 mb-5">
                                <div class="title text-color text-center">
                                    <h3>LabPair Membership Purchase</h3>
                                </div>
                            </div>
                            <div class="col-10 offset-1">
                                <form method="POST" id="MembershipPurchaseDisplay" action="{{ getURL('quote/membership-purchase-display') }}">

                                    @php $attributes = ''; @endphp
                                    @if ((isset($request->user) && !empty($request->user) && isset($request->year) && !empty($request->year)) || (isset($_GET['user']) && !empty($_GET['user']) && isset($_GET['year']) && !empty($_GET['year'])))
                                        @php $attributes = '?user=' . $_GET['user'] . '&year=' . $_GET['year']; @endphp
                                        <input type="hidden" value="{{$_GET['user']}}" name="user" id="user">
                                        <input type="hidden" value="{{$_GET['year']}}" name="year" id="year">
                                    @elseif((isset($request->id) && !empty($request->id)) || (isset($_GET['id']) && !empty($_GET['id'])))
                                        @php $attributes = '?id=' . $_GET['id']; @endphp
                                        <input type="hidden" value="{{$_GET['id']}}" name="id" id="id">
                                    @endif

                                    @csrf
                                    <div class="col-lg-12">
                                        <div class="quote-title mb-4 color-blue">
                                            Hi, {{\Auth::user()->name}} {{\Auth::user()->last_name}}
                                        </div>
                                        <div class="quote-description mb-4">
                                            Let's get your invoice and membership(s) ready
                                        </div>
                                        <div class="quote-description mb-5 font-small">
                                            Not {{\Auth::user()->name}}? Click <a class="color-blue underline" href="{{getURL('quote/logout' . $attributes)}}">here</a>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 row mt-4">
                                        <div class="quote-title mb-3 col-lg-12">
                                            At this time are you purchasing a full membership for yourself?
                                        </div>
                                        <div class="form-group mb-3 ml-4 col-lg-4">
                                            <label for="FullMembershipYes" class="w-100 quote-title">
                                                <input class="displayFullMembershipClass" type="radio" name="full_membership" id="FullMembershipYes" value="Yes" {{isset($membership->full_membership) && $membership->full_membership == 'Yes' ? 'checked' : ''}}>&nbsp; Yes
                                            </label>
                                            <label for="FullMembershipNo" class="w-100 quote-title">
                                                <input class="displayFullMembershipClass" type="radio" name="full_membership" id="FullMembershipNo" value="No" {{isset($membership->full_membership) && $membership->full_membership == 'No' ? 'checked' : ''}}>&nbsp; No
                                            </label>
                                        </div>
                                    </div>
                                    <div class="col-lg-12 row mt-5 mb-5">
                                        <div class="col-lg-4 text-center">
                                            <button type="button" class="btn btn-primary quote-button" id="MembershipDisplayBack" value="Back">Back</button>
                                        </div>
                                        <div class="col-lg-4 text-center offset-4">
                                            <button type="submit" class="btn btn-primary quote-button disabled" id="MembershipDisplayNext" value="Next">Next</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end:: Content -->
</div>

@endsection

@push('page_level_script')
@endpush


@push('footerscript')
<script>
    /** Click to Redirect */
    $(document).on('click', '#MembershipDisplayBack', function() {
        window.location.href = "{{getURL('quote/membership-quote-selector' . $attributes)}}";
    });

    // $(document).on('click', '#MembershipDisplayNext', function() {
    //     var redirectDynamicURL = "{{getURL('quote/membership-quote-selector')}}";

    //     var totalMember = $('#user').val();
    //     var totalYear = $('#year').val();
    //     var attributes = '';

    //     var fullMembership = $("input[type='radio'][name='full_membership']:checked").val();

    //     if (totalMember != undefined && totalMember != '' && totalYear != undefined && totalYear != '') {
    //         attributes = "?user=" + totalMember + "&year=" + totalYear;
    //     }
    //     if(totalMember != undefined && totalMember == 1 && fullMembership != undefined && fullMembership == 'Yes') {
    //         redirectDynamicURL = "{{getURL('quote/membership-member-information')}}";
    //     } else {
    //         redirectDynamicURL = "{{getURL('quote/membership-admin-control')}}";
    //     }
    //     redirectDynamicURL += attributes;
        
    //     window.location.href = redirectDynamicURL;
    // });
    /** Click to Redirect */

    $(document).on('click', '.displayFullMembershipClass', function() {
        manageChangeEventNextButton();
    });

    function manageChangeEventNextButton() {
        var fullMembership = $("input[type='radio'][name='full_membership']:checked").val();
        if (fullMembership != undefined && fullMembership != '') {
            $('#MembershipDisplayNext').removeClass('disabled');
        }
    }

    $(document).ready(function() {
        @if(isset($membership->id) && !empty($membership->id))
        manageChangeEventNextButton();
        @endif
    });
</script>
@endpush