@extends('admin.layouts.main')
@php
  $page_name = 'Orders';
@endphp
@section('content')
  <div class="card">
    <div class="card-body">
      <h4>{{ $page_name }}</h4>
      <form method="GET" action="{{ route('admin.all.orders') }}" class="mb-4">
        <input type="hidden" name="user" value="{{ request('search') }}">
        <div class="row g-3 align-items-end">
          <div class="col-md-3">
            <label class="form-label">Search</label>
            <input type="text" name="search" class="form-control" placeholder="ID, Payment ID, Txn ID, User ID"
              value="{{ request('search') }}">
          </div>
          <div class="col-md-2">
            <label class="form-label">Status</label>
            <select name="under_process" class="form-select">
              <option value="" selected>All</option>
              @php
                $status_order = [
                    '0' => 'New Order',
                    '1' => 'Accepted',
                    '2' => 'Cancelled by user (refund pending)',
                    '3' => 'Cancelled by admin (refund pending)',
                    '4' => 'Cancelled and refunded',
                    "2,3"=>"Pending Refund"
                ];
              @endphp
              @foreach ($status_order as $key => $val)
                <option value="{{ $key }}" {{ request('under_process') == "$key" ? 'selected' : '' }}>
                  {{ $val }}</option>
              @endforeach
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">Is Paid</label>
            <select name="is_paid" class="form-select">
              <option value="">All</option>
              <option value="1" {{ request('is_paid') == '1' ? 'selected' : '' }}>Yes</option>
              <option value="0" {{ request('is_paid') == '0' ? 'selected' : '' }}>No</option>
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">Is Delivered</label>
            <select name="is_delivered" class="form-select">
              <option value="">All</option>
              <option value="1" {{ request('is_delivered') == '1' ? 'selected' : '' }}>Yes</option>
              <option value="0" {{ request('is_delivered') == '0' ? 'selected' : '' }}>No</option>
            </select>
          </div>
          <div class="col-md-2">
            <label class="form-label">Payment Type</label>
            <select name="payment_type" class="form-select">
              <option value="">All</option>
              <option value="online" {{ request('payment_type') == 'online' ? 'selected' : '' }}>Online</option>
              <option value="wallet" {{ request('payment_type') == 'wallet' ? 'selected' : '' }}>Wallet</option>
            </select>
          </div>
          <div class="col-md-1 d-grid">
            <button type="submit" class="btn btn-primary">Filter</button>
          </div>
          <div class="col-md-1 d-grid">
            <a href="{{ route('admin.all.orders') }}?status=completed" class="btn btn-outline-secondary">Reset</a>
          </div>
        </div>
      </form>

      <div class="table-responsive">
        <table class="table table-hover table-bordered align-middle">
          <thead class="">
            <tr>
              <th>#</th>
              <th>User</th>
              <th>Order ID</th>
              <th>Transaction ID</th>
              <th>Status</th>
              <th class="d-none"></th>
              <th class="d-none">Create Order</th>
              <th>Is Paid</th>
              <th>Is Delivered</th>
              <th>Payment Type</th>
              <th>Created At</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($orders as $order)
              <tr>
                <td>{{ $order->id }}</td>
                <td>{{ $order->user->name ?? 'N/A' }}<br><small
                    class="text-muted">{{ $order->user->mobile ?? 'N/A' }}</small></td>
                <td>{{ $order->payment_order_id }}</td>
                <td>{{ $order->transaction_id }}</td>
                <td>
                  {{-- @if ($order->under_process == 0)
                    <span
                      class="badge bg-{{ $order->status == 'completed' ? 'info' : ($order->status == 'pending' ? 'warning' : 'danger') }}">
                      {{ ucfirst(config("constant.order_status.$order->status")) }}
                    </span>
                  @else --}}
                  @if ($order->status == 'pending')
                    <span class="badge bg-warning">
                      {{ ucfirst('payment pending') }}
                    </span>
                  @elseif($order->status == 'failed')
                    <span class="badge bg-danger">
                      {{ ucfirst('Order failed') }}
                    </span>
                  @else 
                    <span class="badge bg-{{ config("constant.under_process_color.$order->under_process") }}">
                      {{ ucfirst(config("constant.under_process.$order->under_process")) }}
                    </span>
                  @endif
                  {{-- @endif --}}
                </td>
                <td class="d-none">
                  <form method="POST" action="{{ route('admin.orders.process', $order->id) }}"
                    onsubmit="return confirm('Are you sure you want to process this order?');">
                    @csrf
                    @method('PATCH')
                    <button type="submit" class="btn btn-sm btn-primary">
                      {{ $order->under_process ? 'Processing' : 'Start Process' }}
                    </button>
                  </form>
                </td>
                <td class="d-none">
                  <form method="POST" action="{{ route('admin.orders.update.status', $order->id) }}"
                    onsubmit="return confirm('Are you sure you want to change the status?');">
                    @csrf
                    @method('PATCH')
                    <select name="ready_to_delivery" class="form-select form-select-sm" onchange="this.form.submit()">
                      <option value="0" {{ !$order->ready_to_delivery ? 'selected' : '' }}>No</option>
                      <option value="1" {{ $order->ready_to_delivery ? 'selected' : '' }}>Yes</option>
                    </select>
                  </form>
                </td>
                <td><span
                    class="badge bg-{{ $order->is_paid ? 'success' : 'secondary' }}">{{ $order->is_paid ? 'Yes' : 'No' }}</span>
                </td>
                <td><span
                    class="badge bg-{{ $order->is_delivered ? 'success' : 'secondary' }}">{{ $order->is_delivered ? 'Yes' : 'No' }}</span>
                </td>
                <td>{{ ucfirst($order->payment_type) }}</td>
                <td>{{ $order->created_at->format('d-m-Y H:i') }}</td>
                <td>
                  <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-sm btn-info mb-1">View</a>
                  {{-- <a href="{{ route('admin.orders.edit', $order->id) }}" class="btn btn-sm btn-warning">Edit</a> --}}
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="10" class="text-center text-muted">No orders found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>

      <div class="mt-3">
        {{ $orders->appends(request()->input())->links('pagination::bootstrap-5') }}
      </div>
    </div>
  </div>
@endsection