{% 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">Checkout</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>Shop</li>
            <li>Checkout</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <section class="vs-checkout-wrapper space">
    <div class="container">
      <div class="woocommerce-form-login-toggle">
        <div class="woocommerce-info">Checkout</a>
        </div>
        <!--<form action="#" class="woocommerce-form-login bg-smoke">
          <div class="row">
            <div class="col-lg-4">
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Username or email">
              </div>
              <div class="form-group">
                <input type="text" class="form-control" placeholder="Password">
              </div>
              <div class="form-group">
                <div class="custom-checkbox">
                  <input type="checkbox" id="remembermylogin">
                  <label for="remembermylogin">Remember Me</label>
                </div>
              </div>
              <div class="form-group">
                <button type="submit" class="vs-btn style4">Login</button>
                <p class="fs-xs mt-2 mb-0"><a class="text-reset" href="#">Lost your password?</a></p>
              </div>
            </div>
          </div>
        </form>-->
      </div>
      <!--<div class="woocommerce-form-coupon-toggle">
        <div class="woocommerce-info">
          Have a coupon? <a href="#" class="showcoupon">Click here to enter your code</a>
        </div>
      </div>
      <form action="#" class="woocommerce-form-coupon bg-smoke" style="display: block;">
        <div class="row">
          <div class="col-lg-4">
            <div class="form-group">
              <input type="text" class="form-control" placeholder="Write your coupon code">
            </div>
            <div class="form-group">
              <button type="submit" class="vs-btn style4">Apply coupon Code</button>
            </div>
          </div>
        </div>
      </form>-->
      <form action="/place-order" method="post">
        <div class="row ">
          <div class="col-lg-6">
            <h2 class="h4">Billing Details</h2>
            <div class="row">
              <div class="col-md-6 form-group">
                <input type="text" name="txt_first" id="txt_first" class="form-control" required value="{% if(FTCHUser[0]['fist_name'] is defined )%}{{FTCHUser[0]['fist_name']}}{% endif %}" placeholder="First Name">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="txt_last" id="txt_last" class="form-control" required value="{% if(FTCHUser[0]['last_name'] is defined )%}{{FTCHUser[0]['last_name']}}{% endif %}" placeholder="Last Name">
              </div>
              <div class="col-12 form-group">
				<input type="text" name="txt_street1" id="txt_street1" class="form-control" placeholder="House number and Street name" required value="{% if(FTCHUser[0]['street'] is defined )%}{{FTCHUser[0]['street']}}{% endif %}">
				</div>
				<div class="col-12 form-group">
				<input type="text" name="txt_street2"  id="txt_street2" class="form-control" placeholder="Appartments, suite, unit etc ..." required value="{% if(FTCHUser[0]['street2'] is defined )%}{{FTCHUser[0]['street2']}}{% endif %}">
              </div>
              <div class="col-12 form-group">
				<input type="text" name="txt_city" id="txt_city" class="form-control" required value="{% if(FTCHUser[0]['city'] is defined )%}{{FTCHUser[0]['city']}}{% endif %}" placeholder="Town / City">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="txt_country" id="txt_country" class="form-control" required value="{% if(FTCHUser[0]['country'] is defined )%}{{FTCHUser[0]['country']}}{% endif %}" placeholder="Country">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="txt_zip" id="txt_zip" class="form-control" required value="{% if(FTCHUser[0]['zipcode'] is defined )%}{{FTCHUser[0]['zipcode']}}{% endif %}" placeholder="Postcode / Zip">
              </div>
              <div class="col-12 form-group">
				<input type="email" name="txt_email" id="txt_email" class="form-control" required value="{% if(FTCHUser[0]['email_id'] is defined )%}{{FTCHUser[0]['email_id']}}{% endif %}" placeholder="Email Address">
				</div>
				<div class="col-12 form-group">
				<input type="text" name="txt_phone" id="txt_phone" class="form-control" required value="{% if(FTCHUser[0]['mobile_no'] is defined )%}{{FTCHUser[0]['mobile_no']}}{% endif %}" placeholder="Phone number">
              </div>
              <!--<div class="col-12 form-group">
                <textarea class="form-control" name="txtr_notes" id="txtr_notes" cols="30" rows="4" placeholder="Notes about your order, e.g. special notes for delivery">{% if(FTCHAddr[0]['order_comments'] is defined )%}{{FTCHAddr[0]['order_comments']}}{% endif %}</textarea>
              </div>-->
            </div>
          </div>
          <div class="col-lg-6">
		  <div class="row">
		  <div class="col-md-12">
		  <div class="col-md-5" style="float:left;">
		  <h2 class="h4">Shipping Details</h2>
		  </div>
		  <div class="col-md-7" style="float:left;">
			<input id="ship-to-different-address-checkbox" type="checkbox" name="ship_to_different_address" value="1">
              <input type="checkbox" class="" id="bill_address" onchange="chk_same();" value="1"><label for="ship-to-different-address-checkbox" style="margin-top:6px;">
                Ship to a same address?
              </label>
			  </div>
			  </div>
			</div>
				<div class="row">
              <div class="col-md-6 form-group">
                <input type="text" name="ctxt_first" id="ctxt_first" class="form-control" required value="{% if(FTCHAddr[0]['shipping_first'] is defined )%}{{FTCHAddr[0]['shipping_first']}}{% endif %}" placeholder="First Name">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="ctxt_last" id="ctxt_last" class="form-control" required value="{% if(FTCHAddr[0]['shipping_last'] is defined )%}{{FTCHAddr[0]['shipping_last']}}{% endif %}" placeholder="Last Name">
              </div>
              <div class="col-12 form-group">
				<input type="text" name="ctxt_street1" id="ctxt_street1" class="form-control" placeholder="House number and Street name" required value="{% if(FTCHAddr[0]['shipping_street1'] is defined )%}{{FTCHAddr[0]['shipping_street1']}}{% endif %}">
				</div>
				<div class="col-12 form-group">
				<input type="text" name="ctxt_street2"  id="ctxt_street2" class="form-control" placeholder="Appartments, suite, unit etc ..." required value="{% if(FTCHAddr[0]['shipping_street2'] is defined )%}{{FTCHAddr[0]['shipping_street2']}}{% endif %}">
              </div>
              <div class="col-12 form-group">
				<input type="text" name="ctxt_city" id="ctxt_city" class="form-control" required value="{% if(FTCHAddr[0]['shipping_city'] is defined )%}{{FTCHAddr[0]['shipping_city']}}{% endif %}" placeholder="Town / City">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="ctxt_country" id="ctxt_country" class="form-control" required value="{% if(FTCHAddr[0]['shipping_country'] is defined )%}{{FTCHAddr[0]['shipping_country']}}{% endif %}" placeholder="Country">
              </div>
              <div class="col-md-6 form-group">
				<input type="text" name="ctxt_zip" id="ctxt_zip" class="form-control" required value="{% if(FTCHAddr[0]['shipping_zip'] is defined )%}{{FTCHAddr[0]['shipping_zip']}}{% endif %}" placeholder="Postcode / Zip">
              </div>
              <div class="col-12 form-group">
				<input type="email" name="ctxt_email" id="ctxt_email" class="form-control" required value="{% if(FTCHAddr[0]['shipping_email'] is defined )%}{{FTCHAddr[0]['shipping_email']}}{% endif %}" placeholder="Email Address">
				</div>
				<div class="col-12 form-group">
				<input type="text" name="ctxt_phone" id="ctxt_phone" class="form-control" required value="{% if(FTCHAddr[0]['shipping_phone'] is defined )%}{{FTCHAddr[0]['shipping_phone']}}{% endif %}" placeholder="Phone number">
              </div>
              <div class="col-12 form-group">
                <textarea class="form-control" name="txtr_notes" id="txtr_notes" cols="30" rows="4" placeholder="Notes about your order, e.g. special notes for delivery">{% if(FTCHAddr[0]['order_comments'] is defined )%}{{FTCHAddr[0]['order_comments']}}{% endif %}</textarea>
              </div>
            </div>
          </div>
        </div>
      <h4 class="mt-4 pt-lg-2">Your Order</h4>
        <div class="table-responsive">
          <table class="cart_table">
            <thead>
              <tr>
                <th class="cart-col-image" style="text-align:left;">Image</th>
                <th class="cart-col-productname" style="text-align:left;">Product Name</th>
                <th class="cart-col-price" style="text-align:right;">Price</th>
                <th class="cart-col-quantity" style="text-align:center;">Quantity</th>
                <th class="cart-col-total"  style="text-align:right;">Total</th>
              </tr>
            </thead>
            <tbody>
              {{cart_prdts|raw}}
            </tbody>
            <tfoot class="checkout-ordertable">
              <tr class="cart-subtotal">
                <th>Cart Total</th>
                <td data-title="Subtotal" colspan="4"><span class="woocommerce-Price-amount amount"><bdi><span
                        class="woocommerce-Price-currencySymbol">Rs.</span>{{stotal | number_format(2)}}</bdi></span></td>
              </tr>
			  
			   {% set shprice = 0%}
			  {% set tot_ord = 0%}
			  {% if(stotal<420) %}
			  {% set shprice = shipping_cost %}
			  {% endif %}
			  {% if(shprice ==0) %}
			  {% set sp = "Free Shipping" %}
			  {% set sp1 = '' %}
			  {% set sp2 = 0 %}
			  {% set tot_ord = stotal %}
			  {% else %}
			  {% set sp = shprice | number_format(2) %}
			  {% set sp1 = 'Rs. ' %}
			  {% set tot_ord = stotal+sp %}
			  {% set sp2 = shprice %}
			  {% endif %}
              <tr class="woocommerce-shipping-totals shipping">
                <th>Shipping</th>
                <td data-title="Shipping" colspan="4">
                  {{sp1}}{{sp}}
                </td>
              </tr>
              <tr class="order-total">
                <th>Total</th>
                <td data-title="Total" colspan="4"><strong><span class="woocommerce-Price-amount amount"><bdi><span
                class="woocommerce-Price-currencySymbol">
				Rs. </span>{{tot_ord | number_format(2)}}</bdi></span></strong>
                </td>
              </tr>
            </tfoot>
          </table>
        </div>
      <div class="mt-lg-3">
        <div class="woocommerce-checkout-payment">
          <ul class="wc_payment_methods payment_methods methods">
            <li class="wc_payment_method payment_method_cheque">
              <input id="payment_method_cheque" type="radio" class="input-radio" checked name="opt_pay" value="2" required>
              <label for="payment_method_cheque">Razor Pay </label>
              <div class="payment_box payment_method_cheque">
                <p>Pay with Razor Pay securely.
                </p>
              </div>
            </li>
           <!-- <li class="wc_payment_method payment_method_cod">
              <input id="payment_method_cod" type="radio" class="input-radio" name="opt_pay" value="1" >
              <label for="payment_method_cod">Cash On Delivery</label>
              <div class="payment_box payment_method_cod">
                <p>Pay with cash upon delivery.</p>
              </div>
            </li>-->
          </ul>
		  <input type="hidden" name="price" value="{{tot_ord}}">
							<input type="hidden" name="cart_id" value="{{cart_order_id}}">
          <div class="form-row place-order pt-lg-2">
            <button type="submit" class="vs-btn style4">Place order</button>
          </div>
        </div>
      </div>
    
	</form>
	</div>
  </section>
 
{% endblock %}