@extends('layouts.default')

@section('page_css')
      @include('includes.portal-css')
@stop

@section('content')
<!-- Breadcroumbs start -->
<div class="wshipping-content-block wshipping-breadcroumb inner-bg-1">
  <div class="container">
    <div class="row">
      <div class="col-12 col-lg-6">
        <h1>Create New Shipment</h1>
        <a href="{{URL('/')}}" title="Home">Home</a> / Create New Shipment </div>
        <div class="col-12 col-lg-6 text-right ">
          <h4>We move all types of freight Worldwide. <span>Safely</span> and <span>Economically</span>.</h4>
        </div>
    </div>  
  </div>
</div>  
<!-- Breadcroumbs end -->

<!-- Create New Shipment Start -->
<div class="wshipping-content-block shipping-block">
  <div class="container">
    <h2 class="heading2-border mt0">Create New Shipping</h2>
    <div class="row">
      <div class="shipping-form-block">
        <form class="steps shippment-form" action={{route('shipment-payment')}} accept-charset="UTF-8" enctype="multipart/form-data" id="shippment-form-id" data-parsley-validate>
          @csrf
          <input type="hidden" name="currency_code" value="{{config('ups.default_currency')}}" />
          <input type="hidden" name="shipping_set_id" id="shipping_set_id" value="0"/>
          <input type="hidden" name="user_from_address_id"  id="user_from_address_id"  value="0"/>
          <input type="hidden" name="user_to_address_id" id="user_to_address_id"  value="0"/>
          <!-- progressbar -->
          <ul id="progressbar">
            <li class="active">Where From</li>
            <li>Where Going</li>
            <li>What</li>
            <li>How</li>
            <li id="invoice_li" style="display: none">Invoice</li>
            <li>Payment</li>
            <li>Review</li>
            <li>Complete</li>
          </ul>
          @include('includes.ajax-call-responce-message-block')

          <!-- fieldsets Shipping From Start-->
          <fieldset>
              <input  type="hidden"  class="step-valid" value="false" name="step-valid">
            <h2 class="fs-title"> Hello. Where are you shipping from? </h2>
            <h3 class="fs-subtitle">* Indicates required field </h3>
              @if(count($userAddressList)>0)
                @include('customerportal.shippmentinfo.shippment-address-suggestion',['userAddressList' => $userAddressList,'formType'=>'from'])
              @endif
            <div class="shipping-form">
              <div class="address-box row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Address<sup>*</sup></label>
                    <input type="text" class="form-control" name="address1" placeholder="Street Address" data-parsley-required  data-parsley-group="first-step" required="required" data-parsley-trigger="keyup" id="from-address-select" maxlength="35" />
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="empty">&nbsp;</label>
                    <input type="text" class="form-control" name="address2" placeholder="Apartment, suite, unit, building, floor, etc." data-parsley-group="first-step" maxlength="35"/>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="empty">&nbsp;</label>
                    <input type="text" class="form-control" name="address3" placeholder="Department, c/o, etc." data-parsley-group="first-step" maxlength="35"  />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label for="OriginCountry">Country<sup>*</sup></label>
                      <select class="form-control" name="country"  id="OriginCountry" data-parsley-required  data-parsley-group="first-step" required="required" data-parsley-trigger="keyup" >
                        <option value=''>Select Country</option>
                        @foreach($countries as $key => $value)
                          @if($value != '')
                          <option value="{{ $value->id }}" data-code="{{$value->iso2}}">{{ $value->name }}</option>
                        @endif
                        @endforeach
                    </select>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Company or Name<sup>*</sup></label>
                    <input type="text" class="form-control" name="cname"  data-parsley-required data-parsley-group="first-step" required="required" placeholder="Please Enter Company Name" data-parsley-trigger="keyup"  maxlength="35" />
                      </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Contact Name<sup>*</sup></label>
                    <input type="text" class="form-control" name="contact"  data-parsley-required data-parsley-group="first-step" required="required" data-parsley-pattern="^[a-zA-Z ]+$" placeholder="Please Enter Contact Name" data-parsley-trigger="keyup"  maxlength="35" />
                  </div>
                </div>
              </div>
              
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Postal Code<sup>*</sup></label>
                    <input type="text" class="form-control" name="post_code" id="from_postal_code" data-parsley-required data-parsley-group="first-step" required="required" data-parsley-maxlength="10"  maxlength="10" placeholder="Please Enter Postal Code" data-parsley-trigger="keyup"  />
                  </div>
                </div>
                  <div class="col-12 col-lg-4">
                    <div class="form-group">
                      <label>Origin Province<sup>*</sup></label>
                      <select class="form-control" name="state" id="state" data-parsley-required data-parsley-group="first-step" required="required">
                        <option value=''>Select Province</option>
                      </select>
                    </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                      <label>Origin City<sup>*</sup></label>
                      <select class="form-control" name="city" id="city" data-parsley-required  data-parsley-group="first-step" required="required" placeholder="Select City">
                        <option value=''>Select City</option>
                      </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Other Address Information</label>
                    <input type="text" class="form-control" name="other_address_info" data-parsley-group="first-step" placeholder="Please Enter Other Information"/>
                  </div>
                </div>
                {{-- <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="slide-label">Is this a residential/office address?</label>
                    <div class="slide-redio">
                      <input type="checkbox" value="on" id="slide-radio0" name="check_address_type" checked data-parsley-group="first-step"/>
                      <label for="slide-radio0"></label>
                    </div>
                  </div>
                </div> --}}
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>E-mail <sup>*</sup></label>
                    <input type="email" class="form-control" name="email" data-parsley-required data-parsley-group="first-step" required="required" data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Enter a valid e-mail"/>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Telephone<sup>*</sup>+</label>
                    <div class="row">
                      <div class="col-3">
                        <input type="text" class="form-control" name="country_phone_code" data-parsley-required data-parsley-group="first-step" required="required"  data-parsley-pattern="^[0-9-]*$" placeholder="Code" data-parsley-trigger="keyup" data-parsley-maxlength="2"  maxlength="2"/>
                      </div>

                      <div class="col-9 pl-0">
                        <input type="text" class="form-control" name="telephone" data-parsley-required data-parsley-group="first-step" required="required"  data-parsley-pattern="^[0-9-]*$" placeholder="Enter only numbers"
                        data-parsley-trigger="keyup" data-parsley-maxlength="15"  maxlength="15"  minlength="10"/>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Ext.</label>
                    <input type="text" class="form-control" name="ext" data-parsley-group="first-step"  />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="checkbox">
                    <input type="checkbox" name="send_update"  id="send-update" class="css-checkbox" data-parsley-group="first-step"/>
                    <label for="send-update" class="css-label">Send updates on this shipment</label>
                  </div>
                </div>
              </div>
              <div class="row">
                {{-- <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="slide-label">Save as new entry </label>
                    <div class="slide-redio">
                      <input type="checkbox" value="on" id="slide-radio1" name="save_as_new_entry" checked data-parsley-group="first-step" />
                      <label for="slide-radio1"></label>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="slide-label">Use this as my default address </label>
                    <div class="slide-redio">
                      <input type="checkbox" value="on" id="slide-radio2" name="use_default_add" checked  data-parsley-group="first-step"/>
                      <label for="slide-radio2"></label>
                    </div>
                  </div>
                </div> --}}
                {{-- <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="slide-label">Add a Different Return Address</label>
                    <div class="slide-redio">
                      <input type="checkbox" value="on" id="slide-radio3" name="add_diff_return_add" checked data-parsley-group="first-step"/>
                      <label for="slide-radio3"></label>
                    </div>
                  </div>
                </div> --}}
              </div>
            </div>
            <input type="button" name="next" class="next action-button btn-1" value="Continue"  id="first-step-next-button" />
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets Shipping From end-->

          <!-- fieldsets Shipping going Start-->
          <fieldset>
            <input  type="hidden"  class="step-valid" value="false" name="step-valid">
            <h2 class="fs-title">Where is your shipping going? </h2>
            <div class="row">
              <div class="col-12 col-lg-4">
                  @include('customerportal.shippmentinfo.shippment-from-address',['edit' => 1])
              </div>
              <div class="col-12 col-lg-4">
                  @include('customerportal.shippmentinfo.shippment-return-address',['edit' => 1])
              </div>
            </div>
            <h3 class="fs-subtitle mt-4">* Indicates required field </h3>
              @if(count($userAddressList)>0)
                @include('customerportal.shippmentinfo.shippment-address-suggestion',['userAddressList' => $userAddressList,'formType'=>'to'])
              @endif
            <div class="shipping-form">
              <div class="address-box row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Address<sup>*</sup></label>
                    <input type="text" class="form-control" name="address4" placeholder="Street Address"  required="required" data-parsley-required data-parsley-group="second-step" data-parsley-trigger="keyup" id="to-address-select" maxlength="35"/>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="empty">&nbsp;</label>
                    <input type="text" class="form-control" name="address5" placeholder="Apartment, suite, unit, building, floor, etc." data-parsley-group="second-step" maxlength="35" />
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="empty">&nbsp;</label>
                    <input type="text" class="form-control" name="address6" placeholder="Department, c/o, etc." data-parsley-group="second-step" maxlength="35"/>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <label for="OriginCountry2">Country<sup>*</sup></label>
                      <select class="form-control" name="country2"  id="OriginCountry2" data-parsley-required  data-parsley-group="second-step" required="required" data-parsley-trigger="keyup" >
                        <option value=''>Select Country</option>
                        @foreach($countries as $key => $value)
                          @if($value != '')
                          <option value="{{ $value->id }}" data-code="{{$value->iso2}}">{{ $value->name }}</option>
                        @endif
                        @endforeach
                    </select>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Company or Name<sup>*</sup></label>
                    <input type="text" class="form-control" name="cname2" required="required"  placeholder="Please Enter Company Name" data-parsley-required data-parsley-group="second-step" data-parsley-trigger="keyup" maxlength="35" />
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Contact Name<sup>*</sup></label>
                    <input type="text" class="form-control" name="contact2"  required="required" data-parsley-pattern="^[a-zA-Z ]+$" placeholder="Please Enter Contact Name" data-parsley-required data-parsley-group="second-step" data-parsley-trigger="keyup" maxlength="35" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Postal Code<sup>*</sup></label>
                    <input type="text" class="form-control" name="zip" id="to_postal_code" required="required" data-parsley-maxlength="10"  data-parsley-required data-parsley-group="second-step" data-parsley-trigger="keyup" />
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                <div class="form-group">
                      <label for="state2">Destination Province<sup>*</sup></label>
                      <select class="form-control" name="state2" id="state2" data-parsley-required data-parsley-group="second-step" required="required" data-parsley-trigger="keyup" >
                        <option value=''>Select Province</option>
                      </select>
                    </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                      <label for="city2">Destination City<sup>*</sup></label>
                      <select class="form-control" name="city2" id="city2" data-parsley-required  data-parsley-group="second-step" required="required" placeholder="Select City" data-parsley-trigger="keyup" >
                        <option value=''>Select City</option>
                      </select>
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>E-mail <sup>*</sup></label>
                    <input type="email" class="form-control" name="email2"  required="required" data-parsley-type="email" data-parsley-trigger="keyup" placeholder="Enter a valid e-mail" data-parsley-group="second-step"/>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Telephone<sup>*</sup>+</label>
                    <div class="row">
                      <div class="col-3">
                        <input type="text" class="form-control" name="country_phone_code2" data-parsley-required data-parsley-group="second-step" required="required" required data-parsley-pattern="^[0-9-]*$" placeholder="Code" data-parsley-trigger="keyup" data-parsley-maxlength="2"  maxlength="2"/>
                      </div>
                      <div class="col-9 pl-0">
                        <input type="text" class="form-control" name="telephone2"  required="required"  data-parsley-required data-parsley-group="second-step" required data-parsley-pattern="^[0-9-]*$" placeholder="Enter only numbers" data-parsley-trigger="keyup"  data-parsley-maxlength="15"  maxlength="15"  minlength="10"/>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label>Ext.</label>
                    <input type="text" class="form-control" name="ext2" data-parsley-group="second-step" />
                  </div>
                </div>
              </div>
              <div class="row">
                <div class="col-12 col-lg-4">
                  <div class="form-group">
                    <label class="slide-label">Is this a residential address?</label>
                    <div class="slide-redio">
                      <input type="checkbox"  id="slide-radio0" name="check_address_type" data-parsley-group="first-step"/>
                      <label for="slide-radio0"></label>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <input type="button" name="previous" class="previous action-button btn-1" value="Previous" />
            <input type="button" name="next" class="next action-button btn-1" value="Continue" id="second-step-next-button"/>
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets Shipping going end-->

          <!-- fieldsets package Start-->
          <fieldset>
            <input  type="hidden"  class="step-valid" value="false" name="step-valid">
            <h2 class="fs-title">What kind of packaging are you using? </h2>
            <h3 class="fs-subtitle mb-0">* Indicates required field </h3>
            <p class="mb-2"><span  name="get_rate_warrning mb-5" id="get_rate_warrning" class="text-warning"></span>
            <span  id="total_get_rate_success_disaply" class="text-success"></span></p>
            <input type="hidden"  name="total_get_rate_success" id="total_get_rate_success"  value="0.00" />
           
            <div class="shipping-form"  id="default-package">
              <div class="row package-box-view">
                <div class="col-12 col-lg-8">
                  <div class="row">
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Packaging Type<sup>*</sup></label>
                        <div class="input-comment">
                          <select name="packagType[]" class="form-control package-type-cl" data-parsley-required data-parsley-group="third-step" required="required" data-parsley-trigger="keyup">
                              @foreach($packageType as $value => $packages)
                                @if($packages->id==2)
                                  <option value="{{$packages->id }}" selected>
                                    {{ $packages->name }}
                                  </option>
                                @else
                                  <option value="{{$packages->id }}">
                                    {{ $packages->name }}
                                  </option>
                                @endif
                              @endforeach
                          </select>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Weight<sup>*</sup></label>
                        <div class="input-comment">
                            <input type="text" class="form-control weght-cl" name="weight[]" required="required" data-parsley-required data-parsley-group="third-step" required="required" data-parsley-trigger="keyup" data-parsley-type="number"/>
                      </div>
                    </div>
                  </div>
                  </div>
                  <div class="row">
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Weight Unit<sup>*</sup></label>
                        <div class="input-comment">
                            <select name="weightUnit[]" class="form-control wei-unit-cl">
                              @foreach($weightUnit as $value => $unit)
                                <option value="{{$unit->id }}">
                                  {{ $unit->name }}
                                </option>
                              @endforeach
                            </select >
                            </div>
                      </div>
                    </div>
                    <div class="col-12 col-lg-6 fieldShowHide">
                      <div class="form-group">
                        <label>Unit Of Measurement<sup>*</sup></label>
                        <div class="input-comment">
                          <select name="unitOfMeasurement[]" class="form-control weight-unit-cl">
                              @foreach($unitOfMeasurment as $value => $unit)
                                <option value="{{$unit->id }}">
                                  {{ $unit->name }}
                                </option>
                              @endforeach
                          </select >
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="fieldShowHide">
                  <div class="row">
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Length<sup>*</sup></label>
                        <div class="input-comment">
                          <input type="text" class="form-control length-cl" name="length[]" required="required" data-parsley-required data-parsley-group="third-step" required="required" data-parsley-trigger="keyup" data-parsley-type="number"/>
                        </div>
                      </div>
                    </div>
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Width<sup>*</sup></label>
                        <div class="input-comment">
                          <input type="text" class="form-control width-cl" name="width[]" required="required" data-parsley-required data-parsley-group="third-step" required="required" data-parsley-trigger="keyup" data-parsley-type="number"/>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Height<sup>*</sup></label>
                        <div class="input-comment">
                          <input type="text" class="form-control height-cl" name="height[]" required="required" data-parsley-required data-parsley-group="third-step" required="required" data-parsley-trigger="keyup" data-parsley-type="number"/>
                        </div>
                      </div>
                    </div>
                    {{-- <div class="col-12 col-lg-6">
                      <div class="form-group">
                        <label>Declared value</label>
                        <div class="input-comment">
                          <input type="text" class="form-control" name="declare-value"/>
                          <span class="field-comment">USD</span></div>
                      </div>
                    </div>
                    --}}
                  </div>
                  </div>
                    <div class="row">
                    <div class="col-12 action-button-section">
                        <button type="button" name="get_rate[]"  value="Get Rate" class="btn-1 get-rate-button mb-2" >Get Rate</button>
                        <label name="get_rate_display[]" class="text-success"></label>
                        <label name="get_rate_error_display[]" class="text-danger"></label>
                        <input type="hidden" name="get_rate_store[]" >
                    </div>
                  </div>
                </div>
                <div class="col-12 col-lg-4">
                  <div class="what-package"><img src="{{ url('customerportal/images/package.jpg') }}" alt=""/></div>
                </div>
              </div>
              <div id="more-packages-block">

              </div>
              <div class="row">
                      <div class="col-12">
                        <div class="add-more-show-hide">
                          <button type="button" name="add_more_package_btn" id="add-more-package-btn-id" class="btn-1">Add More...</button>
                        </div>                        
                    </div>
                </div>
            </div>
            <input type="button" name="previous" class="previous action-button btn-1" value="Previous" />
            <input type="button" name="next" class="next action-button btn-1" value="Continue" id="third-step-next-button"/>
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets package end-->

          <!-- fieldsets pick up Start-->
          <fieldset>
            <input  type="hidden"  class="step-valid" value="false" name="step-valid">
            <h2 class="fs-title">How would you like to ship? </h2>
            <h3 class="fs-subtitle">* Indicates required field </h3>
            <div class="shipping-form dropoff-block">
              <h3>would you like us to pick up your shipment?</h3>
              <ul class="nav nav-tabs" role="tablist" id="pickup_type_tab" data-parsley-group="fourth-step">
                <li class="nav-item"><a class="nav-link active" href="#no-drop" aria-controls="no-drop" role="tab" data-toggle="tab">No I'll drop it off</a></li>
                <li class="or-text">--or--</li>
                <li class="nav-item"><a class="nav-link" href="#yes-drop" aria-controls="yes-drop" role="tab" data-toggle="tab">Yes pick up my shipment</a></li>
              </ul>
              <input type="hidden" name="pickupˍtype"  id="pickup_type" value="dropit" data-parsley-group="fourth-step">
              <div class="tab-content">
                <div role="tabpanel" class="tab-pane active" id="no-drop">
                  <div class="row">
                    <div class="col-12 col-lg-4">
                      <div class="form-group shipping-date">
                        <label>Estimated shipping date *:</label>
                        <div class="datepicker-group">
                          @php $dropdate = date('Y-m-d'); @endphp
                          <input type="text" class="form-control datetimepickerDropDate" placeholder="Date" name="drop_date" id="dropDateId" data-parsley-group="fourth-step" placeholder="Date" value="{{$dropdate}}" data-parsley-required data-parsley-trigger="keyup"/>
                          <div class="datepicker-icon"><i class="fa fa-calendar-alt"></i></div>
                        </div>

                        <button class="btn-3 refresh-btn" style="display:none;"><i class="fas fa-sync-alt"></i></button>
                      </div>
                    </div>
                  </div>
                  <h3>When would like it delivered?</h3>
                  <div class="row">
                    <div class="col-12 col-lg-4">
                      <div class="form-group">
                        <label>Date and short details:</label>
                        <input type="text" class="form-control" name="sDetails" data-parsley-group="fourth-step"/>
                      </div>
                    </div>
                  </div>
                </div>
                <div role="tabpanel" class="tab-pane" id="yes-drop">
                  <div class="row">
                    <div class="col-12 col-lg-4">
                      <div class="form-group">
                        <label>Pickup date *:</label>
                        <div class="datepicker-group">
                          <input type="text" class="form-control datetimepickerPickupDate" id="pickupDateId" name="pickup_date" placeholder="Date" required="required" data-parsley-trigger="keyup" data-parsley-required data-parsley-group="six-step"/>
                          <div class="datepicker-icon"><i class="fa fa-calendar-alt"></i></div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="review">
                    <h3>Pickup Address <a href="javascript:void(0)" title="Edit" class="btn-edit" onClick="openSelectedTab(this,1)">Edit</a></h3>
                    <p id="pickup_addtess_display"></p>
                  </div>
                  <div class="review">
                    <h3>Pickup details</h3>
                        @include('customerportal.shippmentinfo.pickup-details')
                    {{-- <p>Your pickup window: 9:00AM - 7:00PM<br>
                      Pickup location: Front Door</p> --}}
                  </div>
                </div>
                <div class="row">
                    <div class="col-12 col-lg-12">
                      <div class="form-group" id="serviceSectionBlock">

                      </div>
                  </div>
                </div>
              </div>
            </div>
            <input type="button" name="previous" class="previous action-button btn-1" value="Previous" />
            <input type="button" name="next" class="next action-button btn-1" value="Continue"  id="shippment-payment-submit"/>
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" id="cancel-shipment-btn" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets package end-->

          <!-- fieldsets invoice Start-->
          <fieldset class="international_invoice">
            <h2 class="fs-title">International Forms </h2>
            <h3 class="sub-title-withline">International Shipping Details </h3>
            <div class="row align-items-center">
              <div class="col-12 col-lg-6">
                <div class="form-group">
                  <label>What best describes this shipment? *</label>
                  <div class="input-comment">
                      <select name="shipping_description_id" class="form-control" data-parsley-required data-parsley-group="invoice-main-step">
                        <option value="" selected disabled>Select One</option>
                        @foreach($shippingDescriptionList as $key => $value)
                          <option value="{{$key}}">{{$value}}</option>
                        @endforeach
                      </select>
                  </div>
                </div>
              </div>
              <div class="col-12 col-lg-6">
                <div class="form-group">
                  <label>What are you shipping? *</label>
                  <small>Specific description of shipment contents for label; max 35 characters</small>
                  <input type="text" class="form-control" name="description_label" data-parsley-required data-parsley-group="invoice-main-step" data-parsley-maxlength="35" data-parsley-trigger="keyup"/>
                  <div class='form-tooltip'>
                    <div class="arrow-tips">
                    <p>Give an overall description of your shipment. To prevent customs delays, avoid vague or general terms that could describe a variety of items.</p>
                      <ul>
                        <li>Men's cotton shirts or Tennis shoes(not Apparel)</li>
                        <li>Computers or Electronic toys (not Electronics)</li>
                        <li>Leather handbags or Saddles (not Leather goods)</li>
                        <li>Hand tools or Power tools (not Tools)</li>
                      </ul>                         
                    </div>
                  </div>
                  <a href="https://www.ups.com/us/en/support/shipping-support/shipping-special-care-regulated-items/prohibited-items.page" target="_blank" class="link-style">See list of prohibited items <i class="fa fa-arrow-right"></i></a>
                </div>
              </div>
            </div>
            <h3 class="sub-title-withline">International Forms and Documents </h3>
            <div class="row">
              <div class="col-12 col-lg-12">
                <div class="form-group">
                  <label>How would you like to add this form? </label>
                  <div class="">
                    <select name="is_online" id="is_online" class="form-control" data-parsley-required data-parsley-group="invoice-main-step">
                      <option value="" selected >Select One</option>
                      <option value="1" data-div="complete_online">Complete Online</option>
                      <option value="0" data-div="attach_my_own_to_shipment">Attach My Own To Shipment</option>
                    </select>
                  </div>
                </div>
              </div>                 
            </div>
            <div class="row legend-style" id="complete_online" style="display:none">    
              <span class="legend-text">Complete Online</span>             
              <div class="col-md-12">
                <div class="accordion" id="faq" >
                  <div class="card">
                    <div class="card-header" id="faqhead1">
                      <a href="#" class="btn btn-header-link" data-toggle="collapse" data-target="#faq1" aria-expanded="true" aria-controls="faq1">Address Information</a>
                    </div>

                    <div id="faq1" class="collapse show" aria-labelledby="faqhead1" data-parent="#faq">
                      <div class="card-body">
                        <div class="row">
                          <div class="col-lg-6 col-12">
                            <div class="info-address">
                              <h3 class="h3-withline">Ship From</h3>
                              <p class="invoice-from-address-block word-break">
                              </p>
                              <div class="form-group mt-4">
                                <label>Sender (Ship From) Tax ID/Vat No. </label>
                                <input type="text" class="form-control" name="sender_tax_id" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup"/>
                              </div>
                            </div>
                          </div>
                          <div class="col-lg-6 col-12">
                            <div class="info-address">
                              <h3 class="h3-withline">Ship To</h3>
                              <p class="invoice-to-address-block word-break">
                              </p>
                              <div class="form-group mt-4">
                                <label>Receiver (Ship To) Tax ID/Vat No. </label>
                                <input type="text" class="form-control" name="receiver_tax_id" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup"/>
                              </div>
                              {{-- <div class="form-check check-style">
                                  <input class="form-check-input" type="checkbox" value="" id="defaultCheck1">
                                  <label class="form-check-label" for="defaultCheck1">
                                  Use this Information for Sold To
                                  </label>
                              </div> --}}
                            </div>
                          </div>
                        </div>
                        <div class="row">
                          <div class="col-12">
                          <div id="accordion-0" class=" mt-4">
                              <div class="card">
                                <div class="card-header" id="heading-1-0">
                                  <h5 class="mb-0">
                                    <a class="collapsed" role="button" data-toggle="collapse" href="#collapse-1-0" aria-expanded="false" aria-controls="collapse-1-1">
                                    <i class="fa fa-info-circle tip-style"></i>Ship Tip: What type of IDs are valid for this form?
                                    </a>
                                  </h5>
                                </div>
                                <div id="collapse-1-0" class="collapse " data-parent="#accordion-0" aria-labelledby="heading-1-0">
                                  <div class="card-body">
                                    <p>Depending on the nature of your shipment, several ID types can be used:</p>
                                    <ul>
                                      <li>For individuals, a Social Security Number (SSN) will suffice.</li>
                                      <li>Business shippers can use either an Employer identification number (EIN) or the D-U-N-S(c) Number (DUNS) for their address. An EIN is a tax ID issued to a business by the IRS; DUNS is a widely recognized location-specific identifier from Dun & Bradstreet.</li>
                                      <li>A foreign entity may use a valid ID form issued and recognized by their government or region, such as a may be used for an individual exporter.</li>
                                    </ul>
                                  </div>
                                </div>
                              </div>
                            </div> 
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card">
                    <div class="card-header" id="faqhead2">
                      <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq2" aria-expanded="true" aria-controls="faq2">Shipment Information</a>
                    </div>

                    <div id="faq2" class="collapse" aria-labelledby="faqhead2" data-parent="#faq">
                      <div class="card-body">
                        <div class="row">
                            <div class="col-12 col-lg-6"> 
                              <div class="form-group">
                                <label>Invoice Number </label>
                                <input type="text" class="form-control" name="invoice_no" data-parsley-group="invoice-step" data-parsley-maxlength="35" data-parsley-trigger="keyup"/>
                              </div>
                            </div>
                            <div class="col-12 col-lg-6">
                              <div class="form-group">
                                <label>Purchase Order Number </label>
                                <input type="text" class="form-control" name="purchase_order_no" data-parsley-group="invoice-step" data-parsley-maxlength="35" data-parsley-trigger="keyup"/>
                              </div>
                            </div>
                            <div class="col-12 col-lg-12">
                              <div class="form-group">
                                <label>Terms of Sale(Incoterm) </label>
                                <div>
                                <select name="term_of_sale" class="form-control">
                                <option value="" selected disabled>Select One</option>
                                  @foreach($termsOfSale as $key => $value)
                                    <option value="{{$key}}">{{$value}}</option>
                                  @endforeach
                                </select>
                                </div>
                              </div>
                            </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="card">
                    <div class="card-header" id="faqhead3">
                      <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq3" aria-expanded="true" aria-controls="faq3">Products</a>
                    </div>

                      <div id="faq3" class="collapse" aria-labelledby="faqhead3" data-parent="#faq">
                        <div class="card-body">
                          <div id="productBodyDiv">
                          </div>
                          <div class="row">
                            <div class="col-12 col-lg-6">
                              <div class="project-points">
                                <div class="form-group">
                                  <label for="product_description">Description of Goods *</label>
                                  <small>For customs declaration be as specific as possible (105 max characters).</small>
                                  <textarea class="form-control" name="product_description" id="product_description" rows="3" data-parsley-required data-parsley-group="invoice-step" data-parsley-maxlength="105" data-parsley-trigger="keyup"></textarea>
                                  <div class='form-tooltip'>
                                    <div class="arrow-tips">
                                      <p>Use 1-5 words.For the best results, give a general description first, followed by materials and any other relevant details. For example:</p>
                                      <ul>
                                          <li>Basketball</li>
                                          <li>T-shirts, cotton, men's</li>
                                          <li>Table, wood, antique</li>
                                          <li>Ball bearings, steel</li>
                                      </ul> 
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="unit_of_measurement">Unit of Measure *</label>
                                  <small>How is this product packaged or sold?</small>
                                  <select name="unit_of_measurement"  id="unit_of_measurement" class="form-control" data-parsley-required data-parsley-group="invoice-step">
                                    <option value="" selected >Select One </option>
                                    @foreach($unitsOfMeasure as $unit)
                                      <option value="{{$unit}}">{{$unit}}</option>
                                    @endforeach
                                  </select>
                                </div>
                                <div class="form-group">
                                  <label for="unit_value">Customs Value *</label>
                                  <small>Value of a single unit, as packaged.</small>
                                  <div class="row">
                                    <div class="col-lg-8 col-12">
                                        <input type="text" class="form-control" name="unit_value" id="unit_value" data-parsley-required data-parsley-group="invoice-step" data-parsley-maxlength="12" data-parsley-trigger="keyup" data-parsley-type-step="0.01" data-parsley-min="0.1" data-parsley-type="number"/>
                                        <div class='form-tooltip'>
                                          <div class="arrow-tips">
                                            <p>Note: Undervaluing goods can delay or block your shipment and may lead to penalties or fines.</p>                                                    
                                          </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4 col-12">
                                      <select name="unit_currency"  id="unit_currency" class="form-control"  data-parsley-required data-parsley-group="invoice-step">
                                        <option value="" selected disabled>Select One </option>
                                        <option value="CAD" >CAD</option>  
                                        <option value="USD" >USD</option> 
                                      </select>
                                      <label class="selected_cur_unit_lbl" id="selected_cur_unit_lbl_id" style="display: none"></label>
                                    </div>
                                  </div>
                                </div>
                                <div class="form-group">
                                  <label for="exampleFormControlTextarea1">Country of Origin *</label>
                                  <small>Where was this product made or assembled?</small>
                                  <select name="country_id" id="country_id" class="form-control" data-parsley-required data-parsley-group="invoice-step">
                                    <option value=''>Select Country</option>
                                    @foreach($countries as $key => $value)
                                      @if($value != '')
                                        <option value="{{ $value->id }}" data-code="{{$value->iso2}}">{{ $value->name }}</option>
                                      @endif
                                    @endforeach
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="col-12 col-lg-6">
                            <div id="accordion-1">
                                <div class="card">
                                  <div class="card-header" id="heading-1-1">
                                    <h5 class="mb-0">
                                      <a class="" role="button" data-toggle="collapse" href="#collapse-1-1" aria-expanded="false" aria-controls="collapse-1-1">
                                      <i class="fa fa-info-circle tip-style"></i>Ship Tip: Get import cost estimates in advance with harmonized tariff codes.
                                      </a>
                                    </h5>
                                  </div>
                                  <div id="collapse-1-1" class="collapse show" data-parent="#accordion-1" aria-labelledby="heading-1-1">
                                    <div class="card-body">

                                      <p>With UPS as your global customs broker, tariff codes are assigned or verified for every item we ship that is saved in your parts catalogue. From then on, estimated duties and taxes are automatically provided.</p>
                                      <br><p>The Harmonized Tariff Schedule (HTS) is a global standard for import and export processing. Your products' HTS codes help expedite customs clearance of your shipments.</p>
                                      <br><p>If you know the tariff code for your product already, enter it here.</p>
                                      <br><div class="form-group">
                                        <label>Harmonized Tariff Code Number  </label>
                                        <input type="text" class="form-control" id="harmonized_tariff_code" name="harmonized_tariff_code" data-parsley-group="invoice-step" data-parsley-maxlength="12" data-parsley-trigger="keyup"/>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div> 
                            </div>
                          </div>
                          
                            <div class="row">
                              <div class="col-lg-6 col-12">
                                    <div class="form-group">
                                      <label for="exampleFormControlTextarea1" class="mt-4" style="padding-top: 5px;">Save Product as *</label>
                                      <select name="product_type" id="product_type" class="form-control" data-parsley-required data-parsley-group="invoice-step">
                                          <option value="" selected >Select One </option>
                                          <option value="ASIN" >ASIN</option>  
                                          <option value="Product Name/Part Number" >Product Name/Part Number</option> 
                                          <option value="UPC/EAN" >UPC/EAN</option> 
                                      </select>
                                    </div>
                              </div>
                              <div class="col-lg-6 col-12">
                                  <div class="form-group">
                                    <label>Product ID *</label>
                                    <small>Primary Identifier, sent to Customs</small>
                                    <input type="text" class="form-control" name="product_identification_no" id="product_identification_no"  data-parsley-required data-parsley-group="invoice-step" data-parsley-maxlength="100" data-parsley-trigger="keyup"/>
                                  </div>
                              </div>
                            </div>
                          <div class="row mt-2">
                              <div class="col-12">
                                  <h3 class="h3-withline">Shipment Details *</h3>
                                  <div class="form-group">
                                    <label>Number of Units (Quantity)  </label>
                                    <small>How many units of this product are you shipping?</small>
                                    <input type="text" class="form-control" name="quantity" id="quantity" data-parsley-required data-parsley-group="invoice-step"  data-parsley-type="digits" data-parsley-maxlength="7" data-parsley-min="1" data-parsley-trigger="keyup"/>
                                  </div>
                              </div>
                          </div>
                          <div class="row mt-2">
                              <div class="col-12">
                                  <h3 class="h3-withline">Packing List</h3>
                                  <div class="form-group">
                                    <label>Packing Note  </label>
                                    <input type="text" class="form-control" name="packaging_note" id="packaging_note" />
                                  </div>
                              </div>
                          </div>

                          <div class="row mt-2">
                            <div class="col-12">
                              <div class="add-pro-more">
                                <!-- <a href="javascript:void(0);"> <i class="fa fa-plus-circle"></i> Add Additional Product</a> -->
                                <a href="javascript:void(0);" id="save_product_btn"> <i class="fa fa-save"></i> Save</a>
                                <a href="javascript:void(0);" id="update_product_btn" style="display: none"> <i class="fa fa-save"></i> Update</a>
                                <a href="javascript:void(0);" id="cancel_product_btn"> <i class="fa fa-xmark"></i> Cancel</a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                  </div>
                  <div class="card">
                      <div class="card-header" id="faqhead4">
                          <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq4"
                          aria-expanded="true" aria-controls="faq4">Additional Comments</a>
                      </div>
                      <div id="faq4" class="collapse" aria-labelledby="faqhead4" data-parent="#faq">
                          <div class="card-body">
                            <div class="row">
                                <div class="col-12 col-lg-12"> 
                                  <div class="form-group">
                                    <label>Additional Comments</label>
                                    <input type="text" class="form-control" name="additional_comment"/>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                  </div>
                  <div class="card">
                      <div class="card-header" id="faqhead5">
                          <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq5"
                          aria-expanded="true" aria-controls="faq5">Select Declaration Statement</a>
                      </div>
                      <div id="faq5" class="collapse" aria-labelledby="faqhead5" data-parent="#faq">
                          <div class="card-body">
                            <div class="row">
                                <div class="col-12 col-lg-12"> 
                                  <div class="form-group">
                                    <label>Declaration Statement</label>
                                    <select name="declaration_statement" class="form-control">
                                      <option value="" selected disabled>Select One</option>
                                      <option value="NONE" >NONE</option>
                                      <option value="EEA" >EEA</option>
                                      <option value="Standard" >Standard</option>
                                      <option value="I want to write my own" >I want to write my own</option>
                                    </select>
                                  </div>
                                </div>
                            </div>
                          </div>
                      </div>
                  </div>
                  <div class="card">
                      <div class="card-header" id="faqhead6">
                          <a href="#" class="btn btn-header-link collapsed" data-toggle="collapse" data-target="#faq6"
                          aria-expanded="true" aria-controls="faq6">Invoice Total Amount</a>
                      </div>
                      <div id="faq6" class="collapse" aria-labelledby="faqhead6" data-parent="#faq">
                          <div class="card-body">
                            <div class="row">
                                <!-- <div class="col-12 col-lg-12"> 
                                  <p class="mb-3"><strong>Total Packages: 1</strong></p>
                                </div> -->
                                <div class="col-12 col-lg-6">
                                  <div class="form-group">
                                    <label>Discount/Rebate</label>
                                    <input type="text" class="form-control" name="discount_amount" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup" data-parsley-type-step="0.01" data-parsley-min="0" data-parsley-type="number"/>
                                  </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                  <div class="form-group">
                                    <label>Freight Charges</label>
                                    <input type="text" class="form-control" name="freight_charges" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup" data-parsley-type-step="0.01" data-parsley-min="0" data-parsley-type="number"/>
                                  </div>
                                </div>
                                <div class="col-12 col-lg-12">
                                  <div class="form-group">
                                    <label>Insurance</label>
                                    <input type="text" class="form-control" name="insurance_amount" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup" data-parsley-type-step="0.01" data-parsley-min="0" data-parsley-type="number"/>
                                  </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                  <div class="form-group">
                                    <label>Other Charges</label>
                                    <input type="text" class="form-control" name="other_charges" id="other_charges" data-parsley-group="invoice-step" data-parsley-maxlength="15" data-parsley-trigger="keyup" data-parsley-type-step="0.01" data-parsley-min="0" data-parsley-type="number"/>
                                  </div>
                                </div>
                                <div class="col-12 col-lg-6">
                                  <div class="form-group">
                                    <label>If there are other charges, please specify. <span id="other_charge_req_span" style="display: none">*</span></label>
                                    <input type="text" class="form-control" name="other_charges_comment" data-parsley-group="invoice-step" data-parsley-maxlength="35" data-parsley-trigger="keyup"/>
                                  </div>
                                </div>
                                <div class="col-12 col-lg-12">
                                  <p class="mt-2"><strong>Total Invoice Amount: <label id="total_amount_lbl">1</label> <label class="selected_cur_unit_lbl"></label> </strong></p>
                                  <input type="hidden" name="total_invoice_amount" value="5000">
                                </div>
                            </div>
                          </div>
                      </div>
                  </div>
                </div>
              </div>
            </div>
            <div class=" ref-link-div legend-style" id="attach_my_own_to_shipment" style="display:none">
              <span class="legend-text">Attach My Own To Shipment</span> 
              <div class="row" style="    padding: 12px 12px 25px;">
              <div class="col-12 col-lg-6">
                <div class="form-group">
                  <label for="exampleFormControlFile1">Upload document as per the reference link</label> 
                  <input type="file" class="form-control-file" id="invoice_pdf" data-parsley-required data-parsley-group="invoice-pdf-file" data-parsley-max-file-size="300" accept="application/pdf">
                </div>
              </div>
              <div class="col-12 col-lg-6">
                  <div class="ref-link"><a href="customerportal/pdf/invoice_1.pdf" target="_blank"><i class="fa fab fa-download"></i>Download the refernce file, fill the document and upload.</a></div>
              </div>
              </div>
            </div>
            <input type="hidden" id="invoiceId" name="invoiceId">
            <input type="button" name="previous" class="previous action-button btn-1" value="Previous" />
            <input type="button" name="next" class="next action-button btn-1" value="Continue" id="invoice-next"/>
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets invoice end-->

          <!-- fieldsets payment Start-->
          <fieldset class="shipment_payment">
            <input  type="hidden"  class="step-valid" value="false" name="step-valid">
             <div class="review">
                <div class="row">
                  <div class="col-12 col-lg-4">
                    @include('customerportal.shippmentinfo.shippment-from-address',['edit' => 1])
                  </div>
                  <div class="col-12 col-lg-4">
                    @include('customerportal.shippmentinfo.shippment-to-address',['edit' => 1])
                  </div>
                  <div class="col-12 col-lg-4">
                      @include('customerportal.shippmentinfo.shippment-return-address',['edit' => 1])
                  </div>
                </div>
              </div>
              @include('customerportal.shippmentinfo.shipment-info',['payment'=>0])
            <h2 class="fs-title">How would like to pay? </h2>
            <h3 class="fs-subtitle">* Indicates required field </h3>
              @include('customerportal.shippmentinfo.payment-detail')              
            <input type="button" name="previous" class="previous action-button btn-1" value="Previous" />
            <input type="button" name="next" class="next action-button btn-1"  value="Continue" id="make_payment_Process"/>
            <input type="button" name="cancel" class="action-button btn-1 moveHomePage" value="Cancel Shipment" />
          </fieldset>
          <!-- fieldsets payment Start-->

          <!-- fieldsets Review Start-->
          <fieldset>
          <input  type="hidden"  class="step-valid" value="true" name="step-valid">
            <h2 class="fs-title">Let's make sure everything is in order</h2>
            <div class="shipping-form">
              <div class="review">
                <h3>Where</h3>
                <div class="row">
                  <div class="col-12 col-lg-4">
                    @include('customerportal.shippmentinfo.shippment-from-address',['edit' => 0])
                  </div>
                  <div class="col-12 col-lg-4">
                    @include('customerportal.shippmentinfo.shippment-to-address',['edit' => 0])
                  </div>
                  <div class="col-12 col-lg-4">
                      @include('customerportal.shippmentinfo.shippment-return-address',['edit' => 0])
                  </div>
                </div>
              </div>
              @include('customerportal.shippmentinfo.shipment-info',['payment'=>1])
            </div>
          <!--   <input type="button" name="previous" class="previous action-button btn-1" value="Previous" /> -->
            <input type="button" name="next" class="next action-button btn-1" value="Continue"  />
          </fieldset>
          <!-- fieldsets payment Start-->
          <fieldset>
            <div class="shipping-form">
              <h1 class="tanks-message">Thank you for Shipping with {{ env('APP_NAME') }}</h1>
            </div>
            <div class="text-center">
            <button type="button" name="Finish" class="action-button btn-1 moveHomePage" value="Finish" />Finish</button>
            </div>
          </fieldset>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- Create New Shipment end -->

