@extends('admin.layouts.dashboard')
@section('title', 'All Orders')
@section('content')
<div class="container-fluid">
    <div class="row ">
      <div class="col-md-6  mt-3 mb-3">
         <h3 class="mb-2 main-heading">Orders</h3>
      </div>
      <div class="col-md-6 mt-3 mb-3" style="margin-bottom: 10px;">
         <!-- <div class="input-group rounded-2 border-0">
            <input type="" class="form-control" name="search" value="" id="ajaxSearchItem" placeholder="Search..">
            <div class="input-group-append">
               <button class="btn btn-primary search-btn" type="button">
               <i class="fas fa-search fa-sm"></i>
               </button>
            </div>
         </div> -->
      </div>
    </div>
   <div class="row mb-5" id="ajaxSearchData">
      <div class="col-lg-12">
      <ul class="nav nav-tabs order-s border-0">
    <li class="{{ request('activeTab') === 'sales' || !request('activeTab') ? 'active' : '' }}">
        <a data-toggle="tab" href="#home" onclick="setActiveTab('sales')">Sales Order({{ $salesOrderCount }})</a>
    </li>
    <li class="{{ request('activeTab') === 'rental' ? 'active' : '' }}">
        <a data-toggle="tab" href="#menu1" onclick="setActiveTab('rental')">Rental Order({{ $rentalOrderCount }})</a>
    </li>
</ul>
<div class="tab-content">
    <!-- Sales Order Tab -->
    <div id="home" class="tab-pane {{ request('activeTab') === 'sales' || !request('activeTab') ? 'active' : '' }}">
        <div class="table-responsive shadow rounded-3 bg-white p-3">
            <table class="table table-justified">
                <thead>
                    <tr>
                        <th>S No</th>
                        <th>Order No</th>
                        <th>Order Type</th>
                        <th>Order Date</th>
                        <th>Customer Name</th>
                        <th>Total Items</th>
                        <th>Total Amount</th>
                        <th>Order Status</th>
                        <th>Payment Status</th>
                    </tr>
                </thead>
                @if($salesOrders->isNotEmpty())  
                    @foreach($salesOrders as $key => $order)
                        <tr>
                            <td>{{ $salesOrders->firstItem() + $key }}</td>
                            <td><a  href="/admin/orders/{{ $order->id }}" >{{ $order->order_no }}</a></td>
                            <td>{{  $order->payment_type}}</td>
                            <td>{{ date('d-m-Y', strtotime($order->created_at)) }}</td>
                            <td>{{ $order->shipping->firstname }}</td>  
                            <td>{{ $order->items }}</td>
                            @php 
                                $gst = number_format($order->amount * 0.05,2);
                                $pst = number_format($order->amount * 0.07,2); 
                             @endphp
                            <td>${{ number_format($order->amount + $gst + $pst, 2, '.', '') }}</td>
                            <td>
                                @if($order->order_status == '0')
                                    <span class="badge badge-secondary mt-2 badge-status">Pending</span>
                                @elseif($order->order_status == '1')
                                    <span class="badge badge-success mt-2 badge-status">Confirmed</span>
                                @elseif($order->order_status == '9')
                                    <span class="badge badge-danger mt-2 badge-status">Cancelled</span>
                                @elseif($order->order_status == '2')
                                    <span class="badge badge-primary mt-2 badge-status">Dispatched</span>
                                @elseif($order->order_status == '3')
                                    <span class="badge badge-success mt-2 badge-status">Delivered</span>
                                @elseif($order->order_status == '4')
                                    <span class="badge badge-primary mt-2 badge-status">Return</span>
                                @elseif($order->order_status == '5')
                                    <span class="badge badge-primary mt-2 badge-status">Returned</span>
                                @endif
                            </td>
                            <td>
                                @if($order->status === \App\Models\Order::ORDER_PENDING)
                                    <span class="badge badge-secondary mt-2 badge-status">Pending</span>
                                @elseif($order->status === \App\Models\Order::ORDER_PAID)
                                    <span class="badge badge-success mt-2 badge-status">Paid</span>
                                @elseif($order->status === \App\Models\Order::ORDER_CANCELLED)
                                    <span class="badge badge-danger mt-2 badge-status">Cancelled</span>
                                @elseif($order->status === \App\Models\Order::ORDER_FAILED)
                                    <span class="badge badge-danger mt-2 badge-status">Failed</span>
                                @endif
                            </td>
                            {{-- <td>
                                <div class="actions">
                                    <a class="btn-yellow-all" href="/admin/orders/{{ $order->id }}" title="View">View</a>
                                </div>
                            </td>
                        </tr> --}}
                    @endforeach
                    <tr>
                        <td colspan="5">
                            {!! $salesOrders->appends(['activeTab' => 'sales', 'sales_page' => $salesOrders->currentPage()])->links() !!}
                        </td>
                    </tr>
                @else
                    <tr><td colspan="5"><h3 class="text-center">No Sales Orders Found</h3></td></tr>
                @endif
            </table>
        </div>
    </div>

    <!-- Rental Order Tab -->
    <div id="menu1" class="tab-pane {{ request('activeTab') === 'rental' ? 'active' : '' }}">
        <div class="table-responsive shadow rounded-3 bg-white p-3">
            <table class="table table-justified">
                <thead>
                    <tr>
                        <th>S No</th>
                        <th>Order No</th>
                        <th>Order Type</th>
                        <th>Order Date</th>
                        <th>Customer Name</th>
                        <th>Total Items</th>
                        <th>Total Amount</th>
                        <th>Booking Status</th> 
                        <th>Payment Status</th>
                    </tr>
                </thead>
                @if($rentalOrders->isNotEmpty())  
                    @foreach($rentalOrders as $key => $order)                              
                        <tr>
                            <td>{{ $rentalOrders->firstItem() + $key }}</td>
                            <td><a  href="/admin/orders/{{ $order->id }}" >{{ $order->order_no }}</a></td>
                            <td>{{  $order->payment_type}}</td>
                            <td>{{ date('d-m-Y', strtotime($order->created_at)) }}</td>
                            <td>{{ $order->shipping->firstname }}</td>
                            <td>{{ $order->items }}</td>
                            <td>${{ number_format($order->amount * 1.05, 2) }}</td>
                            <td> @if($order->order_status == '0')
                                    <span class="badge badge-secondary mt-2 badge-status">Pending</span>
                                @elseif($order->order_status == '1')
                                    <span class="badge badge-success mt-2 badge-status">Confirmed</span>
                                @elseif($order->order_status == '9')
                                    <span class="badge badge-danger mt-2 badge-status">Cancelled</span>
                                @elseif($order->order_status == '2')
                                    <span class="badge badge-primary mt-2 badge-status">Dispatched</span>
                                @elseif($order->order_status == '3')
                                    <span class="badge badge-success mt-2 badge-status">Delivered</span>
                                @elseif($order->order_status == '4')
                                    <span class="badge badge-primary mt-2 badge-status">Return</span>
                                @elseif($order->order_status == '5')
                                    <span class="badge badge-primary mt-2 badge-status">Returned</span>
                                @endif</td>
                            <td>
                                @if($order->status === \App\Models\Order::ORDER_PENDING)
                                    <span class="badge badge-secondary mt-2 badge-status">Pending</span>
                                @elseif($order->status === \App\Models\Order::ORDER_PAID)
                                    <span class="badge badge-success mt-2 badge-status">Paid</span>
                                @elseif($order->status === \App\Models\Order::ORDER_CANCELLED)
                                    <span class="badge badge-danger mt-2 badge-status">Cancelled</span>
                                @elseif($order->status === \App\Models\Order::ORDER_FAILED)
                                    <span class="badge badge-danger mt-2 badge-status">Failed</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                    <tr>
                        <td colspan="5">
                            {!! $rentalOrders->appends(['activeTab' => 'rental', 'rental_page' => $rentalOrders->currentPage()])->links() !!}
                        </td>
                    </tr>
                @else
                    <tr><td colspan="5"><h3 class="text-center">No Rental Orders Found</h3></td></tr>
                @endif
            </table>
        </div>
    </div>
