@extends('master.front')
@section('title')
    {{__('Orders')}}
@endsection

@section('content')
    <!-- Page Title-->
 
 <div class="bg-gray4">
  <div class="container-fluid container60">
      <nav aria-label="breadcrumb">
          <ol class="breadcrumb py-3">

            <li><a href="{{route('front.index')}}">{{__('Home')}}</a> </li>
           


              <li class="breadcrumb-item"><a href="{{route('front.index')}}">{{__('Home')}}</a></li>
              <li class="breadcrumb-item active" aria-current="page">{{__('Orders')}}</li>
          </ol>
      </nav>
      <div class="row">
          <div class="col-12 py-4">
              <h2 class="fw-semibold text-center d-flex align-items-center justify-content-start text-blue1">
                  {{__('จัดการที่อยู่')}}
              </h2>
          </div>
      </div>
  </div>
</div>
<div class="bg-gray4">
  <div class="container-fluid container60 pb-5">
      <div class="row">
          <div class="col-md-12 col-xl-2">
            @include('includes.user_sitebar')
          </div>
          <div class="col-md-12 col-xl-10">
              <div class="bg-white card card-body border-0 rounded-0">
                  <div class="d-flex align-items-center">
                      <i class="material-symbols-outlined text-blue1 me-1">
                          receipt_long
                      </i>
                      
                      <h5 class="fw-semibold mb-2">{{__('รายการสั่งซื้อ')}}</h5>
                  </div>
                  {{-- <div class="row g-2 my-3">
                      <div class="col-md-5 col-lg-3">
                          <label for="" class="form-label fs-12 mb-1">คำค้นหา</label>
                          <input type="text" class="form-control" id="" placeholder="">
                      </div>
                      <div class="col-md-5 col-lg-3">
                          <label for="" class="form-label fs-12 mb-1">วันที่</label>
                          <input type="date" class="form-control" id="" placeholder="">
                      </div>
                      <div class="col-10 col-md-5 col-lg-3">
                          <label for="" class="form-label fs-12 mb-1">สถานะ</label>
                          <select class="form-select">
                              <option></option>
                          </select>
                      </div>
                      <div class="col-2 col-md-2 col-lg-3">
                          <label for="" class="form-label fs-12 mb-2 d-block w-100">&nbsp;</label>
                          <button class="btn btn-blue d-flex align-items-center rounded-0"><i
                                  class="material-symbols-outlined">search</i></button>
                      </div>
                  </div> --}}
                  <div class="bordered-1">
                      <div class="box-hoHead p-3 border bg-gray4 d-none d-md-block mb-2">
                          <div class="row">
                              <div class="col-sm">
                                  <h6 class="mb-0 text-center">{{__('รหัสสั่งซื้อ')}}</h6>
                              </div>
                              <div class="col-sm">
                                  <h6 class="mb-0 text-center">{{__('วันที่สั่งซื้อ')}}</h6>
                              </div>
                              <div class="col-sm">
                                  <h6 class="mb-0 text-center">{{__('ยอดสุทธิ')}}</h6>
                              </div>
                              <div class="col-sm">
                                <h6 class="mb-0 text-center">{{__('สถานะชำระเงิน')}}</h6>
                            </div>
                              <div class="col-sm">
                                  <h6 class="mb-0 text-center">{{__('สถานะจัดส่ง')}}</h6>
                              </div>
                              <div class="col-sm">
                                  <h6 class="mb-0 text-center">{{__('จัดการ')}}</h6>
                              </div>
                          </div>
                      </div>
               

                      @foreach ($orders as $order)
                      

                     <div class="box-holist p-3 mb-2">
                        <div class="row align-items-center">
                            <div class="col-6 col-md text-start text-md-center">
                                <a href="#"  data-toggle="modal" data-target="#orderDetails" class="link-black">{{$order->transaction_number}}</a>
                            </div>
                            <div class="col-6 col-md text-end text-md-center">
                                {{$order->created_at->format('Y/m/d')}}
                            </div>
                            <div class="col-6 col-md text-start text-md-center">
                                <h5 class="mb-0"> @if ($setting->currency_direction == 1)
                                    {{$order->currency_sign}}{{PriceHelper::OrderTotal($order)}}
                                    @else
                                    {{PriceHelper::OrderTotal($order)}}{{$order->currency_sign}}
                                    @endif
                                </h5>
                            </div>
                            <div class="col-6 col-md text-end text-md-center">
                                @if($order->payment_status == 'Pending')
                                <span class="text-info">{{$order->payment_status}}</span>
                                @elseif($order->payment_status == 'Unpaid')
                                <span class="text-danger">{{$order->payment_status}}</span>
                                @elseif($order->payment_status == 'Paid')
                                <span class="text-success">	{{$order->payment_status}}</span>
                                @else
                                <span class="text-danger">{{__('ไม่ทราบสถานะ')}}</span>
                                @endif
                                {{-- <span class="badge rounded-pill bg-light-secondary my-3">จัดเตรียมสินค้า</span> --}}
                            </div>
                            <div class="col-6 col-md text-end text-md-center">
                                @if($order->order_status == 'Pending')
                                <span class="text-info">{{$order->order_status}}</span>
                                @elseif($order->order_status == 'In Progress')
                                <span class="text-warning">{{$order->order_status}}</span>
                                @elseif($order->order_status == 'Delivered')
                                <span class="text-success">	{{$order->order_status}}</span>
                                
                                @elseif($order->order_status == 'Success')
                                <span class="text-success">	{{$order->order_status}}</span>
                                @else

                                
                                <span class="text-danger">{{__('Canceled')}}</span>
                                @endif
                                {{-- <span class="badge rounded-pill bg-light-secondary my-3">จัดเตรียมสินค้า</span> --}}
                            </div>
                            <div class="col-12 col-md text-center">
                                <a href="{{route('user.order.invoice',$order->id)}}" class="btn btn-blue rounded-0">ดูรายละเอียด</a>
                            </div>
                        </div>
                    </div>
                      @endforeach
     
                     
                  </div>
                  {{-- <div class="text-center mb-5">
                      <nav aria-label="Page navigation">
                          <ul class="pagination justify-content-center">
                              <li class="page-item">
                                  <a class="page-link" href="#" aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                  </a>
                              </li>
                              <li class="page-item active"><a class="page-link" href="#">1</a></li>
                              <li class="page-item"><a class="page-link" href="#">2</a></li>
                              <li class="page-item"><a class="page-link" href="#">3</a></li>
                              <li class="page-item">
                                  <a class="page-link" href="#" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                  </a>
                              </li>
                          </ul>
                      </nav>
                  </div> --}}
              </div>
          </div>
      </div>
  </div>
