{% set order = __SELF__.order %}
<!-- Breadcumb Area -->
<div class="breadcumb_area">
    <div class="container h-100">
        <div class="row h-100 align-items-center">
            <div class="col-12">
                <h5>Zakaz</h5>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ 'index'|page }}">Esasy sahypa</a></li>
                    <li class="breadcrumb-item active">Zakaz # {{ order.order_id }}</li>
                </ol>
            </div>
        </div>
    </div>
</div>
<!-- Breadcumb Area -->

<!-- Cart Area -->
<div class="cart_area section_padding_100_70 clearfix">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-12">
                <div class="cart-table">
                    <div class="table-responsive">
                        <table class="table table-bordered mb-30">
                            <thead>
                                <tr>
                                    <th scope="col">Surat</th>
                                    <th scope="col">Haryt ady</th>
                                    <th scope="col">Mukdary</th>
                                    <th scope="col">Bahasy</th>
                                    <th scope="col">Jemi</th>
                                </tr>
                            </thead>
                            <tbody>
                            
                            {% for item in order.items %}
                                <tr>
                                    <td>
                                        <img src="{{ getProductImage(item.item) }}" alt="{{ getProductName(item.item) }}"/>
                                        
                                    </td>
                                    <td><a href="{{ 'product'|page({id: item.item}) }}">{{ getProductName(item.item) }}</a></td>
                                    <td>{{ item.qty }}</td>
                                    <td>{{ item.price }} TMT</td>
                                    <td>{{ item.qty * item.price }} TMT</td>
                                </tr>
                            {% endfor %}
                                
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-12 col-lg-7 ml-auto">
            <div class="cart-total-area">
                <h5 class="mb-3">Cart Totals</h5>
                <div class="table-responsive">
                    <table class="table mb-0">
                        <tbody>
                            <tr>
                                <td>Sub Total</td>
                                <td>$56.00</td>
                            </tr>
                            <tr>
                                <td>Shipping</td>
                                <td>$10.00</td>
                            </tr>
                            <tr>
                                <td>VAT (10%)</td>
                                <td>$5.60</td>
                            </tr>
                            <tr>
                                <td>Total</td>
                                <td>$71.60</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="checkout_pagination d-flex justify-content-end mt-3">
                    <a href="checkout-4.html" class="btn btn-primary mt-2 ml-2 d-none d-sm-inline-block">Go Back</a>
                    <a href="checkout-complate.html" class="btn btn-primary mt-2 ml-2">Confirm</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Cart Area End -->