@section('javascript')

@include('includes.portal-script')
<script type="text/javascript"> 
  var fromAddressObj = '';
  var toAddressObj = '';
</script>
<script type="text/javascript" src="{{ APP_ROOT.'js/get-data.js' }}"></script>
<script type="text/javascript" src="{{ APP_ROOT.'js/creditCardValidator.js' }}"></script>
<script type="text/javascript" src="{{ FECUSTOMER_URL.'js/shippment.js'}}"></script>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=places,geometry,drawing&amp;key=AIzaSyBED-OKHkZ4W5lMuMrAm1VamJRJsYcnQgE"></script>

<script type="text/javascript"> 
   shipmentServiceId = "{{Session::get('serviceTypeId')}}"; 
   window.onload = resetFrom('shippment-form-id');

   function initialize() {
      var input = document.getElementById('from-address-select');
      var autocomplete = new google.maps.places.Autocomplete(input);
      google.maps.event.addListener(autocomplete, 'place_changed', function () {
          var place = autocomplete.getPlace();
          fromAddressObj = setAddressObject(place);
          console.log(place)
          $('#OriginCountry option[data-code='+fromAddressObj.country_code+']').prop('selected',true);
          $('#OriginCountry').trigger('change');
          $('#from_postal_code').val(fromAddressObj.postal_code);
          $('#from-address-select').val(fromAddressObj.name);
      });

      var input2 = document.getElementById('to-address-select');
      var autocomplete2 = new google.maps.places.Autocomplete(input2);
      google.maps.event.addListener(autocomplete2, 'place_changed', function () {
          var place2 = autocomplete2.getPlace();
          toAddressObj = setAddressObject(place2);
          $('#OriginCountry2 option[data-code='+toAddressObj.country_code+']').prop('selected',true);
          $('#OriginCountry2').trigger('change');
          $('#to_postal_code').val(toAddressObj.postal_code);
          $('#to-address-select').val(toAddressObj.name);
      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);

    $(window).keyup(function(e){
      if(e.which == 13){
        event.preventDefault();
        return false;
      }
    });

 </script>

<script>
  $(document).ready(function() {
	
  });
</script>
@stop
@endsection