{% extends "MobileBundle::layout.html.twig" %}

{% block body %}
    <style>
        table{
            width: 100%;
        }
        td,th{
            color:#333333;
            text-align: left;
            font-size: 18px;
        }
        th{
            font-weight: bold;
        }
    </style>
    <div id="main">

    <div class="page-header header-filter bg4">
        <div class="container">
            <div class="row">
                <div id="reading" class="content blog-post">
                    <div class="main main-raised m-b-40">

                        <div class="profile-content profile-page">
                            <div class="container">

                                <div class="row">
                                    <div class="col-xs-6 col-xs-offset-3" style="height: 105px">
                                        <div class="profile">
                                            <div class="avatar">
                                                <img style="background-color: #ffffff" src="{{ asset("assets/images/order.png")}}" alt="Circle Image" class="img-circle img-responsive img-raised">
                                            </div>

                                        </div>
                                    </div>

                                </div>
                                <table class="table table-striped w-auto">
                                    <thead>
                                    <th>
                                        Ref.
                                    </th>
                                 <!--   <th>
                                        Total
                                    </th>
                                    <th>
                                        Date
                                    </th>-->
                                    <th>
                                        Action
                                    </th>
                                    </thead>
                                    <tbody>
                                    {% for order in orders %}
                                    <tr>
                                        <td>{{order.ref}}</td>
                                       <!-- <td>{{order.totalPrice}} </td>
                                        <td>{{order.dateOrder|date('d/m/Y')}}</td>-->
                                        <td> <a href="{{ path("order_detail_front_mobile",{'id':order.id}) }}" >
                                                <span style="font-size: 52%;" class="btn btn-info">Details</span>
                                            </a></td>
                                    </tr>
                                    {% endfor %}


                                    </tbody>
                                </table>


                                <div class="description text-center">

                                </div>



                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{{ asset("assets/js/jquery-3.2.1.min.js")}}"></script>

{% endblock %}