@if (!Request::ajax())
@extends('layouts.app')
@section('content')
@include('layouts.inner_banner')
@endif
<!--Already Account-->
{!! Form::open(['method' => 'post','class'=>'form-wrap product_form','id'=>'policyenquiry_form', 'name'=>'policyenquiry_form','enctype'=>'multipart/form-data']) !!}
<input type="hidden" name='productID' id='productID' value='{{$productID}}' /> 
<input type="hidden" name='quoteID' id='quoteID' value='{{$quoteID}}' /> 
<div class="position-relative">
    <div class="samll-loader" id="small_page_loader" style="display: none; z-index: 5;">
        <i class="n-icon" data-icon="loader-anim"></i>
    </div>
    <!--Arrivals Section-->
    <section class="arrivals-section small-btn" data-aos="fade-up" data-aos-duration="5000" id="arrivalssection">
        <div class="container">
            <div class="row">
                <div class="col-lg-7  ml-auto order-lg-2 order-1 px-4 px-md-3">
                    <h2 class="nqtitle-large mt-lg-0 mt-5">Are you travelling to United States,
                        Singapore or Hong Kong?</h2>
                    <div class="ac-form-group radio-grp row px-0 ">
                        <div class="col-sm-4  ac-radio-list mb-lg-4 mb-3 pl-0">
                            <label class="ac-radio ac-input">
                                <input autocomplete="off" onpaste="return false;" ondrop="return false;" type="radio" name="areyoutravel" data-divid="arrivalssection" id="areyoutravel" value="Y" {{(isset($_COOKIE['areyoutravel']) && !empty($_COOKIE['areyoutravel']) && $_COOKIE['areyoutravel']=='Y')||(isset($quotData->areyoutravel) && !empty($quotData->areyoutravel) && $quotData->areyoutravel=='Y')?'checked="checked"' :''}} />
                                <span></span>
                                Yes
                            </label>
                        </div>
                        <div class="col-sm-4 ac-radio-list pl-0 pl-sm-3">
                            <label class="ac-radio ac-input">
                                <input autocomplete="off" onpaste="return false;" ondrop="return false;" type="radio" name="areyoutravel" data-divid="arrivalssection" id="areyoutravel" value="N" {{(isset($_COOKIE['areyoutravel']) && !empty($_COOKIE['areyoutravel']) && $_COOKIE['areyoutravel']=='N') || (isset($quotData->areyoutravel) && !empty($quotData->areyoutravel) && $quotData->areyoutravel=='N')?'checked="checked"' :''}} />
                                <span></span>
                                No
                            </label>
                        </div>
                        <div id="areyoutravelerror"></div> 
                        <span id="areyoutravel-error" class="error"></span>
                    </div>
                    <div class="more-btn mt-sm-0 mt-4 text-end col-sm-8 col-md-8 d-flex justify-content-end"> 
                        <a class="btn-border btnNext" href="javascript:;" id="submitarrivalssection"  >
                            NEXT <span></span> <i class="n-icon" data-icon="s-arrow-rigjt"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section> 
    <!--self Section-->
    <section class=" self-detail inner-page-gap  small-btn" id="selfsection" style="display:none;">
        <div class="container p-0">
            <div class="row">
                <div class="col-lg-5 col-xl-6 order-lg-1 order-2 pt-lg-0 pt-xl-5 px-0 pt-3 d-flex"><img class="d-lg-none" src="{{ $CDN_PATH.'assets/images/self-detail-1.png' }}" alt="medical"></div>
                <div class="col-lg-7 col-xl-6 order-lg-2 order-1 ">
                    <div class="form-section px-lg-0 px-3">
                        <h2 class="nqtitle-large " data-aos="fade-up" data-aos-duration="1500">Tell us more about yourself</h2>
                        <div class="row" data-aos="fade-up" data-aos-duration="3000">
                            <div class="col-lg-6">
                                <div class="ac-form-group">
                                    {!! Form::text('s_fname',old('s_fname'), array('id'=>'s_fname','autocomplete'=>'off','onpaste'=>'return false;','ondrop'=>'return false;', 'data-divid'=>'selfsection', 'class'=>'ac-input form-control', 'placeholder'=>'First Name*', 'maxlength'=>'60', )) !!}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="ac-form-group">
                                    {!! Form::text('s_lname',old('s_lname'), array('id'=>'s_lname','autocomplete'=>'off','onpaste'=>'return false;','ondrop'=>'return false;', 'data-divid'=>'selfsection', 'class'=>'ac-input form-control', 'placeholder'=>'Last Name*', 'maxlength'=>'60', )) !!}
                                </div>
                            </div>
                            <div class=" col-lg-6">
                                <div class="ac-form-group">

                                    {!! Form::text('s_email',old('s_email'), array('id'=>'s_email','autocomplete'=>'off','onpaste'=>'return false;','ondrop'=>'return false;', 'data-divid'=>'selfsection', 'class'=>'ac-input form-control', 'spellcheck' => 'true', 'placeholder'=>'Email*', 'maxlength'=>'60', )) !!}
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="ac-form-group">

                                    {!! Form::text('s_age', old('s_age'), array('id'=>'s_age', 'autocomplete'=>'off','onpaste'=>'return false;','ondrop'=>'return false;','data-divid'=>'selfsection', 'class'=>'ac-input form-control', 'spellcheck' => 'true', 'placeholder'=>'Age*','maxlength'=>'3', 'onkeypress'=>'javascript: return KeycheckOnlyPhonenumber(event);')) !!}
                                </div>
                            </div>
                            <div class=" col-12">
                                <div class="ac-form-group">

                                    {!! Form::text('s_country_passpot',old('s_country_passpot'), array('id'=>'s_country_passpot','autocomplete'=>'off','onpaste'=>'return false;','ondrop'=>'return false;', 'data-divid'=>'selfsection', 'class'=>'ac-input form-control', 'placeholder'=>'Country passport was issued from*', 'maxlength'=>'60', )) !!}
                                </div>
                            </div>
                            <div class="col-md-12 text-end mb-4">
                                <a href="JavaScript:void(0);" class="bt-more" id="addMoreButton" title="Add Family"><i class="n-icon" data-icon="s-plus"></i>Add Family</a>
                            </div>

                            <div class="col-12 mb-4" id="multiName" style="display:none;"> 
                                 
                            </div>
                            <div class="col-12 d-flex justify-content-between align-items-center">
                                <div class="more-btn">
                                    <a class="btn-border btnPrevious" href="javascript:;" id="backtobuttonselfsection" data-divid="selfsection" title="GO BACK">
                                        <span class="arrow-pre"><i class="n-icon" data-icon="s-arrow-rigjt"></i></span> GO BACK
                                    </a>
                                </div>
                                <div class="more-btn mt-sm-0 "> 
                                    <a class="btn-border btnNext" href="javascript:;" id="submitselfsection"  >
                                        NEXT <span></span> <i class="n-icon" data-icon="s-arrow-rigjt"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--self Section-->
    <!--traval plan section-->
    <section class="travel inner-page-gap" id="travelplansection"  style="display:none;">
        <div class="container-fluid p-0">
            <div class="container">
                <h2 class="nqtitle-large text-center" data-aos="fade-up" data-aos-duration="1500">Choose your plan</h2>
                <div align="center" style="padding-bottom: 30px;"><span id="travel_plan_type-error" class="error"></span></div>
                <div class="row">
                    @php
                    $homeproduct = Powerpanel\Product\Models\Product::getLatestForHome(); 
                    @endphp
                    @foreach($homeproduct as $product)
                    @if(isset($product->fkIntImgId))
                    @php
                    $itemImg = \App\Helpers\resize_image::resize($product->fkIntImgId,680,441);
                    @endphp
                    @else
                    @php
                    $itemImg = $CDN_PATH.'assets/images/default-img.png';
                    @endphp
                    @endif 
                    @if($product->id==1)
                    <div class="col-lg-6">
                        <input autocomplete="off" onpaste="return false;" ondrop="return false;" type="radio" id="travel_plan_typeEII" data-divid="travelplansection" data-productid="{{$product->id}}" name="travel_plan_type" value="EII" {{(isset($_COOKIE['travel_plan_type']) && !empty($_COOKIE['travel_plan_type']) && $_COOKIE['travel_plan_type']=='EII') || (isset($quotData->travel_plan_type) && !empty($quotData->travel_plan_type) && $quotData->travel_plan_type=='EII')?'checked="checked"' :''}}>
                        <label for="plan" class="medical-plan medical-plan-left" data-aos="fade-right" data-aos-duration="3000">
                            <div class="content bg-img">
                                <div class="d-flex  justify-content-between align-items-baseline flex-wrap">
                                    <h3 class="nqtitle">{{ $product->varTitle }}</h3>
                                     
                                </div>
                                <div class="d-flex align-items-center">
                                    <p class="text-p">I prefer specific end date of travel</p>
                                    <label class="ac-switch">
                                        <input type="checkbox" data-divid="travelplansection" id="i_pre_spec_dateEII" name="i_pre_spec_dateEII" value="Y" {{(isset($_COOKIE['i_pre_spec_dateEII']) && !empty($_COOKIE['i_pre_spec_dateEII']) && $_COOKIE['i_pre_spec_dateEII']=='Y') || (isset($quotData->i_pre_spec_dateEII) && !empty($quotData->i_pre_spec_dateEII) && $quotData->i_pre_spec_dateEII=='Y')?'checked="checked"' :''}}>
                                        <span></span>
                                    </label>
                                </div>
                                <div class="date-list">
                                    @php
                                    $currentDate = date("Y-m-d");
                                    $Dayafter = date("Y-m-d", strtotime("+1 days")); 
                                    if(isset($quotData->t_statrtdateEII) && !empty($quotData->t_statrtdateEII)){
                                    $currentDate = $quotData->t_statrtdateEII;
                                    }
                                    if(isset($quotData->t_enddateEII) && !empty($quotData->t_enddateEII)){
                                    $Dayafter = $quotData->t_enddateEII;
                                    }
                                    $class='disabled-datepicker';
                                    if(isset($quotData->i_pre_spec_dateEII) && !empty($quotData->i_pre_spec_dateEII) && $quotData->i_pre_spec_dateEII=="Y")
                                    {
                                    $class='display-datepicker';
                                    }
                                    @endphp
                                    <div class="d-flex flex-sm-row flex-column flex-wrap">
                                        <div class="ac-form-group position-relative date-picker">
                                            <div class="input-group date" id="datepicker">
                                                <input data-divid="travelplansection" class="ac-input form-control date-box start-date {{$class}} " type="text" readonly="readonly" name="t_statrtdateEII" id="t_statrtdateEII" placeholder="Start Date" autocomplete="off" value="{{$currentDate}}">
                                                <span class="cal-svg">
                                                    <i class="n-icon"  data-icon="sm-calender"></i>
                                                </span>
                                            </div>
                                            <div id="t_statrtdateEIIerror"> <span id="t_statrtdateEII-error" class="error"></span></div>
                                        </div>
                                        <div class="ac-form-group position-relative date-picker">
                                            <input data-divid="travelplansection" class="ac-input form-control date-box last-date {{$class}}" type="text" readonly="readonly" name="t_enddateEII" id="t_enddateEII" placeholder="End Date" autocomplete="off" value="{{$Dayafter}}" >
                                            <span class="cal-svg">
                                                <i class="n-icon" data-icon="sm-calender"></i>
                                            </span>
                                            <div id="t_enddateEIIerror"><span id="t_enddateEII-error" class="error"></span></div>
                                        </div>
                                    </div>
                                    <ul class="medical-plan-text">
                                        @if(isset($product->ckproduct) && $product->ckproduct != '')
                                        {!!$product->ckproduct!!}
                                        @endif
                                    </ul>
                                    <div class="read-more"><a href="javascript:;" title="READ IN DETAILS" class="ac-dotted">READ IN DETAILS</a></div>
                                </div>
                                <div class="more-btn text-start"><a class="ac-btn ac-btn-primary" id="nexttravelplanEIIsection" href="javascript:;" title="NEXT">NEXT</a></div>
                            </div>
                            <div class="medical-plan-img">
                                <img src="{{ $itemImg }}" alt="medical-plan" />
                            </div>
                        </label>
                    </div>
                    @endif
                    @if($product->id==2)
                    <div class="col-lg-6 mt-lg-0 mt-5" data-aos="fade-left" data-aos-duration="3000">
                        <input autocomplete="off" onpaste="return false;" ondrop="return false;" data-divid="travelplansection" data-productid="{{$product->id}}" type="radio" id="travel_plan_typeIHP" name="travel_plan_type" value="IHP" {{(isset($_COOKIE['travel_plan_type']) && !empty($_COOKIE['travel_plan_type']) && $_COOKIE['travel_plan_type']=='IHP')|| (isset($quotData->travel_plan_type) && !empty($quotData->travel_plan_type) && $quotData->travel_plan_type=='IHP')?'checked="checked"' :''}}>
                        <label for="plan" class="medical-plan medical-plan-right">
                            <div class="content">
                                <div class="d-flex justify-content-between align-items-baseline flex-wrap" >
                                    <h3 class="nqtitle">{{ $product->varTitle }}</h3>
                                     
                                </div>
                                <div class="date-list">
                                    <ul class="medical-plan-text">
                                        @if(isset($product->ckproduct) && $product->ckproduct != '')
                                        {!!$product->ckproduct!!}
                                        @endif
                                    </ul>
                                    <div class="read-more"><a href="javascript:;" title="READ IN DETAILS" class="ac-dotted">READ IN DETAILS</a></div>
                                </div>
                                <div class="more-btn text-start"><a class="ac-btn ac-btn-primary" id="nexttravelplanIHPsection" href="javascript:;" title="NEXT">NEXT</a></div>
                            </div>
                            <div class="medical-plan-img">
                                <img class="w-100" src="{{ $itemImg }}" alt="medical-plan" />
                            </div>
                        </label>
                    </div>
                    @endif
                    @endforeach
                </div>
                <div class="more-btn mt-lg-5 mt-4 " data-aos="fade-up" data-aos-duration="3000">
                    <a class="back-btn" href="javascript:;" id="backtobuttontravelplansection" data-divid="travelplansection" title="GO BACK">
                        <span class="arrow"></span> GO BACK
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!--traval plan section-->
    <!--wherewe-->
    <section class="where-we" id="wherewesection" style="display:none;">
        <div class="container">
            <div class="row">