@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="paid" class="form-select">
            <option value="">All Payment</option>
            <option value="Y" {{ request('paid') === 'Y' ? 'selected' : '' }}>Paid</option>
            <option value="N" {{ request('paid') === 'N' ? 'selected' : '' }}>Unpaid</option>
            <option value="MR" {{ request('paid') === 'MR' ? '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.orders') }}" 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>Order ID</th>
              <th>Customer</th>
              <th>Mobile</th>
              <th>Payment Type</th>
              <th>Amount</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->checkout_id }}</td>
                <td>{{ $order->user->name }}</td>
                <td>{{ $order->user->mobile }}</td>
                <td>{{ $order->payment_type }}</td>
                <td>{{ AmountFormat($order->total_amount) }}</td>
                <td>
                  @if ($order->paid == 'Y')
                    <span class="badge bg-success">Paid</span>
                  @elseif($order->paid == 'N')
                    <span class="badge bg-danger">Unpaid</span>
                  @elseif($order->paid == 'MR')
                    <span class="badge bg-danger">Refunded</span>
                  @endif
                </td>
                <td>{{ $order->created_at }}</td>
                <td>
                  <a href="{{ route('admin.all.woohoo.giftcards', ["search=$order->checkout_id"]) }}"
                    class="btn btn-sm btn-primary mx-2">Products</a>
                  @if ($order->invoice_id != '')
                    <a href="{{ route('admin.woohoo.invoice', [$order->checkout_id]) }}"
                      class="btn btn-sm btn-info">Invoice</a>
                  @endif
                  @if ($order->paid == 'Y')
                    @if ($order->payment_type == 'Online')
                      <button class="btn btn-sm btn-danger mx-2 online_refund_start" type="button"
                        value="{{ $order->id }}">Refund</button>
                    @else
                      <button class="btn btn-sm btn-danger mx-2 wallet_refund_start" type="button"
                        value="{{ $order->id }}">Refund</button>
                    @endif
                  @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.manual') }}">
      <div class="modal-content">
        @csrf
        <div class="modal-header">
          <h5 class="modal-title" id="online_refund_order_amount_mobalLabel">Online 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">
          <div class="form-input mb-3">
            <label for="amount_o">Amount</label>
            <input name="amount" id="amount_o" class="form-control">
          </div>
          <div class="form-input mb-3">
            <label for="resion_o">Remark</label>
            <textarea name="resion" id="resion_o" class="form-control"></textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Refund</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.manual') }}">
      <div class="modal-content">
        @csrf
        <div class="modal-header">
          <h5 class="modal-title" id="wallet_refund_order_amount_mobalLabel">Wallet 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">
          <div class="form-input mb-3">
            <label for="amount_o">Amount</label>
            <input name="amount" id="amount_w" class="form-control">
          </div>
          <div class="form-input">
            <label for="resion_o mb-3">Remark</label>
            <textarea name="resion" id="resion_w" class="form-control"></textarea>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Refund</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