@extends('admin.layouts.main')
@php
  $page_name = 'Wallet Transaction';
@endphp
@section('content')
  <div class="card">
    <div class="card-body">
      <div class="d-flex justify-content-between">
        <h4>Wallet Transactions {{ isset($user->name) ? "- $user->name" : '' }}</h4>
        @if (isset($user->name))
          <div>
            <button type="button" data-bs-toggle="modal" data-bs-target="#top_up_modal" class="btn btn-sm btn-primary">Make
              Transaction</button>
          </div>
        @endif
      </div>
      <!-- Search/Filter Form -->
      <form method="GET"
        action="{{ isset($user->name) ? route('admin.customers.wallet', enc($user->id)) : route('admin.all.wallet') }}"
        class="row g-3 mb-3">
        <div class="col-md-3">
          <input type="text" name="transaction_id" class="form-control" placeholder="Transaction ID"
            value="{{ request('transaction_id') }}">
        </div>
        <div class="col-md-2">
          <select name="type" class="form-control">
            <option value="">All Types</option>
            <option value="credit" {{ request('type') == 'credit' ? 'selected' : '' }}>Credit</option>
            <option value="debit" {{ request('type') == 'debit' ? 'selected' : '' }}>Debit</option>
          </select>
        </div>
        <div class="col-md-2">
          <input type="date" name="from_date" class="form-control" placeholder="From Date"
            value="{{ request('from_date') }}">
        </div>
        <div class="col-md-2">
          <input type="date" name="to_date" class="form-control" placeholder="To Date"
            value="{{ request('to_date') }}">
        </div>
        <div class="col-md-3">
          <button type="submit" class="btn btn-primary btn-sm">Search</button>
          <a href="{{ isset($user->name) ? route('admin.customers.wallet', enc($user->id)) : route('admin.all.wallet') }}"
            class="btn btn-secondary btn-sm">Reset</a>
        </div>
      </form>

      <!-- Transaction Table -->
      <div class="table-responsive">
        <table class="table table-bordered align-middle">
          <thead>
            <tr>
              <th>Transaction ID</th>
              <th>User</th>
              <th>Amount</th>
              <th>Type</th>
              <th>Status</th>
              <th>Note</th>
              <th>Date</th>
            </tr>
          </thead>
          <tbody>
            @forelse ($transactions as $transaction)
              <tr>
                <td>{{ $transaction->transaction_id }}</td>
                <td>{{ $transaction->user->name ?? '-' }}</td>
                <td>₹{{ $transaction->amount }}</td>
                <td>
                  <span class="badge bg-{{ $transaction->type == 'credit' ? 'success' : 'danger' }}">
                    {{ ucfirst($transaction->type) }}
                  </span>
                </td>
                <td>{{ $transaction->status }}</td>
                <td>{{ $transaction->description }}</td>
                <td>{{ $transaction->created_at->format('d M Y, h:i A') }}</td>
              </tr>
            @empty
              <tr>
                <td colspan="6" class="text-center">No transactions found.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>

      <!-- Pagination -->
      <div class="d-flex justify-content-end mt-3">
        {{ $transactions->appends(request()->query())->links() }}
      </div>

    </div>
  </div>

  @if (isset($user->id))
    <div class="modal fade" id="top_up_modal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
      aria-labelledby="top_up_modalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <form method="POST" action="{{ route('admin.customers.wallet.topup') }}" class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="top_up_modalLabel">Manual Transaction</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            @csrf
            <input type="hidden" name="user_id" value="{{ enc($user->id) }}" required>
            <div class="mb-3">
              <div class="form-input d-flex mb-3">
                <div class="form-check">
                  <input name="type" class="form-check-input" type="radio" value="credit" id="defaultRadio1">
                  <label class="form-check-label" for="defaultRadio1"> Credit </label>
                </div>
                <div class="form-check mx-3">
                  <input name="type" class="form-check-input" type="radio" value="debit" id="defaultRadio2"
                    checked="">
                  <label class="form-check-label" for="defaultRadio2"> Debit </label>
                </div>
              </div>
            </div>
            <div class="mb-3">
              <div class="form-input">
                <input class="form-control" type="number" name="amount" placeholder="Amount" required>
              </div>
            </div>
            <div class="mb-3">
              <div class="form-input">
                <input class="form-control" type="text" name="tran_id" placeholder="Transaction Id">
              </div>
            </div>
            <div class="mb-3">
              <div class="form-input">
                <input type="text" class="form-control" name="description" placeholder="Description" required>
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary btn-sm" data-bs-dismiss="modal">Close</button>
            <button class="btn btn-sm btn-success" type="submit">Submit</button>
          </div>
        </form>
      </div>
    </div>
  @endif
@endsection