@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark
	{
		color: red;
	}
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary{
		border: 1px solid #00c0ef;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}	
	.my-current
	{
		color: #00c0ef;
	}
	.hidden-msg {
		display: none;
	}
	.rateResponseSuccess, .rateResponseError {		
		position: fixed;
		bottom: 0;
		width: 100%;
		text-align: center;
		max-width: 800px;
		z-index: 999;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
  <section class="content-header">
    <h1> {{ trans('Create Shipping') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Create Shipping') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData 	= userRoleData();
		$Opportunities		= explode(",",$getUserRoleData->Opportunities);
		$Accounts			= explode(",",$getUserRoleData->Accounts);
	@endphp
	    <div class="row">
      <div class="col-md-12">
        <div class="box box-info">
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
							<div class="alert alert-success alert-dismissible">
							   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
							   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
								{{ session()->get('message') }}
							</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">
						 @if(in_array("Add",$Opportunities ))						 	
                        	{!! Form::open(array('url' =>'admin/create-shipping-from-opportunities-data', 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'createShippingData', 'enctype'=>'multipart/form-data')) !!}
                         		<input type="hidden" name="ship_from_name" value="{{$result['leadsData']->services_provider}}" id="ship_from_name">
                         		<input type="hidden" name="op_id" value="{{$result['leadsData']->id}}" id="op_id">
                         		<input type="hidden" name="type" value="opportunities" id="type">
                         		<div class="row">
	                          		<div class="clearfix"></div>
							 		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Ship From</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
							 		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="services_id" class="control-label">{{ trans('Services') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select class="form-control selectpicker services_id" name="services_id" id="services_id" data-live-search="true" required="">
													<option value="">-- Choose --</option>														
													@if(count((array) $result['services'])>0)
														@foreach($result['services'] as $key => $iValue)
																														<option value="{{$iValue->id}}" {{$servicesSelected}}>{{$iValue->name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
	                          		</div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_phone_number" class="control-label">{{ trans('Phone Number') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_phone_number',  $result['leadsData']->services_phone_number, array('class'=>'form-control', 'id'=>'ship_from_phone_number', 'required'=>'required', 'maxlength'=>'10')) !!}
											</div>
		                                </div>
		                            </div>	
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_email_address" class="control-label">{{ trans('Email Address') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_email_address',  'shipment@servercenter.ca', array('class'=>'form-control', 'id'=>'ship_from_email_address', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>	
	                          		<div class="clearfix"></div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_address" class="control-label">{{ trans('Address') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_address',  $result['ship_from_address'], array('class'=>'form-control', 'id'=>'ship_from_address', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_country_code" class="control-label">{{ trans('Country') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="ship_from_country_code" id="ship_from_country_code" class="form-control" required="">
													<option value="">Choose Country</option>
													@if(count((array) $result['country_data'])>0)
														@foreach ($result['country_data'] as $key => $value)
																														<option value="{{$value->countries_iso_code_2}}" {{$pcSelected}}>{{$value->countries_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
		                            </div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_province" class="control-label">{{ trans('Province') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="ship_from_province" id="ship_from_province" class="form-control" required="">
													<option value="">Choose Province</option>
													 @if(count((array) $result['zone_dataf'])>0)
														@foreach ($result['zone_dataf'] as $key => $value)
																														<option value="{{$value->zone_code}}" {{$pprovinceSelected}}>{{$value->zone_name}}</option>
														@endforeach
													@endif 
												</select>
											</div>
		                                </div>
		                            </div>		
	                          		<div class="clearfix"></div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_city" class="control-label">{{ trans('City') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_city',  $result['ship_from_city'], array('class'=>'form-control', 'id'=>'ship_from_city', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_postal_code" class="control-label">{{ trans('Postal Code') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_postal_code',  $result['ship_from_postal_code'], array('class'=>'form-control', 'id'=>'ship_from_postal_code', 'required'=>'required', 'maxlength'=>'7')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_from_postal_code" class="control-label">{{ trans('Model Number') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_from_model_number',  '', array('class'=>'form-control', 'id'=>'ship_from_model_number', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
		                            <div class="clearfix"></div>
	                          		<hr class="hr-primary" />
	                          		<div class="clearfix"></div>
	                          		<br>
	                          		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Ship To</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_name" class="control-label">{{ trans('Name') }} <span class="required-mark">*</span></label>
											</div>
																						<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_name',  $ship_to_name, array('class'=>'form-control', 'id'=>'ship_to_name', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_contact_name" class="control-label">{{ trans('Contact Name') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_contact_name',  $ship_to_name, array('class'=>'form-control', 'id'=>'ship_to_contact_name', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_email_address" class="control-label">{{ trans('Email Address') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_email_address',  $result['leadsData']->customers_email_address, array('class'=>'form-control', 'id'=>'ship_to_email_address', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>	
	                          		<div class="clearfix"></div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_phone_number" class="control-label">{{ trans('Phone Number') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_phone_number',  $result['leadsData']->customers_telephone, array('class'=>'form-control', 'id'=>'ship_to_phone_number', 'required'=>'required', 'maxlength'=>'10')) !!}
											</div>
		                                </div>
		                            </div>							 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_address" class="control-label">{{ trans('Address') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_address',  $result['leadsData']->other_address, array('class'=>'form-control', 'id'=>'ship_to_address', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>	
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_country_code" class="control-label">{{ trans('Country') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="ship_to_country_code" id="ship_to_country_code" class="form-control" required="">
													<option value="">Choose Country</option>
													@if(count((array) $result['country_data'])>0)
														@foreach ($result['country_data'] as $key => $value)
																														<option value="{{$value->countries_iso_code_2}}" {{$pcSelected}}>{{$value->countries_name}}</option>
														@endforeach
													@endif
												</select>
											</div>
		                                </div>
		                            </div>	
	                          		<div class="clearfix"></div>
		                            <div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_province" class="control-label">{{ trans('Province') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="ship_to_province" id="ship_to_province" class="form-control" required="">
													<option value="">Choose Province</option>
													 @if(count((array) $result['zone_data'])>0)
														@foreach ($result['zone_data'] as $key => $value)
																														<option value="{{$value->zone_code}}" {{$pprovinceSelected}}>{{$value->zone_name}}</option>
														@endforeach
													@endif 
												</select>
											</div>
		                                </div>
		                            </div>						 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_city" class="control-label">{{ trans('City') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_city',  $result['leadsData']->o_city, array('class'=>'form-control', 'id'=>'ship_to_city', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div> 		
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="ship_to_postal_code" class="control-label">{{ trans('Postal Code') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('ship_to_postal_code',  $result['leadsData']->o_postal_code, array('class'=>'form-control', 'id'=>'ship_to_postal_code', 'required'=>'required', 'maxlength'=>'7')) !!}
											</div>
		                                </div>
		                            </div>
		                            <div class="clearfix"></div>
	                          		<hr class="hr-primary" />
	                          		<div class="clearfix"></div>
	                          		<br>
	                          		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Package Information</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_description" class="control-label">{{ trans('Package Description') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('package_description',  '1 STB', array('class'=>'form-control', 'id'=>'package_description', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_length" class="control-label">{{ trans('Length') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('package_length',  '17', array('class'=>'form-control', 'id'=>'package_length', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_width" class="control-label">{{ trans('Width') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('package_width',  '13', array('class'=>'form-control', 'id'=>'package_width', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
		                            <div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_height" class="control-label">{{ trans('Height') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('package_height',  '1', array('class'=>'form-control', 'id'=>'package_height', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_weight" class="control-label">{{ trans('Weight') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('package_weight',  '1', array('class'=>'form-control', 'id'=>'package_weight', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_unit" class="control-label">{{ trans('Unit') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="package_unit" id="package_unit" data-live-search="true" class="form-control selectpicker" required="">
													<option value="LBS" selected="">LBS</option>
												</select>
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="type_of_currency" class="control-label">{{ trans('Currency') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="type_of_currency" id="type_of_currency" data-live-search="true" class="form-control selectpicker" required="">
													<option value="CAD">CAD</option>
													<option value="USD">USD</option>
												</select>
											</div>
		                                </div>
		                            </div>
		                            <div class="clearfix"></div>
	                          		<hr class="hr-primary" />
	                          		<div class="clearfix"></div>
	                          		<br>
	                          		<div class="col-md-2">
		                                <strong style="color: #00c0ef;">Product Information</strong>
	                          		</div>
	                          		<div class="clearfix"></div>
	                          		<div class="col-md-4">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="product_description" class="control-label">{{ trans('Product Description') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('product_description',  '1 STB Power Adapter Remote andHDMI', array('class'=>'form-control', 'id'=>'product_description', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="package_unit" class="control-label">{{ trans('No of product') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="no_of_products" id="no_of_products" data-live-search="true" class="form-control selectpicker" required="">
																										<option value="1">1</option>
																									<option value="2">2</option>
																									<option value="3">3</option>
																									<option value="4">4</option>
																									<option value="5">5</option>
																									<option value="6">6</option>
																									<option value="7">7</option>
																									<option value="8">8</option>
																									<option value="9">9</option>
																									<option value="10">10</option>
																								</select>
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="product_value" class="control-label">{{ trans('Product Value') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												{!! Form::text('product_value',  '60', array('class'=>'form-control', 'id'=>'product_value', 'required'=>'required')) !!}
											</div>
		                                </div>
		                            </div>
	                          		<div class="col-md-2">
		                                <div class="form-group">
											<div class="col-sm-3 col-md-12">
												<label for="type_of_packet" class="control-label">{{ trans('Type of packet') }} <span class="required-mark">*</span></label>
											</div>
											<div class="col-sm-4 col-md-12">
												<select name="type_of_packet" id="type_of_packet" data-live-search="true" class="form-control selectpicker" required="">
													<option value="Box">Box</option>
												</select>
											</div>
		                                </div>
		                            </div>
		                          	<div class="col-md-12">
										<div class="box-footer text-center">
											<button type="submit" class="btn btn-primary">{{ trans('Create Shipping') }}</button>
											<!-- <button type="button" id="clicks" class="btn btn-primary">{{ trans('click Here') }}</button> -->
											<a href="../opportunities" type="button" class="btn btn-default">{{ trans('labels.back') }}</a>
										</div>
									</div>
                           		</div>
                        	{!! Form::close() !!}	                       
						@else
							<p> <strong>Please contact with SuperAdmin</strong></p>
						@endif
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	<div class="alert alert-success hidden-msg rateResponseSuccess"></div>
	<div class="alert alert-danger hidden-msg rateResponseError"></div>
  </section>
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script>
	$('.selectpicker').selectpicker();

	  $( function() {

		$( "#customers_dob" ).datepicker({ 
			dateFormat: 'yy-mm-dd',
			minDate: 0,
			autoclose: true,
		}).val();

	  } );		

  </script>
<script type="text/javascript">
	
	// Alphabets Only
	$.validator.addMethod("alpha", function(value, element) {
		return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
	});	
	
	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
	});
	
	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
	});
	
	// File Size Validation
	jQuery.validator.addMethod("filesize_max", function(value, element, param) {
		var isOptional = this.optional(element),
			file;

		if(isOptional) {
			return isOptional;
		}
		if ($(element).attr("type") === "file") {

			if (element.files && element.files.length) {

				file = element.files[0];            
				return ( file.size && file.size <= param ); 
			}
		}
		return false;
	}, "File size is too large.");

	jQuery.validator.addMethod("postaCode", function(value, element) {
    	return this.optional(element) || /^(\d{5}(-\d{4})?|[A-Z]\d[A-Z] ?\d[A-Z]\d)$/.test(value);
	}, "Please enter valid postal code");
	
	$( "#createShippingData" ).validate( {
			rules: {
				ship_from_postal_code: {
					required: true,
					postaCode: true,
					maxlength: 7
				},
				ship_to_postal_code: {
					required: true,
					postaCode: true,
					maxlength: 7
				},
			},
			messages: {
				ship_from_postal_code: {
					required: "Please enter postal code",
					maxlength: "Postal code not allow more than 6",
				},
				ship_to_postal_code: {
					required: "Please enter postal code",
					maxlength: "Postal code not allow more than 6",
				},
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );	
</script>
<script type="text/javascript">	
	$( "#same_as_primary_address" ).on( "click", function() {
		//$('#same_as_primary_address').is(":checked");
		if ($('#same_as_primary_address').is(":checked") == true) {			
			//console.log($('#same_as_primary_address').is(":checked"));
			$("#other_address").val($("#primary_address").val());
			$("#o_city").val($("#p_city").val());
			$("#o_state").val($("#p_state").val());
			$("#o_postal_code").val($("#p_postal_code").val());
			$("#o_country").val($("#p_country").val());
		} else {
			//console.log($('#same_as_primary_address').is(":checked"));
			$("#other_address").val("");
			$("#o_city").val("");
			$("#o_state").val("");
			$("#o_postal_code").val("");
			$("#o_country").val("");
		}
	});
</script>
<script type="text/javascript">	
	$("#services_id").change(function(){
		var services_id = $(this).find(":selected").val();
		/*alert(services_id);
		return false;		*/	
		$.ajax({
			url: "{{ URL('admin/get-services-phone-number') }}",
			type: "POST",
			data: '&services_id='+services_id,
			success: function (data) {
				var res = $.parseJSON(data);				
				//console.log(res);
				//return false;
				$('#ship_from_phone_number').val(res.phone_no);
				$('#ship_from_name').val(res.servicesName);
			},
		});
	});
</script>    
<script type="text/javascript">	
	$("#ship_from_country_code").change(function(){
		var ship_from_country_code = $(this).find(":selected").val();
		//alert(ship_from_country_code);
		//return false;			
		$.ajax({
			url: "{{ URL('admin/get-province') }}",
			type: "POST",
			data: {country_code: ship_from_country_code, sf: '1', st: ''},
			success: function (data) {
				$('#ship_from_province').html(data);
			},
		});
	});
</script>    
<script type="text/javascript">	
	$("#ship_to_country_code").change(function(){
		var ship_to_country_code = $(this).find(":selected").val();
		//alert(ship_to_country_code);
		//return false;			
		$.ajax({
			url: "{{ URL('admin/get-province') }}",
			type: "POST",
			data: {country_code: ship_to_country_code, sf: '', st: '1'},
			success: function (data) {
				$('#ship_to_province').html(data);
			},
		});
	});
</script>    
<!-- ./end of js scripts -->
<script type="text/javascript">	
	jQuery('#ship_from_postal_code').keyup(function() {
		$(this).val($(this).val().toUpperCase());
	});
	jQuery('#ship_to_postal_code').keyup(function() {
		$(this).val($(this).val().toUpperCase());
	});
</script>
<script type="text/javascript">	
	$( window ).on( "load", function() {
	//$( '#clicks' ).on( "click", function() {
		/*var form = $('#createShippingData')[0]; // You need to use standard javascript object here
		var formData = new FormData(form);*/
		var formData = $('#createShippingData').serialize();
		//console.log(formData);

		$.ajax({
			url: '{{URL("admin/get-rate-from-ups")}}',
			type: "POST",
			data: formData,
			//data: dataString,
			success: function (data) {
				//alert('result Here');
        console.log(data);
				var dataRes = JSON.parse(data);
				console.log(data + " Mera Result");
				console.log(dataRes.discountedPrice);
				if (dataRes.rateResponse == '1') {
					$('.rateResponseSuccess').show().text(dataRes.discountedPrice);
				} else {
					$('.rateResponseError').show().text('Error! Please try again');
				}
			},
		});
	});
</script>
@endsection