@extends('customer.layout.master')

@section('pageTitle', (isset($pageTitle)) ? $pageTitle : config('app.APP_NAME') )

@section('pageDescription', (isset($pageDescription)) ? $pageDescription : config('app.APP_NAME') )

@section('pageKeywords', (isset($pageKeywords)) ? $pageKeywords : config('app.APP_NAME') )

@section('content')
    <div class="col-12 d-flex py-3">
        <div class="d-none d-md-block d-lg-block col-md-3 col-lg-3">
            @include('customer.layout.side-bar')
        </div>
        <div class="col-lg-9 col-md-9 col-sm-12 px-0" id="ctm-address-list">
            <div class="col-12 px-0 h5">
                {{ __('customer/order.labels.title') }}
            </div>

            <div class="col-12 mt-2 mb-2 border border-top-0 border-basic"></div>

            <div class="col-12 px-0 orders-block fs-14">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#orders">Orders
                            <span class="badge badge-light">{{count($orders)}}</span>
                        </a>
                    </li>
                    {{--                <li class="nav-item">--}}
                    {{--                    <a class="nav-link" data-toggle="tab" href="#prebook">PreBook Orders</a>--}}
                    {{--                </li>--}}
                </ul>
                <div class="tab-content">
                    <div class="tab-pane d-block px-0">
                        <div class="table">
                            <table class="table-responsive table-hover table-bordered">
                                <thead>
                                <tr>
                                    <th>{{__('customer/order.labels.order-id')}}</th>
                                    <th>{{__('customer/order.labels.order-placed-on')}}</th>
                                    <th>{{__('customer/order.labels.order-grand-total')}}</th>
                                    <th>{{__('customer/order.labels.order-paid-amount')}}</th>
                                    <th>{{__('customer/order.labels.order-items-count')}}</th>
                                    <th>{{__('customer/order.labels.order-status')}}</th>
                                    <th>{{__('customer/order.labels.order-action')}}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($orders as $order)
                                    <tr>
                                        <td>
                                            <a title="View Detail" href="{{route('customer.order.view', $order->id)}}"
                                               class="text-decoration-none">{{$order->increment_id}}
                                            </a>
                                        </td>
                                        <td class="small">{{$order->created_at}}</td>
                                        <td>{{\App\Helpers\CustomHelper::getCurrency($order->base_grand_total)}}</td>
                                        <td>{{\App\Helpers\CustomHelper::getCurrency($order->base_paid_amount)}}</td>
                                        <td>{{$order->items_count}}</td>
                                        <td>{!!$order->order_status_formatted!!}</td>
                                        <td>
                                            <a title="View Detail" href="{{route('customer.order.view', $order->id)}}"
                                               class="text-decoration-none">
                                                <i class="fa fa-eye" aria-hidden="true"></i>
                                            </a>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td align="center" colspan="7">{{__('customer/order.exceptions.no-records')}}</td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                        <div class="col-12">
                            @include('shared.pagination', ['paginator' => $orders])
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection