{% extends 'base.html.twig' %}
{% block body %}
<style>
	.row{margin-bottom:20px;}
</style>

<div class="breadcumb-wrapper col d-none d-lg-block" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Manage Shipping Addresses</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Address</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  
  
  <!-- Start-->
  <div class="space vs-cart-wrapper" style="padding-bottom:0;">
    <div class="container">
      <div class="woocommerce-notices-wrapper">
        <div class="woocommerce-message">Shipping Addresses</div>
		<div id="tab-account-edit" style="display:none;">
		<div style="border: 1px solid #B4B4B4;padding: 20px;margin: 10px;border-radius: 10px;">
		<form action="#" method="post">
				<input type="hidden" name="account_details" id="account_details" value="1">
				<div class="col-lg-12">
				<div class="row">
				<div class="col-sm-6">
		            <h2 class="checkout-title">Shipping Address - Edit</h2>
					</div>
<div style="text-align:right;" class="col-sm-6"><a href="javascript:;" class="vs-btn style4" onclick="back_shipping();">Back</a></div></div>
		            <div class="row">
					<div class="col-sm-6">
						<label>First Name. *</label>
						<input type="text" name="txt_first" id="txt_first" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_first'] is defined) %} {{FTCHC1[0]['shipping_first']}} {% endif %}">
					</div>
					<div class="col-sm-6">
						<label>Last Name *</label>
						<input type="text" name="txt_last" id="txt_last" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_last'] is defined) %} {{FTCHC1[0]['shipping_last']}}{% endif %}">
					</div><!-- End .col-sm-6 -->
				</div><!-- End .row -->
				<div class="row">
				<div class="col-sm-6">
				<label>Street address1 *</label>
				<input type="text" name="txt_street1" id="txt_street1" class="form-control" placeholder="House number and Street name" required="" value="{% if(FTCHC1[0]['shipping_street1'] is defined) %} {{FTCHC1[0]['shipping_street1']}}{% endif %}">
				</div>
				<div class="col-sm-6">
				<label>Street address2 *</label>
				<input type="text" name="txt_street2" id="txt_street2" class="form-control" placeholder="Appartments, suite, unit etc ..." required="" value="{% if(FTCHC1[0]['shipping_street2'] is defined) %} {{FTCHC1[0]['shipping_street2']}}{% endif %}">
				</div>
				</div>
				<div class="row">
					<div class="col-sm-6">
						<label>Town / City *</label>
						<input type="text" name="txt_city" id="txt_city" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_city'] is defined) %} {{FTCHC1[0]['shipping_city']}}{% endif %}">
					</div><!-- End .col-sm-6 -->

				<div class="col-sm-6">
					<label>State *</label>
					<input type="text" name="txt_state" id="txt_state" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_state'] is defined) %} {{FTCHC1[0]['shipping_state']}}{% endif %}">
				</div><!-- End .col-sm-6 -->
			</div><!-- End .row -->

			<div class="row">
			<div class="col-sm-6">
					<label>Country *</label>
					<input type="text" name="txt_country" id="txt_country" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_country'] is defined) %} {{FTCHC1[0]['shipping_country']}}{% endif %}">
				</div><!-- End .col-sm-6 -->
				<div class="col-sm-6">
					<label>Postcode / ZIP *</label>
					<input type="text" name="txt_zip" id="txt_zip" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_zip'] is defined) %} {{FTCHC1[0]['shipping_zip']}}{% endif %}">
				</div>
				</div>
				<div class="row">
				<div class="col-sm-6">
					<label>Phone *</label>
					<input type="text" name="txt_phone" id="txt_phone" class="form-control" required="" value="{% if(FTCHC1[0]['shipping_phone'] is defined) %} {{FTCHC1[0]['shipping_phone']}}{% endif %}">
				</div>
				<div class="col-sm-6">
					<label>Email address *</label>
					<input type="email" name="txt_email" id="txt_email" class="form-control" value="{% if(FTCHC1[0]['shipping_email'] is defined) %} {{FTCHC1[0]['shipping_email']}}{% endif %}">
				</div>
				</div>
			</div>
			<button type="submit" class="vs-btn style4">
					<span>UPDATE</span>
					<i class="icon-long-arrow-right"></i>
				</button>
			</div>
			
		</form>
		</div>
		</div>

	  </div>
	  </div>
	  </div>
	  </div>
  <!-- End -->

  <div class="page-content pb-0">
  <div class="container">
  <div class="row" id="show_bill" >
  {% set p=0%}
  {% for addr in FTCHAddr %}
				<div class="col-lg-6">
					<div class="card card-dashboard">
						<div class="card-body">
							<h6 class="card-title">Shipping Address - {{FTCHAddr[p]['address_type']}} </h6><!-- End .card-title -->
							<p >{% if(FTCHAddr|length >0) %}{{FTCHAddr[p]['shipping_first']}}<br>
							{{FTCHAddr[p]['shipping_last']}}<br>
							{{FTCHAddr[p]['shipping_street1']}}, {{FTCHAddr[p]['shipping_street2']}}<br>
							{{FTCHAddr[p]['shipping_city']}}<br>
							{{FTCHAddr[p]['shipping_state']}}<br>
							{{FTCHAddr[p]['shipping_country']}}<br>
							{{FTCHAddr[p]['shipping_zip']}}<br>
							{{FTCHAddr[p]['shipping_phone']}}<br>
							{{FTCHAddr[p]['shipping_email']}}<br>
							{% endif %}
							<a href="javascript:;" onclick="edit_shipping('{{FTCHAddr[p]['address_type']}}');" class="vs-btn style4">Edit <i class="icon-edit"></i></a></p>
						</div><!-- End .card-body -->
					</div><!-- End .card-dashboard -->
				</div><!-- End .col-lg-6 -->
				 {% set p=p+1%}
{% endfor %}
				
			</div><!-- End .row -->
</div>
{% endblock %}