{% extends 'base.html.twig' %}
{% block body %}
<style>
#cart_input:focus {
  outline: none;
}
</style>
   <main class="main">
        	<div class="page-header text-center" style="background-image: url('assets/images/page-header-bg.jpg')">
        		<div class="container">
        			<h1 class="page-title">Order Details <!--<span>Shop</span>--></h1>
        		</div><!-- End .container -->
        	</div><!-- End .page-header -->
            <nav aria-label="breadcrumb col d-none d-lg-block" class="breadcrumb-nav">
                <div class="container">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="/index">Home</a></li>
                        <li class="breadcrumb-item"><a href="/cats">Shop All</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Order Details</li>
                    </ol>
                </div><!-- End .container -->
            </nav><!-- End .breadcrumb-nav -->

            <div class="page-content">
            	<div class="cart">
	                <div class="container">
	                	<div class="row">
	                		<div class="col-lg-12">
	  <table class="table table-cart table-mobile" id="cart_table" border="1" width="100%">
			<thead>
				<tr>
					<th style="text-align:center; width:10%">SNo</th>
					<th style="text-align:center; width:20%">Order Id</th>
					<th style="text-align:center; width:20%">Payment Method</th>
					<th style="text-align:center; width:10%">Total</th>
					<th style="text-align:center; width:30%">Address</th>
					<th style="text-align:center; width:10%">Order Date</th>
				</tr>
			</thead>
	<tbody>
{% set p=1 %}
{% if(FTCHOrdr|length)>0 %}
{% for prodcrt in FTCHOrdr %}
		<tr>
			<td style="text-align:center; width="10%"">{{p}}</td>
			<td style="text-align:center;">
			<a href="orders/{{prodcrt['id']}}">{{prodcrt['order_id']}}</a></td>
			<td style="text-align:center;">{% if(prodcrt['pay_type']==1)%}Cash On Delivery {%endif %}{% if(prodcrt['pay_type']==2)%}Razor Pay {%endif %}</td>
			<td style="text-align:center;">{{prodcrt['price']|number_format(2, '.', ',')  }}</td>
			<td style="text-align:center;">
			{{prodcrt['address']|raw }}</td>
			<td style="text-align:center;" > {{prodcrt['order_date']|date('d-m-Y') }}<br>
			{{prodcrt['order_date']|date('h:i') }}
			</td>
		</tr>
		{% set p=p+1 %}
{% endfor %}
{% else %}
<tr><td colspan="4">Your are not placed any orders</td></tr>
{% endif %}


									</tbody>
								</table><!-- End .table table-wishlist -->


		            			</div><!-- End .cart-bottom -->
	                		</div><!-- End .col-lg-9 -->
	                	
	                	</div><!-- End .row -->
	                </div><!-- End .container -->
                </div><!-- End .cart -->
            </div><!-- End .page-content -->
        </main><!-- End .main -->
{% endblock %}