</div>

    </div>


         </div>
      </div>
   </div>
</div>
</div>
@endsection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.0/js/dataTables.buttons.min.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.html5.min.js" defer></script>
   <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/buttons/2.0.0/js/buttons.print.min.js" defer></script> -->
<!-- jquery-validation Js -->
<script src="{{asset('vroom/assets/js/plugins/jquery.validate.min.js')}}"></script>
<!-- form-picker-custom Js -->
<script src="{{asset('vroom/assets/js/pages/form-validation.js')}}"></script>
<script>
   $(document).ready(function(){
   
   $('#ajaxSearchItem').keyup(function(){
       var value = $(this).val();
       $.ajax({
          type:'GET',
          url:'{{ url("admin/order/search") }}',
          data:{
           search:value,
           page:1
          },
          success:function(data) {
             $('#ajaxSearchData').html(data);
          },
          error:function(error){
           alert('error: ', error);
          }
       });
   
   });
 
//    $('.nav-tabs li a').click(function(e){
//         e.preventDefault(); // prevent default behavior
//         $('.nav-tabs li').removeClass('active'); // remove active class from all tabs
//         $(this).parent().addClass('active'); // add active class to clicked tab
//         $('.tab-pane').removeClass('in active'); // hide all tab content
//         $($(this).attr('href')).addClass('in active'); // show clicked tab content
//     });
   });
   function setActiveTab(tab) {
    const currentUrl = new URL(window.location.href);

    // Update the activeTab parameter in the URL
    currentUrl.searchParams.set('activeTab', tab);

    // Manage pagination parameters for each tab
    if (tab === 'sales') {
        currentUrl.searchParams.delete('rental_page');
        currentUrl.searchParams.set('sales_page', 1); // Reset sales page when switching tabs
    } else {
        currentUrl.searchParams.delete('sales_page');
        currentUrl.searchParams.set('rental_page', 1); // Reset rental page when switching tabs
    }

    window.location.href = currentUrl.toString(); // Redirect to the updated URL
}
       
</script>