@extends('master')

@section('seo_title', __('messages.MY_ACCOUNT'))
@section('seo_keywords', '')
@section('seo_description', '')

@section('content')

    <meta name="locale" content="{{ app()->getLocale() }}">

    <section class="generic-page-content">
        @include('layout.breadcrumbs', ['page_title' => __('messages.MY_ACCOUNT')])

        <div class="container">
            <div class="row my-5">

                @include('account.dashboard.sidebar')

                <!-- right dashboard column -->
                <div class="col-lg-9 col-md-8 col-12">
                    <div class="py-6 p-md-6 p-lg-10">
                        <h2 class="mb-6">@lang('messages.YOUR_ORDER')</h2>
                        <div class="table-responsive-xxl border-0">
                            @if (count($orders) > 0)
                                <table id="clientarea-order-table" class="text-nowrap table-centered mt-0 table" >
                                    <thead class="bg-light">
                                        <tr>
                                            <th colspan="1"><div class="">Order ID</div></th>
                                            <th colspan="1"><div class="">@lang('messages.ORDER_HISTORY_DATEHOUR')</div></th>
                                            <th colspan="1"><div class="">@lang('messages.ORDER_HISTORY_PAYMENT')</div></th>
                                            <th colspan="1"><div class="">@lang('messages.ORDER_HISTORY_STATUS')</div></th>
                                            <th colspan="1"><div class="">@lang('messages.ORDER_HISTORY_FINALTOTAL')</div></th>
                                            <th colspan="1"><div class=""></div></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach ($orders as $order)
                                            <tr>
                                                <td class="align-middle border-top-0">{{ $order->nid }}</td>
                                                <td class="align-middle border-top-0">{{ (new DateTime($order->datahora_conclusao))->format("d/m/Y H:i") }}</td>
                                                <td class="align-middle border-top-0">{{ $order->pagamento }}</td>
                                                <td class="align-middle border-top-0">
                                                    <span class="custom-badge  badge {{ $order->statusHuman == __('messages.ENVIADA') ? 'bg-success' : (__('messages.CANCELADA') ? 'bg-danger' : 'bg-warning') }}">
                                                        {{ $order->statusHuman }}
                                                    </span>
                                                </td>
                                                <td class="align-middle border-top-0">&euro; {{ number_format(round($order->total_final, 2), 2, ",", ".") }}</td>
                                                <td class="align-middle border-top-0">
                                                    <a href="{{ url()->current() }}/purchases/{{ $order->nid }}" class="text-inherit">
                                                        <i class="fa-solid fa-eye"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            @else
                                <p class="text-center">
                                    <strong>
                                        @lang('messages.ORDER_HISTORY_NO_ORDERS').
                                    </strong>
                                </p>
                            @endif
                        </div>
                    </div>
                </div>
                <!-- end right dashboard column -->
            </div>
        </div>
    </section>
@endsection