@extends('layouts.profile')

@section('section-main')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="shadow-none py-3 mb-2 rounded">
                    <h3>Historial de &Oacute;rdenes</h3>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col">
                <table class="table">
                    <thead class="thead-dark">
                        <tr>
                            <th scope="col" style="width: 175px;">Fecha</th>
                            <th scope="col">Order #</th>
                            <th scope="col">Estatus</th>
                            <th scope="col" class="text-right">Total</th>
                            <th scope="col" style="width: 125px;">&nbsp;</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($orders as $order)
                            <tr>
                                <th scope="row" class="align-middle">{{ formatDate($order->date, 'Y-m-d H:i:s', 'd/m/Y H:i a') }}</th>
                                <td class="align-middle">{{ $order->id }}</td>
                                <td class="align-middle">
                                    <span class="badge badge-{{ config('cons.order-status-bg')[$order->status] }} font-12">
                                        {{ config('cons.order-status')[$order->status] }}
                                    </span>
                                </td>
                                <td class="text-right align-middle">{{ maskNumber($order->total) }}</td>
                                <td class="align-middle">
                                    <a class="btn btn-light" href="{{ route('web.profile.history.order', $order->id) }}" role="button">
                                        <i class="fa fa-file-text-o" aria-hidden="true"></i> Detalle
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

@section('styles')
@endsection

@section('scripts')
@endsection