@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 contact-banner">
    <div class="container">
      <div class="row">
        <div class="col-12 col-lg-6">
          <h1>manage addresses</h1>
          <a href="{{URL('/')}}" title="Home">Home</a> / Manage Addresses </div>
        <div class="col-12 col-lg-6 text-right">
          <h4>We freight to all over the world
            The best logistic company, <span>FAST</span> and <span>SAFELY!</span></h4>
        </div>
      </div>
    </div>
  </div>
  <!-- Breadcroumbs end -->
  <section class="Manage-Addresses-section c-padd">
    <div class="container">
      <div class="row justify-content-center">
          <div class="col-md-12 Manage-Addresses-block bg-white c-padd-30 mb-4">
            <form data-parsley-validate name="manageAddtess" id="manageAddress" method="POST" >
              @csrf
               @include('includes.ajax-call-responce-message-block')
               <input type="hidden" id="user_address_id" name="user_address_id" value="0"/>
              <div class="row align-items-center mb-4 Manage-Addresses-header">
                <div class="col-lg-6 col-md-6 col-sm-6">
                  <h4 class="font-weight-600 float-left">ADDRESSES</h4>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6">
                  <button class="btn-3 showAddressFrom" type="button">
                    <i class="fas fa-plus"></i> ADD A NEW ADDRESS
                  </button>
                </div>

              </div>
<!--
              <div class="row">
                <div class="col-lg-12">
                  <button class="btn-2 py-3 mb-4" type="button">
                    <i class="fas fa-map-marker-alt"></i> Use my current location
                  </button>
                </div>
              </div> -->

              <div class="row" id="address-form-box">
                <div class="form-group col-lg-5 col-md-6 col-sm-6 col-12">
                  <input type="text" class="form-control" placeholder="Company Name" name="cname" data-parsley-required required="required" data-parsley-trigger="keyup"  maxlength="35">
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="contact name" name="contactName"data-parsley-required required="required" data-parsley-pattern="^[a-zA-Z ]+$" data-parsley-trigger="keyup"  maxlength="35">
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Email" name="email" data-parsley-required required="required" data-parsley-type="email" data-parsley-trigger="keyup" >
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Postal Code" name="pincode" data-parsley-required required="required" data-parsley-maxlength="10"  maxlength="10" data-parsley-trigger="keyup" >
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Street Address" name="addressLine1" data-parsley-required required="required" data-parsley-trigger="keyup"  maxlength="35">
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Apartment, suite, unit, building, floor, etc." name="addressLine2"  maxlength="35">
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Department, c/o, etc." name="addressLine3"  maxlength="35">
                </div>
                <!-- <div class="col-lg-10 col-md-12 col-sm-12 col-12 form-group">
                  <textarea class="form-control" id="" rows="3" placeholder="Message"></textarea>
                </div>
 -->

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                    <select class="form-control" name="country"  id="OriginCountry" data-parsley-required   required="required" data-parsley-trigger="keyup" >
                        <option value=''>Select Country</option>
                        @foreach($countries as $key => $value)
                          @if($value != '')
                          <option value="{{ $value->id }}">{{ $value->name }}</option>
                        @endif
                        @endforeach
                    </select>

                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                     <select class="form-control" name="state" id="state" data-parsley-required required="required">
                        <option value=''>Select State</option>
                      </select>
                </div>

                 <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                    <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 class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Please Enter Other Information" name="other_onfo">
                </div>

                <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">
                  <input type="text" class="form-control" placeholder="Extention" name="extention">
                </div>
                  <div class="col-lg-5 col-md-6 col-sm-6 col-12 form-group">

                    + <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"/>
                    <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 (telephone no)" data-parsley-trigger="keyup" data-parsley-maxlength="15"  maxlength="15"  minlength="10"/>
                </div>
                  <div class="col-lg-10 col-md-12 col-sm-12 col-12">
                    <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" />
                      <label for="slide-radio0"></label>
                    </div>
                  </div>

                  <div class="col-lg-10 col-md-12 col-sm-12 col-12">
                      <div class="checkbox">
                      <input type="checkbox" name="send_update"  id="send-update" class="css-checkbox" />
                      <label for="send-update" class="css-label">Send updates on this shipment</label>
                    </div>
                  </div>
            <!--     <div class="col-lg-10 col-md-12 col-sm-12 col-12">
                    <label for="HOME" class="radio-btn">
                      <div class="mr-3">
                        <input type="radio" class="" name="locationTypeTag" readonly="" id="HOME" value="on">
                        <span>Home</span>
                      </div>
                    </label>

                    <label for="WORK" class="radio-btn">
                      <div>
                      <input type="radio" class="" name="locationTypeTag" readonly="" id="WORK" value="on">
                      <span>Work</span>
                      </div>
                    </label>
                </div> -->

                <div class="col-lg-12">
                  <button class="btn-2 px-3 mr-3 mt-3" type="submit" tabindex="10" id="submit">Save</button>
                  <button class="btn-3 px-3 mr-3 mt-3 moveHomePage" tabindex="11">Cancel</button>
                </div>

              </div>
            </form>
          </div>

          @foreach($userAddressData as $address)
               <div class="col-md-12 Manage-Addresses-block  bg-white c-padd-30 mb-4">
                  <div class="edit-btn">
                    <i class="fas fa-ellipsis-v"></i>
                    <div class="edit-ul">
                      <button class="edit-user-address" data-id="{{ $address->id}}">Edit</button>
                      <button class="delete-user-address" data-id="{{ $address->id}}">Delete</button>
                    </div>
                  </div>
                  <span class="main-label">{{ Config::get('status.address_type.'.$address->type)}}</span>
                  <p class="name"><span>{{ ($address->company_name != '') ? $address->company_name : $address->contact_name }}</span>
                                  <span>{{ ($address->country_phone_code != '' ? '+'.$address->country_phone_code. ' - '.$address->telephone : $address->telephone )}}</span></p>
                  <p class="addresses"> {{ $address->addressline1}}
                                        {{ ($address->addressline2 != '')?', '.$address->addressline2:'' }}
                                        {{ ($address->addressline3 != '')?', '.$address->addressline3:'' }}
                                        {{ ($address->City->name != '')? ', '.$address->City->name.'-'.$address->postal_code : ''}}
                                        {{ ($address->State->name != '')? ', '.$address->State->name : ''}}
                                        {{ ($address->Country->name != '')? ', '.$address->Country->name : ''}}
                  </p>
            </div>

          @endforeach
           <div>{!! $userAddressData->links() !!}</div>
      </div>
    </div>
  </section>


@section('javascript')
  @include('includes.portal-script')
  <script type="text/javascript" src="{{ APP_ROOT.'js/get-data.js' }}"></script>
  <script type="text/javascript" src="{{ FECUSTOMER_URL.'js/my-account.js'}}"></script>
@stop
@endsection