{% extends 'base.html.twig' %}
{% block body %}
<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">My Orders</h1>
        <div class="breadcumb-menu-wrap">
          <ul class="breadcumb-menu">
            <li><a href="/index">Home</a></li>
            <li>About Us</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="space vs-cart-wrapper">
    <div class="container">
      <div class="woocommerce-notices-wrapper">
        <div class="woocommerce-message">Order History</div>
      </div>
      <form action="/cart" method="post" class="woocommerce-cart-form">
        <div class="table-responsive">
          <table class="">
            <thead style="background-color:var(--theme-color); color:#fff; ">
              <tr style="color:#fff;">
                <th style="text-align:left; width:20%; color:#fff;">Order ID</th>
					<th style="text-align:left; width:20%; color:#fff;">Order Date</th>
					<th style="text-align:left; width:25%; color:#fff;">Shipping Address</th>
					<th style="text-align:left; width:25%; color:#fff;">Billing Address</th>
					<th style="text-align:right; width:15%; color:#fff;">Total</th>
              </tr>
            </thead>
            <tbody>
				{% set p=1 %}
				{% set pr=0 %}
				{% if(FTCHOrdr|length)>0 %}
						<tbody>
					{% for prodcrt in FTCHOrdr %}
							<tr>
								<td style="text-align:left; width:20%">{{prodcrt['order_id']}}<br>
								<small><b><a href="javascript:;" onclick="$('#orderdet{{p}}').slideToggle();">(Order Details)</a></b></small><br>
								<a href="{{invoice_link[prodcrt['id']]}}" target="_blank">(View Invoice)</a></b></small></td>
								<td style="text-align:left; width:20%">{{prodcrt['order_date']|date('M d D, Y - h:m') }}<br>
								</td>
								<td style="text-align:left;">{{prodcrt['address']|raw}}</td>
								<td style="text-align:left;">{{prodcrt['address']|raw}}</td>
								<td style="text-align:right;">Rs.{{prodcrt['price']|number_format(2, '.', ',')  }}</td>
							</tr>
							<tr>
  <td colspan="5" id="orderdet{{p}}" style="display:none;">
    {{pr_html[prodcrt['id']] | raw}}
  </td>
</tr>
							{% set pr=pr+1 %}
							{% set p=p+1 %}
					{% endfor %}
					</tbody>
					{% else %}
						<tr><td colspan="5"><p>No order has been made yet.</p>
						</td></tr>
						{% endif %}
					</table> 
     </div>
    </div>
  </div>					
{% endblock %}