{% 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" 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%">Product</th>
					<th style="text-align:center; width:20%">Price</th>
					<th style="text-align:center; width:20%">Quantity</th>
					<th style="text-align:right; width:20%">Total</th>
				</tr>
			</thead>
	<tbody>
{% set p=1 %}
{% set tt =0%}
{% if(product_det|length)>0 %}
{% for prodcrt in product_det %}
{% set rt = prodcrt.prd_qty * prodcrt.prd_price %}
		<tr>
			<td style="text-align:center; width="10%"">{{p}}</td>
			<td class="product-col" style="text-align:center;">
				<div class="product">
				<figure class="product-media">
				<a href="javascript:void(0);">
				<img src="{{pro_img_url}}{{prodcrt.prd_image}}" alt="Product image">
				</a>
				</figure>
				<h3 class="product-title">
					{{prodcrt.product_name}}&nbsp;
					<small>({{weigh_arr[prodcrt.cart_id]}})</small>
				</h3><!-- End .product-title -->
			</div><!-- End .product -->
		</td>
		<td style="text-align:center;">Rs.{{prodcrt.prd_price | number_format(2, '.', ',')}}</td>
		<td style="text-align:center;">{{prodcrt.prd_qty}}</td>
		<td style="text-align:right;">Rs.{{ (prodcrt.prd_qty * prodcrt.prd_price) |number_format(2, '.', ',') }}</td>
		</tr>
		{% set tt = tt+rt %}
		{% set p=p+1 %}
{% endfor %}
{% else %}
<tr><td colspan="4">Your are not placed any orders</td></tr>
{% endif %}
<tr><td colspan="5" style="text-align:right;">Rs.{{tt|number_format(2, '.', ',')}}</td></tr>


									</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 %}