@extends('admin.layouts.main')
@php
  $page_name = 'Shiprocket Orders';
@endphp
@section('style')
  <!-- Add any custom styles if needed -->
@endsection
@section('content')
  <div class="card">
    <div class="card-body">
      <div class="d-flex justify-content-between">
        <h4 class="mb-4">{{ $page_name }}</h4>
        <form method="GET" action="{{ route('admin.shiprocketOrders') }}" class="d-flex">
          <div class="mx-1">
            <input type="text" name="search" class="form-control me-2"
              placeholder="Search by Order ID or Channel Order ID" value="{{ request('search') }}">
          </div>
          <div class="mx-1">

            <select name="status" class="form-select me-2">
              <option value="">All Statuses</option>
              <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
              <option value="completed" {{ request('status') == 'completed' ? 'selected' : '' }}>Completed</option>
              <option value="cancelled" {{ request('status') == 'cancelled' ? 'selected' : '' }}>Cancelled</option>
            </select>
          </div>
          <div class="mx-1">

            <button type="submit" class="btn btn-primary">Filter</button>
          </div>
        </form>
      </div>
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>#</th>
            <th>Order ID</th>
            <th>Channel Order ID</th>
            <th>Shipment ID</th>
            <th>Status</th>
            <th>AWB Code</th>
            <th>Courier Name</th>
            <th>Created At</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          @forelse ($shiprocketOrders as $order)
            <tr class="{{ $order->active == 0 ? 'table-danger' : '' }}">
              <td>{{ $loop->iteration }}</td>
              <td>{{ $order->order_id }}</td>
              <td>{{ $order->channel_order_id }}</td>
              <td>{{ $order->shipment_id }}</td>
              <td>{{ $order->status }}</td>
              <td>{{ $order->awb_code }}</td>
              <td>{{ $order->courier_name }}</td>
              <td>{{ $order->created_at->format('d-m-Y H:i') }}</td>
              <td>
                <a href="{{ route('admin.shiprocketOrderDetails', ['id' => $order->id]) }}"
                  class="btn btn-info btn-sm">View</a>
                @if ($order->active != 0)
                  <form action="{{ route('admin.cancelShiprocketOrder') }}" method="POST" style="display:inline;">
                    @csrf
                    <input type="hidden" name="order_id" value="{{ $order->id }}">
                    <button type="submit" class="btn btn-warning btn-sm">Cancel</button>
                  </form>
                @else
                  <form action="{{ route('admin.cloneOrder') }}" method="POST" style="display:inline;">
                    @csrf
                    <input type="hidden" name="ready_to_delivery" value="1">
                    <input type="hidden" name="id" value="{{ $order->db_order_id }}">
                    <button type="submit" class="btn btn-info btn-sm">Clone Order</button>
                  </form>
                @endif
              </td>
            </tr>
          @empty
            <tr>
              <td colspan="9" class="text-center">No orders found.</td>
            </tr>
          @endforelse
        </tbody>
      </table>
      <div class="d-flex justify-content-end my-2">
        {{ $shiprocketOrders->links() }}
      </div>
    </div>
  </div>
@endsection

@section('script')
  <script>
    // Add any custom JavaScript if needed
  </script>
@endsection