@extends('layouts.master-voyo')
<!-- header -->
@section('header')
<link rel="stylesheet" href="{{ URL::asset('site/css/events/bootstrap-responsive.css') }}">
<link rel="stylesheet" href="{{ URL::asset('site/css/custom.css')}}">
<script>
    // Default country code to implement with jQuery intlTelInput plugin
    // Code is inside of member.js
    var default_country_code = "{{ strtolower(trim(explode('/', $member->Countries->iso_code)[0])) }}";
</script>
<style>
    .fv-form-bootstrap .fv-icon-no-label, .form-control-feedback {
        right: 10px;
    }
</style>
@stop 
<!-- content -->
@section('content')
<header class="titlebar titlebar1">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title pull-left page-title1">{{ trans('site.Dashboard') }}</h1>
                <ol class="breadcrumb pull-right">
                    <li><a href="{{ url('member/dashboard') }}">{{ trans('site.Dashboard') }}</a></li>
                    <li class="active">{{ trans('dashboard.Shipping_Details') }}</li>
                </ol>
            </div>
        </div>
    </div>
</header>
<!-- END Page Header -->


    @include('components.userstatus',[
        'type' =>'alert-warning'
    ])

<section class="shop-section account section-4" id="shipping">
    <div class="container">

        @include('page_info')

        <div class="row mb35">
            <div class="col-sm-5 col-md-3 xs-box member_nav list-group">
                <!-- Nav tabs -->
                @include('member._partials.sidebar')
            </div>

            <div class="col-sm-7 col-md-9">
                @if (count($errors) > 0)
                    <div class="alert alert-danger alert-dismissable">
                        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>           
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif              
                <div id="shipping">

                    <div class="">
                        {!! Form::model($member->MemberBilling, ['method' => 'PATCH', 'action' => ['MemberController@updateBilling'], 'class' => 'form-horizontal', 'id' => 'billingForm', 'files' => true]) !!}
                            <div class="col-sm-12 col-md-6 sm-box">
                                <h3 class="main-title mb20">{{ trans('dashboard.Billing_Address') }}</h3>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.Block_No') }}
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('block',null, ['class' => 'form-control', 'id' => 'b_block']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.Street_Name') }} <span class="required">*</span> 
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('street',null, ['class' => 'form-control', 'id' => 'b_street']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.Unit_No') }}<span class="required">*</span> 
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('unit',null, ['class' => 'form-control', 'id' => 'b_unit']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.Building_Name') }} {{-- <span class="required">*</span> --}} 
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('building',null, ['class' => 'form-control', 'id' => 'b_building']) !!}
                                    </div>
                                </div>
                                <!-- Select country Testing -->
                                
                                <div>
                                    <label for="country_id">{{ trans('checkout.Country') }}<span class="form-required"> *</span></label>
                                    {{-- billing country --}}
                                    {!! Form::select('country', $countries, $member->MemberBilling ? $member->MemberBilling->country : 193, ['class' => 'chosen-select selectcategory form-control', 'id' => 'b_country', 'data-placeholder' => 'Choose a Country...']) !!}
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.City') }} <span class="required">*</span> 
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('city', null, ['class' => 'form-control', 'id' => 'b_city']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.State') }} <span class="required">*</span> 
                                    </label>
                                    <div class="col-sm-12">
                                        {!! Form::text('state',null, ['class' => 'form-control', 'id' => 'b_state']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-12">
                                        {{ trans('checkout.Postal_Code') }} <span class="required">*</span>
                                    </label> 
                                    <div class="col-sm-12">
                                        {!! Form::text('postal',null, ['class' => 'form-control', 'id' => 'b_postal']) !!}
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="pull-right">
                                        <button type="submit" class="btn btn-new m-right rounded">{{ trans('account.Submit') }} <span class="loader" style="display: none"></button>
                                    </div>
                                </div>  
                            </div>     
                        {!! Form::close() !!}
                        <div class="col-sm-12 col-md-6 sm-box">
                            <h3 class="main-title mb20">{{ trans('dashboard.Delivery_Address') }}
                                {{-- # Hide temporary --}}
                                {{-- <a class="btn btn-new btn-sm pull-right" data-toggle="modal" href='#addDelivery' id="add-btn"><i class="fa fa-plus"></i></a> --}}
                            </h3> 
                            <div class="panel-group" id="accordion">
                                @if(count($member->MemberShipping)>0)
                                    @foreach($member->MemberShipping as $key => $shipping)
                                        {!! Form::model($shipping, ['method' => 'PATCH', 'action' => ['MemberController@updateShipping',$shipping->id], 'class' => 'form-horizontal delivery', 'id' => 'shippingForm', 'files' => true]) !!}                                    
                                            <div class="panel panel-default">
                                                {{-- # hide temporary --}}
                                                {{-- <div class="panel-heading">
                                                    <h4 class="panel-title mb0">
                                                        <a data-toggle="collapse" data-parent="#accordion" href="#collapse{{$key}}">
                                                            Delivery Address 
                                                            <span class="default-status">
                                                                @if($shipping->default_address)
                                                                    ( default ) 
                                                                @endif
                                                            </span>
                                                        </a>
                                                    </h4>
                                                </div> --}}
                                                <div id="collapse{{$key}}" 
                                                    class="panel-collapse collapse {{ $key == 0 ? 'in' : ''}} "
                                                >
                                                    <div class="panel-body">
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {!! Form::checkbox('same_billing',null,false, ['class' => 'same_billing']) !!}       
                                                                {{ trans('dashboard.Same_as_Billing_Address') }} <span class="required">*</span>
                                                            </label>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Block_No') }}
                                                            </label>
                                                            <div class="col-sm-12">
                                                                {!! Form::text('block', $shipping->block , ['class' => 'form-control s_block', 'id' => 's_block_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Street_Name') }} <span class="required">*</span>
                                                            </label>
                                                            <div class="col-sm-12">
                                                                {!! Form::text('street',$shipping->street, ['class' => 'form-control s_street', 'id' => 's_street_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Unit_No') }} <span class="required">*</span>
                                                            </label> 
                                                            <div class="col-sm-12">
                                                                {!! Form::text('unit',$shipping->unit , ['class' => 'form-control s_unit', 'id' => 's_unit_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Building_Name') }} 
                                                            </label>   
                                                            <div class="col-sm-12">
                                                                {!! Form::text('building',$shipping->building , ['class' => 'form-control s_building', 'id' => 's_building_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Postal_Code') }}<span class="required">*</span>
                                                            </label>
                                                            <div class="col-sm-12">
                                                                {!! Form::text('postal', $shipping->postal, ['class' => 'form-control', 'id' => 's_postal_1']) !!}
                                                            </div>
                                                        </div>

                                                        <div>
                                                            <label for="s_country_1">{{ trans('checkout.Country') }}<span class="required">*</span> </label>
                                                            {{-- billing country --}}
                                                            {!! Form::select('country', $countries, $shipping->country , ['class' => 'chosen-select selectcategory form-control s_country', 'id' => 's_country_1', 'data-placeholder' => 'Choose a Country...']) !!}
                                                        </div>

                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.State') }} <span class="required">*</span>
                                                            </label>
                                                            <div class="col-sm-12">
                                                                {!! Form::text('state',$shipping->state, ['class' => 'form-control s_state', 'id' => 's_state_1']) !!}
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                               {{ trans('checkout.City') }} <span class="required">*</span>
                                                           </label>
                                                           <div class="col-sm-12">
                                                                {!! Form::text('city',$shipping->city , ['class' => 'form-control s_city', 'id' => 's_city_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                               {{ trans('checkout.Delivery_Contact_Name') }} <span class="required">*</span>
                                                           </label>
                                                           <div class="col-sm-12">
                                                                {!! Form::text('delivery_name',$shipping->delivery_name, ['class' => 'form-control s_delivery_name', 'id' => 's_delivery_name_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="col-sm-12">
                                                                {{ trans('checkout.Delivery_Contact_No') }}
                                                            </label>
                                                            <div class="col-sm-12">
                                                                {!! Form::text('delivery_contact',$shipping->delivery_contact, ['class' => 'form-control s_delivery_contact', 'id' => 's_delivery_contact_1']) !!}
                                                            </div>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="row">
                                                                <div class="pull-right">
                                                                    <a class="btn btn-danger set-default" data-id="{{$shipping->id}}" style="display: {{ $shipping->default_address == 1 ? 'none' : 'inline-blockx' }} ">
                                                                        {{ trans('dashboard.Set_Default_Address') }}
                                                                    </a>
                                                                    @if( $member->MemberShipping->count() > 1 )
                                                                        <a class="btn btn-danger remove" data-id="{{$shipping->id}}">
                                                                            {{ trans('dashboard.Remove') }}
                                                                        </a>
                                                                    @endif
                                                                    <button type="submit" class="btn btn-new m-right rounded">{{ trans('dashboard.Save_Setting') }} <span class="loader" style="display: none">
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>                                                        
                                                    </div>
                                                </div>
                                            </div> <!-- .panel -->
                                        {!! Form::close() !!}                                    
                                    @endforeach
                                @else
                                    {!! Form::open(['method' => 'POST', 'action' => ['MemberController@storeShipping'], 'class' => 'form-horizontal', 'id' => 'shippingNewForm', 'files' => true]) !!}                                    
                                        <div class="panel panel-default">
                                            <div class="panel-heading">
                                                <h4 class="panel-title mb0">
                                                    <a data-toggle="collapse" data-parent="#accordion" href="#collapse">
                                                        {{ trans('dashboard.Delivery_Address') }} 
                                                    </a>
                                                </h4>
                                            </div>
                                            <div id="collapse" 
                                                class="panel-collapse collapse in"
                                            >
                                                <div class="panel-body">
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {!! Form::checkbox('same_billing',null,false, ['class' => 'same_billing']) !!}       
                                                            {{ trans('checkout.Same_as_Shipping_Address') }} <span class="required">*</span>
                                                        </label>
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Block_No') }} <span class="required">*</span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            {!! Form::text('block',null , ['class' => 'form-control s_block', 'id' => 's_block_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Street_Name') }} <span class="required">*</span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            {!! Form::text('street',null, ['class' => 'form-control s_street', 'id' => 's_street_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Unit_No') }} <span class="required">*</span>
                                                        </label> 
                                                        <div class="col-sm-12">
                                                            {!! Form::text('unit',null , ['class' => 'form-control s_unit', 'id' => 's_unit_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Building_Name') }}
                                                        </label>   
                                                        <div class="col-sm-12">
                                                            {!! Form::text('building',null, ['class' => 'form-control s_building', 'id' => 's_building_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Postal_Code') }}<span class="required">*</span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            {!! Form::text('postal',null, ['class' => 'form-control s_postal', 'id' => 's_postal_1']) !!}
                                                        </div>
                                                    </div>

                                                    <div>
                                                        <label for="s_country_1">{{ trans('checkout.Country') }}<span class="required">*</span> </label>
                                                        {{-- billing country --}}
                                                        {!! Form::select('country', $countries,193, ['class' => 'chosen-select selectcategory form-control s_country', 'id' => 's_country_1', 'data-placeholder' => 'Choose a Country...']) !!}
                                                    </div>

                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.State') }} <span class="required">*</span>
                                                        </label>
                                                        <div class="col-sm-12">
                                                            {!! Form::text('state',null, ['class' => 'form-control s_state', 'id' => 's_state_1']) !!}
                                                        </div>
                                                    </div>
                                                    
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                           {{ trans('checkout.City') }} <span class="required">*</span>
                                                       </label>
                                                       <div class="col-sm-12">
                                                            {!! Form::text('city',null , ['class' => 'form-control s_city', 'id' => 's_city_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                           {{ trans('checkout.Delivery_Contact_Name') }} <span class="required">*</span>
                                                       </label>
                                                       <div class="col-sm-12">
                                                            {!! Form::text('delivery_name',null, ['class' => 'form-control s_delivery_name', 'id' => 's_delivery_name_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <label class="col-sm-12">
                                                            {{ trans('checkout.Delivery_Contact_No') }}  <span class="required">*</span> 
                                                        </label>
                                                        <div class="col-sm-12">
                                                            {!! Form::text('delivery_contact',null, ['class' => 'form-control s_delivery_contact', 'id' => 's_delivery_contact_1']) !!}
                                                        </div>
                                                    </div>
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="pull-right">
                                                                <button type="submit" class="btn btn-new m-right rounded">{{ trans('dashboard.Save_Setting') }} <span class="loader" style="display: none">
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </div>                                                        
                                                </div>
                                            </div>
                                        </div> <!-- .panel -->
                                    {!! Form::close() !!}                                  
                                @endif
                            </div> <!-- .panel-group -->
                         </div>
                        <!-- Modal Start -->
                        <div class="modal fade" id="addDelivery" style="z-index: 9999">
                            <div class="modal-dialog modal-lg">
                                {!! Form::open(['method' => 'POST', 'action' => ['MemberController@storeShipping'], 'class' => 'form-horizontal', 'id' => 'shippingNewForm', 'files' => true]) !!}    
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                        <h4 class="modal-title">{{ trans('dashboard.Add_Delivery_Address') }}</h4>
                                    </div>
                                    <div class="modal-body" style="max-height: none">
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {!! Form::checkbox('same_billing',null,false, ['class' => 'same_billing']) !!}       
                                                    {{ trans('dashboard.Same_as_Billing_Address') }} <span class="required">*</span>
                                                </label>
                                            </div>                                    
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Block_No') }}  <span class="required">*</span> 
                                                </label>
                                                <div class="col-sm-12">
                                                    {!! Form::text('block','', ['class' => 'form-control s_block', 'id' => 's_block_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Street_Name') }} <span class="required">*</span> 
                                                </label>
                                                <div class="col-sm-12">
                                                    {!! Form::text('street','', ['class' => 'form-control s_street', 'id' => 's_street_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Unit_No') }} <span class="required">*</span> 
                                                </label> 
                                                <div class="col-sm-12">
                                                    {!! Form::text('unit','', ['class' => 'form-control s_unit', 'id' => 's_unit_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Building_Name') }} 
                                                </label>   
                                                <div class="col-sm-12">
                                                    {!! Form::text('building','', ['class' => 'form-control s_building', 'id' => 's_building_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Postal_Code') }} <span class="required">*</span> 
                                                </label>
                                                <div class="col-sm-12">
                                                    {!! Form::text('postal','', ['class' => 'form-control s_postal', 'id' => 's_postal_1']) !!}
                                                </div>
                                            </div>

                                            <div>
                                                <label for="s_country_1">{{ trans('checkout.Country') }} <span class="required">*</span> </label>
                                                {{-- billing country --}}
                                                {!! Form::select('country', $countries,'193', ['class' => 'chosen-select selectcategory form-control s_country', 'id' => 's_country_1', 'data-placeholder' => 'Choose a Country...']) !!}
                                            </div>

                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.State') }}  <span class="required">*</span> 
                                                </label>
                                                <div class="col-sm-12">
                                                    {!! Form::text('state','', ['class' => 'form-control s_state', 'id' => 's_state_1']) !!}
                                                </div>
                                            </div>
                                            
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                   {{ trans('checkout.City') }}  <span class="required">*</span> 
                                               </label>
                                               <div class="col-sm-12">
                                                    {!! Form::text('city','', ['class' => 'form-control s_city', 'id' => 's_city_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                   {{ trans('checkout.Delivery_Contact_Name') }}  <span class="required">*</span> 
                                               </label>
                                               <div class="col-sm-12">
                                                    {!! Form::text('delivery_name','', ['class' => 'form-control s_delivery_name', 'id' => 's_delivery_name_1']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label class="col-sm-12">
                                                    {{ trans('checkout.Delivery_Contact_No') }}  <span class="required">*</span> 
                                                </label>
                                                <div class="col-sm-12">
                                                    {!! Form::text('delivery_contact','', ['class' => 'form-control s_delivery_contact', 'id' => 's_delivery_contact_1']) !!}
                                                </div>
                                            </div> 
                                    </div>
                                    <div class="modal-footer">
                                        <button type="submit" class="btn btn-default">
                                            {{ trans('dashboard.Save_Setting') }} <span class="loader" style="display: none"></span>
                                        </button>
                                        <button type="button" class="btn btn-gray" data-dismiss="modal">{{ trans('account.Cancel') }}</button>
                                    </div>
                                    </form>   
                                </div>
                            </div>
                        </div>   
                        <!-- Modal End -->
                        </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!-- footer links -->
@include('site.bottom-menu')
@stop
<!-- footer section -->
@section('footer')  
<script type="text/javascript" src="{{ asset('metronic/global/plugins/select2/select2.min.js') }}"></script>
<script type="text/javascript" src="{{ asset('custom/js/validation/shippingForm.js') }}"></script>
<script>
    $('#b_country, #s_country_1, #s_country_2, #s_country_3').select2(); 
</script>

<script type="text/javascript">
    var siteUrl = "{{ url('/') }}"    ;
    (function(){
               
        // Setting all of the js Header with Xcsrf token
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        var AjaxHandler = {
            before: function(self) {
                $(self).find("button[type='submit']").addClass('disabled')
                $(self).find('.loader').show();
            },
            success: function(self) {
                $(self).find("button[type='submit']").removeClass('disabled')
                $(self).find('.loader').hide();
                $(self).find('.Status.alert-info.success').show();
            },
            error: function(self,data) {
                if(data.status==422){
                    var errors = data.responseJSON;
                    for(var e in errors){
                        var error = $(self).find('input[name='+e+']')
                        $(error).closest('div.form-group').addClass('has-error')
                        if(!error.next('span').length){
                            var errorMsg = "<span class='help-block help-block-error'>"+errors[e]+"</span>"
                            $(errorMsg).insertAfter(error);
                        }
                        else{
                            $(error).next('span').empty()
                            $(error).next('span').html(errors[e])
                        }
                        $('.help-block').show();
                    }
                    $(self).find("button[type='submit']").removeClass('disabled') 
                    $(self).find('.loader').hide();                         
                }else{
                    $(self).find("button[type='submit']").removeClass('disabled') 
                    $(self).find('.loader').hide();
                    $('.Status.alert-info.fail').show();
                }
            }
        }

        $('.delivery').submit(function(e){
            e.preventDefault();
            var formUrl = $(this).attr('action')
            var data = { 
                block: $(this).find('input[name="block"]').val(),
                building: $(this).find('input[name="building"]').val(),
                street: $(this).find('input[name="street"]').val(),
                unit: $(this).find('input[name="unit"]').val(),
                city: $(this).find('input[name="city"]').val(),
                state: $(this).find('input[name="state"]').val(),
                country: $(this).find('select[name="country"]').val(),
                postal: $(this).find('input[name="postal"]').val(),
                delivery_name: $(this).find('input[name="delivery_name"]').val(),
                delivery_contact: $(this).find('input[name="delivery_contact"]').val(),
            };
            var self = this;
            $.ajax({
                type: 'patch',
                url: formUrl,
                data: data,
                dataType: 'json',
                beforeSend: function() {
                    AjaxHandler.before(self)
                },
                success: function(data){
                    AjaxHandler.success(self)
                    $('.Status.alert-info.success').show();
                },
                error: function(data){
                    AjaxHandler.error(self,data)
                }
            });
            return false;
        })        

        // when user click remove button, it will delete associated shipping address
        $('.delivery').on('click','.remove',function(e){
            var self=this;
            var formUrl = siteUrl+'/member/shipping/'+$(this).data('id')
            $.ajax({
                type: 'delete',
                url: formUrl, 
                dataType: 'json',
                beforeSend: function() {
                    $(self).addClass('disabled')
                },
                success: function(data){
                    $(self).removeClass('disabled')
                    $(self).closest('form').remove();
                    $('.Status.alert-info.success').show();
                },
                error: function(data){
                    $(self).removeClass('disabled')
                    $('.Status.alert-info.fail').show();
                }
            });
        })

        // when user click set-default button, it will set this address as primary address
        $('.delivery').on('click','.set-default',function(e){
            var self=this;
            var formUrl = siteUrl+'/member/shipping/'+$(this).data('id')+'/set-default-address'
            $.ajax({
                type: 'patch',
                url: formUrl, 
                dataType: 'json',
                beforeSend: function() {
                },
                success: function(data){
                    $('.default-status').text('');
                    $(self).closest('form').find('.default-status').html(' (default) ');
                    $('.set-default').show();
                    $(self).closest('form').find('.set-default').hide();
                    $('.Status.alert-info.success').show();
                },
                error: function(data){
                    $('.Status.alert-info.fail').show();                
                }
            });
        })

        $('#billingForm').submit(function(e){
            e.preventDefault();
            var formUrl = $(this).attr('action')
            var data = { 
                block: $(this).find('input[name="block"]').val(),
                building: $(this).find('input[name="building"]').val(),
                street: $(this).find('input[name="street"]').val(),
                unit: $(this).find('input[name="unit"]').val(),
                city: $(this).find('input[name="city"]').val(),
                state: $(this).find('input[name="state"]').val(),
                country: $(this).find('select[name="country"]').val(),
                postal: $(this).find('input[name="postal"]').val(),
                delivery_name: $(this).find('input[name="delivery_name"]').val(),
                delivery_contact: $(this).find('input[name="delivery_contact"]').val(),
            };
            var self = this;
            $.ajax({
                type: 'patch',
                url: formUrl,
                data: data,
                dataType: 'json',
                beforeSend: function() {
                    AjaxHandler.before(self)
                },
                success: function(data){
                    AjaxHandler.success(self)
                    $('.Status.alert-info.success').show();
                },
                error: function(data){
                    AjaxHandler.error(self,data)
                }
            });
            return false;
        })  
        $('input').on('keyup',function(){
            $(this).closest('.form-group').removeClass('has-error')
            $(this).closest('.form-group input').next('span').empty()
        })
        
        $('#shipping .close').on('click',function(e){
            e.stopImmediatePropagation(); // stop bootstrap close event, because it removes alert from DOM
            $(this).closest('.Status').hide(); // just hide it
        })

        $('.same_billing').on('click', function() {
            if( $(this).is(':checked') ) {

                $(this).closest('form').find('.s_block').val($('#b_block').val());
                $(this).closest('form').find('.s_street').val($('#b_street').val());
                $(this).closest('form').find('.s_unit').val($('#b_unit').val());
                $(this).closest('form').find('.s_building').val($('#b_building').val());
                $(this).closest('form').find('.s_country').select2('val',$("#b_country").select2("val"));
                $(this).closest('form').find('.s_city').val($('#b_city').val());
                $(this).closest('form').find('.s_state').val($('#b_state').val());
                $(this).closest('form').find('.s_postal').val($('#b_postal').val());
                $(this).closest('form').find('.s_delivery_contact').val($('#b_contact').val());

            }
        });
    })()

</script>

@stop