</div>


  {{-- <div class="container padding-bottom-3x mb-1">
    <div class="row">
       @include('includes.user_sitebar')
       <div class="col-lg-8">
        <div class="card">
            <div class="card-body">
        <div class="u-table-res">
          <table class="table table-bordered mb-0">
            <thead>
              <tr>
                <th>{{__('Order')}} #</th>
                <th>{{__('Total')}}</th>
                <th>{{__('Order Status')}}</th>
                <th>{{__('Payment Status')}}</th>
                <th>{{__('Date Purchased')}}</th>
                <th>{{__('Action')}}</th>
              </tr>
            </thead>
            <tbody>
             @foreach ($orders as $order)
             <tr>
              <td><a class="navi-link" href="#" data-toggle="modal" data-target="#orderDetails">{{$order->transaction_number}}</a></td>
              <td>
                @if ($setting->currency_direction == 1)
                {{$order->currency_sign}}{{PriceHelper::OrderTotal($order)}}
                @else
                {{PriceHelper::OrderTotal($order)}}{{$order->currency_sign}}
                @endif

              </td>
              <td>
                @if($order->order_status == 'Pending')
                <span class="text-info">{{$order->order_status}}</span>
                @elseif($order->order_status == 'In Progress')
                <span class="text-warning">{{$order->order_status}}</span>
                @elseif($order->order_status == 'Delivered')
                <span class="text-success">	{{$order->order_status}}</span>
                @else
                <span class="text-danger">{{__('Canceled')}}</span>
                @endif
              </td>
              <td>
                @if($order->payment_status == 'Paid')
                <span class="text-success">{{$order->payment_status}}</span>
                @else
                <span class="text-danger">{{$order->payment_status}}</span>
                @endif
              </td>

              <td>{{$order->created_at->format('D/M/Y')}}</td>
              <td>
                  <a href="{{route('user.order.invoice',$order->id)}}" class="btn btn-info btn-sm">{{__('Details')}}</a>
              </td>
            </tr>
             @endforeach
            </tbody>
          </table>
        </div>
            </div>
        </div>

      </div>
    </div>
 </div>  --}}


@endsection