@extends('layout.main')
@section('title', 'Pembayaran Reseller')
@section('content')

<div class="row mb-3">
    <div class="col-md-12">
        <form method="GET" action="{{ route('reseller-payments.index') }}" class="row g-3">

            <div class="col-md-4">
                <label>Status</label>
                <select name="status" class="form-control">
                    <option value="pending" {{ $status == 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="paid" {{ $status == 'paid' ? 'selected' : '' }}>Paid</option>
                    <option value="all" {{ $status == 'all' ? 'selected' : '' }}>All</option>
                </select>
            </div>

            <div class="col-md-4 d-flex align-items-end">
                <x-button type="submit">
                    Filter
                </x-button>
            </div>

        </form>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <x-table :headers="$headers" :rows="$rows" />
    </div>
</div>

@endsection
