@extends('layouts.app-home-user')

@section('meta_title')
<title>My Order - {{ config('app.name') }}</title>
        <meta name="title" content="My Order">
        <meta name="keywords" content="My Order">
        <meta name="description" content="My Order">
        <meta property="og:type" content="website">
        <meta property="og:site_name" content="{{url('/')}}">
        <meta property="og:url" content="{{url('/user/orderlist')}}" >
        <meta property="og:image" content="{{url('website/img/logo2.svg')}}"> 
@endsection
@section('content')
<div class="ltn__breadcrumb-area text-left bg-overlay-white-30 " >
   <div class="container">
      <div class="row direction">
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-inner">
               <h3 class="page-title" >My Order</h3>
            </div>
         </div>
         <div class="col-lg-6">
            <div class="ltn__breadcrumb-list " style="text-align: right; ">
               <ul>                 
               <li><a href="{{url('user/dashboard')}}" class="active"><span class="ltn__secondary-color"><i class="fa fa-home"></i></span> Home</a></li>
                                <li><i class="fa fa-angle-right"></i></li>
                  <li>My Order</li>
               </ul>
            </div>
         </div>
      </div>
   </div>
</div>
<div class=" gry-bg liton__wishlist-area pt-60 pb-70 pt-5 pb-5">
   <div class="container">
      <div class="row direction">
         <div class="col-lg-12">
            <!-- PRODUCT TAB AREA START -->
            <div class="ltn__product-tab-area">
               <div class="container">
                  <div class="row">
                     @include('layouts.user_sidebar')
                     <div class="col-lg-9">
                        <div class="tab-content bg-white">
                           <div class="form-box-title px-3 py-2">
                           My Order
                           </div>
                           <div class="tab-pane fade active show p-3" id="liton_tab_1_5">
                              <div class="ltn__myaccount-tab-content-inner">
                                 <div class="ltn__form-box">
                                 @if ($message = session()->has('errors_validation'))
                                  <div class="alert alert-danger" role="alert" id="danger-alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                    @foreach(session()->get('errors_validation') as $err)
                                        {{$err}}
                                        <br>
                                      @endforeach
                                  </div>
                                @endif
                                @if ($message = session()->has('error'))
                                  <div class="alert alert-danger" role="alert" id="danger-alert">
                                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                      <span aria-hidden="true">&times;</span>
                                    </button>
                                    {{session()->get('error')}}
                                        
                                  </div>
                                @endif
                          
                                  @if ($message = session()->has('success_message'))
                                    <div class="alert alert-success" role="alert" id="danger-alert">
                                      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                      </button>
                                      {{session()->get('success_message')}}
                                    </div>
                                  @endif
                                  <div class="p-3" style="overflow-x: auto;">
                                <table cellpadding="0" cellspacing="0" border="0" class="datatable table table-striped table-bordered">
                        <thead>
                        <tr class="active" style="color: #fff;  background: #141414;">
                        <th style="width:80px;">#</th>            
                        <th>Invoice No.</th>
                        <!-- <th>VAT</th> -->
                        <th>Total</th>
                        <th>Status</th>
                        <th>Order Date</th>
                        <th style="width:70px;">Action</th>
                        </tr>
                        </thead>
                        <tbody>
    @forelse($order as $key=>$row)
                                        @php
                                        if($row->status == 'Pending'){
                                        $badge = 'badge-info';
                                        }elseif($row->status == 'Returned'){
                                        $badge = 'badge-danger';
                                        }elseif($row->status == 'Failed'){
                                        $badge = 'badge-danger';
                                    }elseif($row->status == 'Cancelled'){
                                        $badge = 'badge-danger';
                                        }elseif($row->status == 'Received'){
                                        $badge = 'badge-success';
                                    }elseif($row->status == 'Shipped'){
                                        $badge = 'badge-warning';
                                        }else{
                                        $badge = 'badge-warning';
                                        }
                                        @endphp
                                        <tr>
                                        <td>{{$key+1}}</td>
                                            <td>#{{$row->reference}}</td>
                                            <!-- <td>  £  {{$row->taxAmt}}</td> -->
                                            <td>  £  {{$row->totalAmt}}</td>
                                           
                                          

                                            <td><span class="badge {{$badge}}" style="text-transform: capitalize;">
                                               
                                                {{$row->status}}
                                               
                                                </span>
                                            </td>
                                           
                                            <td>{{$row->created_at}}</td>
                                            <td><a data-original-title="View Detail" class="btn btn-info btn-sm orderview" data-toggle="tooltip" data-placement="top" href="{{url('user/orderview?orderviewId='.\Crypt::encryptString($row->id))}}" style=""><i class="fa fa-eye"></i></a>
                                                <!-- <a href="{{url('user/invoice/'.$row->id)}}" class="btn btn-warning btn-sm"  data-toggle="tooltip" data-placement="top" title="View Invoice" target="_blank"  style="padding-bottom: 0px;color:#fff"><i class="fa fa-file-text"></i></a>  -->
                                            </td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td class="text-danger" colspan="7" align="center">No Order found</td>
                                        </tr>
                                        @endforelse


    
    </tbody>
  </table>

</div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <!-- PRODUCT TAB AREA END -->
         </div>
      </div>
   </div>
</div>
@endsection