@extends('templates.'. $template_name .'.layouts.default')

@section('title', trans('message.my_order'))

@section('content')

<!-- crumb-area-start -->
<div class="crumb-area">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <div class="crumb">
                    <ul class="crumb-list">
                        <li><a href="{!! url('/')!!}">{{trans('message.home')}}</a></li>
                        <li class="active"><a href="#">{{trans('message.my_order')}}</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- crumb-area-end -->

<!-- my-order-start -->
<div class="my-account-area">
    <div class="container">
        <div class="row mar-bot-30">
            <div class="col-xs-12">
                <div class="wishlist-table-head">
                    <h4>{{trans('message.order_history')}}</h4>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-12">
                <div class="shopping-cart-table table-responsive">
                    <table>
                        <thead>
                            <tr>
                                <th>{{trans('message.purchase_date')}}</th>
                                <th>{{trans('message.receipt_number')}}</th>
                                <th>{{trans('message.card_number')}}</th>
                                <th>{{trans('message.stamp_point')}}</th>
                                <th>{{trans('message.redemption')}}</th>
                                <th class="align-right">{{trans('message.total')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if(count($order_history))
                                @foreach($order_history as $k => $v)
                                    <tr>
                                        <td>{{date('d-F-Y', strtotime($k))}}</td>
                                        <td>
                                            <a href="#" data-toggle="tooltip" title="{{trans('message.view_detail')}}">
                                                {{$v['receipt_number']}}
                                            </a>
                                        </td>
                                        <td>{{$v['mcard_number']}}</td>
                                        <td>{{$v['earn_value_format']}}</td>
                                        <td>{{$v['str_redemption']}}</td>
                                        <td class="align-right">
                                            <span class="product_price">{{getPriceFormat($v['total'], $currency_sign)}}</span>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="6">{{trans('message.you_have_no_order')}}</td>
                                </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- my-order-end -->
<style type="text/css">
.align-right { text-align: right !important; }
</style>

@endsection

@section('script')
<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="tooltip"]').tooltip(); 
});
</script>
@endsection