@extends('admin-dining.layouts.app')

@section('title', 'Transactions')
@section('page-title', 'Dining Transactions')

@section('content')
  <div class="row mb-4">
    <div class="col-12">
      <form method="GET" action="{{ route('admin-dining.transactions.index') }}" class="row g-3">
        <div class="col-md-3">
          <input type="text" name="order_id" class="form-control" placeholder="Order ID"
            value="{{ request('order_id') }}">
        </div>
        <div class="col-md-3">
          <input type="email" name="email" class="form-control" placeholder="Billing Email"
            value="{{ request('email') }}">
        </div>
        <div class="col-md-2">
          <select name="status" class="form-select">
            <option value="">All Status</option>
            <option value="Success" {{ request('status') == 'Success' ? 'selected' : '' }}>Success</option>
            <option value="Failure" {{ request('status') == 'Failure' ? 'selected' : '' }}>Failure</option>
            <option value="Aborted" {{ request('status') == 'Aborted' ? 'selected' : '' }}>Aborted</option>
            <option value="Cancelled" {{ request('status') == 'Cancelled' ? 'selected' : '' }}>Cancelled</option>
          </select>
        </div>
        <div class="col-md-2">
          <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}"
            placeholder="From Date">
        </div>
        <div class="col-md-2">
          <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}"
            placeholder="To Date">
        </div>
        <div class="col-md-12">
          <button type="submit" class="btn btn-primary">
            <i class="bi bi-search"></i> Search
          </button>
          <a href="{{ route('admin-dining.transactions.index') }}" class="btn btn-outline-secondary">
            <i class="bi bi-x-circle"></i> Clear
          </a>
        </div>
      </form>
    </div>
  </div>

  <div class="row mb-3">
    <div class="col-12">
      <div class="d-flex gap-2">
        <a href="{{ route('admin-dining.transactions.index', ['status' => 'Success']) }}"
          class="btn btn-sm btn-outline-success {{ request('status') == 'Success' ? 'active' : '' }}">
          <i class="bi bi-check-circle"></i> Success
        </a>
        <a href="{{ route('admin-dining.transactions.index', ['status' => 'Failure']) }}"
          class="btn btn-sm btn-outline-danger {{ request('status') == 'Failure' ? 'active' : '' }}">
          <i class="bi bi-x-circle"></i> Failed
        </a>
        <a href="{{ route('admin-dining.transactions.index', ['status' => 'Aborted']) }}"
          class="btn btn-sm btn-outline-warning {{ request('status') == 'Aborted' ? 'active' : '' }}">
          <i class="bi bi-exclamation-circle"></i> Aborted
        </a>
        <a href="{{ route('admin-dining.transactions.index') }}" class="btn btn-sm btn-outline-secondary">
          <i class="bi bi-list"></i> All
        </a>
      </div>
    </div>
  </div>

  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center">
      <h5 class="mb-0">All Transactions</h5>
      <span class="badge bg-primary">Total: {{ $transactions->total() }}</span>
    </div>
    <div class="card-body p-0">
      <div class="table-responsive">
        <table class="table table-hover mb-0">
          <thead class="table-light">
            <tr>
              <th>Order ID</th>
              <th>Customer</th>
              <th>Amount</th>
              <th>Payment Mode</th>
              <th>Status</th>
              <th>Transaction Date</th>
              <th>Created At</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody>
            @forelse($transactions as $transaction)
              <tr>
                <td>
                  <strong>{{ $transaction->order_id }}</strong><br>
                  @if($transaction->tracking_id)
                    <small class="text-muted">Tracking: {{ $transaction->tracking_id }}</small>
                  @endif
                </td>
                <td>
                  {{ $transaction->billing_name }}<br>
                  <small class="text-muted">{{ $transaction->billing_email }}</small><br>
                  @if($transaction->billing_tel)
                    <small class="text-muted">{{ $transaction->billing_tel }}</small>
                  @endif
                </td>
                <td>
                  <strong>₹{{ number_format($transaction->amount, 2) }}</strong><br>
                  <small class="text-muted">{{ $transaction->currency }}</small>
                </td>
                <td>
                  {{ $transaction->payment_mode ?? '-' }}<br>
                  @if($transaction->card_name)
                    <small class="text-muted">{{ $transaction->card_name }}</small>
                  @endif
                </td>
                <td>
                  @if($transaction->order_status == 'Success')
                    <span class="badge bg-success">{{ $transaction->order_status }}</span>
                  @elseif($transaction->order_status == 'Failure')
                    <span class="badge bg-danger">{{ $transaction->order_status }}</span>
                  @elseif($transaction->order_status == 'Aborted' || $transaction->order_status == 'Cancelled')
                    <span class="badge bg-warning">{{ $transaction->order_status }}</span>
                  @else
                    <span class="badge bg-secondary">{{ $transaction->order_status }}</span>
                  @endif
                  @if($transaction->status_message)
                    <br><small class="text-muted">{{ $transaction->status_message }}</small>
                  @endif
                </td>
                <td>
                  {{ $transaction->trans_date ?? '-' }}
                </td>
                <td>
                  {{ $transaction->created_at->format('d M Y') }}<br>
                  <small class="text-muted">{{ $transaction->created_at->format('h:i A') }}</small>
                </td>
                <td>
                  <a href="{{ route('admin-dining.transactions.show', $transaction) }}"
                    class="btn btn-sm btn-outline-primary">
                    <i class="bi bi-eye"></i> View
                  </a>
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="8" class="text-center py-4">
                  <div class="text-muted">
                    <i class="bi bi-inbox" style="font-size: 3rem;"></i>
                    <p class="mt-2">No transactions found</p>
                  </div>
                </td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
    </div>
    @if($transactions->hasPages())
      <div class="card-footer">
        {{ $transactions->links() }}
      </div>
    @endif
  </div>
@endsection