@extends('frontend.user.user-masters')
@section('user-content')
<div class="column content edit-address">
        <h1 class="address-heading">Shipping address</h1>
        
        <form action="{{route('shipping-address-process')}}" method= "post" class="common-form billing-form">
          @csrf
          <div class="form-row">
            <div class="form-group col-md-6 pr-0 pr-md-4">
              <input type="text" class="form-control"   value = ""name="fName" id="fName" required>
              <input type="hidden" class="form-control" value = "{{$user->id}}"  name="user_id" id="user_id">
              <label for="fName">First name <span>*</span></label>
            </div>
            <div class="form-group col-md-6 pl-0 pl-md-4">
              <input type="text" class="form-control"value = "" name="lName" id="lName" required>
              <label for="lName">Last name <span>*</span></label>
            </div>
            <div class="form-group col-md-12">
              <input type="text" class="form-control" value = "" name="companyName" id="companyName">
              <label for="companyName">Company name (optional)</label>
            </div>
          </div>

          <h6 class="mt-4 mb-5">United Kingdom (UK) <br><small>Country / Region</small> <span>*</span></h6>

          <div class="form-group">
            <input type="text" class="form-control" value = ""  name="streetAddres" id="streetAddres" placeholder="House number and street name" required>
            <label for="streetAddres">Street address 1 <span>*</span></label>
          </div>
          <div class="form-group">
            <input type="text" class="form-control"  value = ""  name="appartmentSuit" id="appartmentSuit"
              placeholder="Street address 2 (optional)">
              <label for="streetAddres">Street address 2 (optional)</label>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" value ="" name="city" id="city" required>
            <label for="city">Town / City <span>*</span></label>
          </div>
          <div class="form-group">
            <input type="text" class="form-control" value = "" name="country" id="country">
            <label for="country">County (optional)</label>
          </div>
          <div class="form-group">
            <input type="text" class="form-control"  value = "" name="postCode" id="postCode" required>
            <label for="postCode">Postcode <span>*</span></label>
          </div>
          <button type = "submit" class="btn blue-button">save address</button>
        </form>
      </div>
@endsection