@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" class="row g-3 mb-3">
        <div class="col-md-3">
          <input type="text" name="search" class="form-control" placeholder="Search Ref No, Order ID, SKU, PO Number"
            value="{{ request('search') }}">
        </div>
        <div class="col-md-2">
          <select name="status" class="form-select">
            <option value="">All Status</option>
            <option value="PROCESSING" {{ request('status') == 'PROCESSING' ? 'selected' : '' }}>Processing</option>
            <option value="PENDING" {{ request('status') == 'PENDING' ? 'selected' : '' }}>Pending</option>
            <option value="COMPLETE" {{ request('status') == 'COMPLETE' ? 'selected' : '' }}>Completed</option>
            <option value="FAILED" {{ request('status') == 'FAILED' ? 'selected' : '' }}>Failed</option>
            <option value="NOTCOMP" {{ request('status') == 'NOTCOMP' ? 'selected' : '' }}>Not Completed</option>
            <!-- Add more statuses as needed -->
          </select>
        </div>
        <div class="col-md-2">
          <select name="is_paid" class="form-select">
            <option value="">All Payment</option>
            <option value="Y" {{ request('is_paid') === 'Y' ? 'selected' : '' }}>Paid</option>
            <option value="N" {{ request('is_paid') === 'N' ? 'selected' : '' }}>Unpaid</option>
            <option value="R" {{ request('is_paid') === 'R' ? 'selected' : '' }}>Refunded</option>
          </select>
        </div>
        <div class="col-md-2">
          <button type="submit" class="btn btn-primary">Filter</button>
          <a href="{{ route('admin.all.woohoo.giftcards') }}" class="btn btn-secondary">Reset</a>
        </div>
      </form>

      <div class="table-responsive">
        <table class="table table-hover table-bordered align-middle">
          <thead>
            <tr>
              <th>#</th>
              <th>Product</th>
              <th>Customer</th>
              <th>Mobile</th>
              <th>Order ID</th>
              <th>Amount</th>
              <th>Status</th>
              <th>Is Paid</th>
              <th>Created At</th>
              <th>Action</th>
            </tr>
          </thead>
          <tbody>
            @forelse($orders as $order)
              <tr>
                <td>{{ $loop->iteration + ($orders->currentPage() - 1) * $orders->perPage() }}</td>
                <td>{{ $order->product->name }}</td>
                <td>{{ $order->user->name }}</td>
                <td>{{ $order->user->mobile }}</td>
                <td>{{ $order->checkout->checkout_id ?? '' }}</td>
                <td>{{ AmountFormat($order->amount) }}</td>
                <td>{{ ucfirst($order->status) }}</td>
                <td>
                  @if ($order->is_paid == 'Y')
                    <span class="badge bg-success">Paid</span>
                  @elseif($order->is_paid == 'R')
                    <span class="badge bg-danger">Refunded</span>
                  @else
                    <span class="badge bg-danger">Unpaid</span>
                  @endif
                </td>
                <td>{{ $order->created_at }}</td>
                <td>
                  @if ( isset($order->checkout->invoice_id) && $order->checkout->invoice_id != '')
                    <a href="{{ route('admin.woohoo.invoice', [$order->checkout->checkout_id]) }}"
                      class="btn btn-sm btn-info">Invoice</a>
                  @endif
                  @if ($order->is_paid == 'Y' && $order->status != 'COMPLETE')
                    @if (str_contains($order->pay_id, 'wallet'))
                      <button class="btn btn-sm btn-primary wallet_refund_start" value="{{ $order->id }}">Wallet
                        Refund</button>
                    @else
                      <button class="btn btn-sm btn-primary online_refund_start" value="{{ $order->id }}">Online
                        Refund</button>
                    @endif
                  @else
                    --
                  @endif
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="9" class="text-center">No orders found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>

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


  <div class="modal fade" id="online_refund_order_amount_mobal" data-bs-backdrop="static" data-bs-keyboard="false"
    tabindex="-1" aria-labelledby="online_refund_order_amount_mobalLabel" aria-hidden="true">
    <form class="modal-dialog" method="POST" action="{{ route('admin.woohoo.refund.amount') }}">
      <div class="modal-content">
        @csrf
        <div class="modal-header">
          <h5 class="modal-title" id="online_refund_order_amount_mobalLabel">Refund</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <input type="hidden" name="id" id="online_refund_id">
          <h4>Do you want to refund this order?</h4>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
          <button type="submit" class="btn btn-primary">Yes</button>
        </div>
      </div>
    </form>
  </div>
  <div class="modal fade" id="wallet_refund_order_amount_mobal" data-bs-backdrop="static" data-bs-keyboard="false"
    tabindex="-1" aria-labelledby="wallet_refund_order_amount_mobalLabel" aria-hidden="true">
    <form class="modal-dialog" method="POST" action="{{ route('admin.woohoo.refund.amount.wallet') }}">
      <div class="modal-content">
        @csrf
        <div class="modal-header">
          <h5 class="modal-title" id="wallet_refund_order_amount_mobalLabel">Refund</h5>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <input type="hidden" name="id" id="wallet_refund_id">
          <h4>Do you want to refund this order?</h4>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">No</button>
          <button type="submit" class="btn btn-primary">Yes</button>
        </div>
      </div>
    </form>
  </div>
@endsection

@push('script')
  <script>
    $(document).on("click", ".online_refund_start", function() {
      let id = $(this).attr("value");
      $("#online_refund_id").val(id);
      $(".modal").modal("hide");
      $("#online_refund_order_amount_mobal").modal("show");
    });
    $(document).on("click", ".wallet_refund_start", function() {
      let id = $(this).attr("value");
      $("#wallet_refund_id").val(id);
      $(".modal").modal("hide");
      $("#wallet_refund_order_amount_mobal").modal("show");
    });
  </script>
@endpush