@extends('frontend.layouts.app')
@section('styles')
<style type="text/css">
    .citizens-table {
      width: 100%;
      border-collapse: collapse;
      border: 1px solid #ddd;
      font-family: Arial, sans-serif;
    }

    .citizens-table th,
    .citizens-table td {
      padding: 8px;
      text-align: left;
    }

    .citizens-table th {
      background-color: #f2f2f2;
    }

    .citizens-table tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .citizens-table tbody tr:hover {
      background-color: #f5f5f5;
    }

    .citizens-table td {
      border-top: 1px solid #ddd;
    }
    .bg-primary,.bg-danger,.bg-success,.bg-primary,.bg-warning{
     padding: 5px;
     border-radius: 5px;
    }
  </style>
  <link rel="stylesheet" href="{{ asset('assets/modules/datatables.net-bs4/css/dataTables.bootstrap4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('assets/modules/datatables.net-select-bs4/css/select.bootstrap4.min.css') }}">
@stop
@section('main-content')
 <section class="PageModule_pageModule__F4dtt Welcome_welcomeBlock__A1Ewe">
            <br><br>
            <h4 style="text-align: center;color:black">My Recent Orders</svg></h4>
            <br>
            <table class="citizens-table">
                <thead>
                <tr>
                    <th >{{__('frontend.order')}}#</th>
                    <th>Purchased</th>
                    <th>{{__('frontend.status')}}</th>
                    <th>Delivery Time</th>
                    <th>{{__('frontend.total')}}</th>
                    <th>{{__('frontend.details')}}</th>
                </tr>
                </thead>
                <tbody>
                @if(!blank($orders))
                    @foreach($orders as $order)
                        <tr>
                    <td class="py-3"><a class="nav-link-style fw-medium fs-sm" href="{{ route('account.order.show', $order->id)}}" data-bs-toggle="modal">{{$order->order_code}}</a></td>
                    <td class="py-3">{{\Carbon\Carbon::parse($order->created_at)->format('d M Y, h:i A')}}</td>
                    @if($order->status == \App\Enums\OrderStatus::CANCEL)
                        @php ( $statusColor = 'bg-danger')
                    @elseif($order->status == \App\Enums\OrderStatus::COMPLETED)
                        @php ( $statusColor = 'bg-success')
                            @elseif($order->status == \App\Enums\OrderStatus::PROCESS)
                        @php ( $statusColor = 'bg-primary')
                    @else
                        @php ( $statusColor = 'bg-warning')
                    @endif
                    <td class="py-3"><span class="tag {{$statusColor}}">{{trans('order_status.' . $order->status)}}</span></td>
                    <td class="py-3">{{$order->delivery_time}}</td>
                    <td class="py-3">{{currencyFormat($order->total)}}</td>
                    <td class="text-center">
                        <a class="btn bg-info h5 text-white text-center"  title="Show" href="{{ route('account.order.show', $order->id)}}" data-bs-toggle="modal">
                            <img style="width: 20px;height:20px;" src="/_next/static/media/eye-svgrepo-com.svg">
                            </a>
                        @if($order->status == app\Enums\OrderStatus::COMPLETED)
                        <a class="btn h5 text-white text-center {{array_key_exists($order->id,$reports) ? 'bg-warning' : 'bg-danger' }}"  title="Report" href="{{ route('account.report', $order->id)}}" data-bs-toggle="modal"><img style="width: 20px;height:20px;" src="/_next/static/media/icons8-shield-48.png"/></a>
                        @endif
                    </td>

                </tr>
                @endforeach
                    @endif
                </tbody>
            </table>
            <br><br>
        </section>
@endsection