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

<div class="row mb-3">
    <div class="col-md-12 d-flex justify-content-start">
        <x-button href="{{ route('reseller-orders.create') }}">
            Tambah Reseller Order
        </x-button>
    </div>
</div>

<div class="row mb-3">
    <div class="col-md-12">
        <form method="GET" action="{{ route('reseller-orders.index') }}" class="row g-3 align-items-end">
            <div class="col-md-4">
                <label class="form-label">Dari Tanggal</label>
                <input type="date" name="start_date" class="form-control" value="{{ $startDate }}">
            </div>

            <div class="col-md-4">
                <label class="form-label">Sampai Tanggal</label>
                <input type="date" name="end_date" class="form-control" value="{{ $endDate }}">
            </div>

            <div class="col-md-4">
                <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