{% extends 'base.html.twig' %}
{% block body %}
<div class="breadcumb-wrapper" data-bg-src="../../assets/img/breadcumb/breadcumb-bg.jpg">
    <div class="container z-index-common">
      <div class="breadcumb-content">
        <h1 class="breadcumb-title">Manage 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>
  <div class="page-content pb-0">
                <div class="container" style="min-height:800px; margin-top:50px;">

  <div class="row" id="show_bill" >
				<div class="col-lg-6">
					<div class="card card-dashboard">
						<div class="card-body">
							<h3 class="card-title">Billing Address</h3><!-- End .card-title -->
								
							<p >{% if(FTCHAddr|length >0) %}{{FTCHAddr[0]['billing_first']}}<br>
							{{FTCHAddr[0]['billing_last']}}<br>
							{{FTCHAddr[0]['billing_street1']}}, {{FTCHAddr[0]['billing_street2']}}<br>
							{{FTCHAddr[0]['billing_city']}}<br>
							{{FTCHAddr[0]['billing_country']}}<br>
							{{FTCHAddr[0]['billing_zip']}}<br>
							{{FTCHAddr[0]['billing_phone']}}<br>
							{{FTCHAddr[0]['billing_email']}}<br>
							{% endif %}
							<a href="javascript:;" onclick="edit_shipping();" 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 -->

				<div class="col-lg-6">
					<div class="card card-dashboard">
						<div class="card-body">
							<h3 class="card-title">Shipping Address</h3><!-- End .card-title -->
							<p>{% if(FTCHAddr|length >0) %}{{FTCHAddr[0]['shipping_first']}}<br>
							{{FTCHAddr[0]['shipping_last']}}<br>
							{{FTCHAddr[0]['shipping_street1']}}, {{FTCHAddr[0]['shipping_street2']}}<br>
							{{FTCHAddr[0]['shipping_city']}}<br>
							{{FTCHAddr[0]['shipping_country']}}<br>
							{{FTCHAddr[0]['shipping_zip']}}<br>
							{{FTCHAddr[0]['shipping_phone']}}<br>
							{{FTCHAddr[0]['shipping_email']}}{% endif %}</p>
							<!--<p>You have not set up this type of address yet.-->
							<a href="javascript:;" onclick="edit_shipping1();" 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 -->
			</div><!-- End .row -->


<div id="tab-account-edit" style="display:none; ">
		<form action="#" method="post">
		<input type="hidden" name="account_details" value="1">
				<div class="col-lg-9">
		            <h2 class="checkout-title">Billing Address - Edit</h2>
									<!-- End .checkout-title -->
		            <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]['billing_first'] is defined) %} {{FTCHC1[0]['billing_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]['billing_last'] is defined) %} {{FTCHC1[0]['billing_last']}}{% endif %}">
					</div><!-- End .col-sm-6 -->
				</div><!-- End .row -->

				<label>Street address *</label>
				<input type="text" name="txt_street1" id="txt_street1" class="form-control" placeholder="House number and Street name" required="" value="{% if(FTCHC1[0]['billing_street1'] is defined) %} {{FTCHC1[0]['billing_street1']}}{% endif %}">
				<input type="text" name="txt_street2" id="txt_street2" class="form-control" placeholder="Appartments, suite, unit etc ..." required="" value="{% if(FTCHC1[0]['billing_street2'] is defined) %} {{FTCHC1[0]['billing_street2']}}{% endif %}">

				<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]['billing_city'] is defined) %} {{FTCHC1[0]['billing_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]['billing_state'] is defined) %} {{FTCHC1[0]['billing_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]['billing_country'] is defined) %} {{FTCHC1[0]['billing_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]['billing_zip'] is defined) %} {{FTCHC1[0]['billing_zip']}}{% endif %}">
				</div><!-- End .col-sm-6 -->

				<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]['billing_phone'] is defined) %} {{FTCHC1[0]['billing_phone']}}{% endif %}">
				</div><!-- End .col-sm-6 -->
				<div class="col-sm-6">
					<label>Email address *</label>
					<input type="email" name="txt_email" id="txt_email" class="form-control" required="" value="{% if(FTCHC1[0]['billing_email'] is defined) %} {{FTCHC1[0]['billing_email']}}{% endif %}">
				</div><!-- End .col-sm-6 -->
			</div><!-- End .row -->
			</div>
			<button type="submit" class="vs-btn style4">
					<span>UPDATE</span>
					<i class="icon-long-arrow-right"></i>
				</button>
		</form>
		</div>
		<div id="tab-account-edit1" style="display:none;">
		<form action="#" method="post">
		<input type="hidden" name="account_details" value="3">
	 <h2 class="checkout-title">Shipping Address - Edit</h2>

		<div class="row">
					<div class="col-sm-6">
						<label>First Name *</label>
						<input type="text" name="ctxt_first" id="ctxt_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="ctxt_last" id="ctxt_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 -->

				<label>Street address *</label>
				<input type="text" name="ctxt_street1" id="ctxt_street1" class="form-control" placeholder="House number and Street name" required value="{% if(FTCHC1[0]['shipping_street1'] is defined) %}{{FTCHC1[0]['shipping_street1']}}{% endif %}">
				<input type="text" name="ctxt_street2"  id="ctxt_street2" class="form-control" placeholder="Appartments, suite, unit etc ..." required value="{% if(FTCHC1[0]['shipping_street2'] is defined) %}{{FTCHC1[0]['shipping_street2']}}{% endif %}">

				<div class="row">
					<div class="col-sm-6">
						<label>Town / City *</label>
						<input type="text" name="ctxt_city" id="ctxt_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="ctxt_state" id="ctxt_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="ctxt_country" id="ctxt_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="ctxt_zip" id="ctxt_zip" class="form-control" required value="{% if(FTCHC1[0]['shipping_zip'] is defined) %}{{FTCHC1[0]['shipping_zip']}}{% endif %}">
				</div><!-- End .col-sm-6 -->

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