<div class="modal fade" id="modal-filter" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title mt-0">
                    <i class="mdi mdi-filter"></i> Filter Data
                </h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form method="get" id="filter_form">
                    <div class="form-group">
                        <select class="custom-select" name="filter_row" id="filter_row">
                            <option value="">Tampilkan</option>
                            <option value="10" selected>10 Baris</option>
                            <option value="30">30 Baris</option>
                            <option value="50">50 Baris</option>
                            <option value="100">100 Baris</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <div class="input-daterange input-group" data-provide="datepicker">
                            <input type="text" class="form-control custom-datepicker" name="filter_start_date" id="filter_start_date" placeholder="Tanggal Mulai" autocomplete="off" />
                            <div class="input-group-prepend">
                                <span class="input-group-text" style="border-left: 0; border-right: 0;">sampai</span>
                            </div>
                            <input type="text" class="form-control custom-datepicker" name="filter_end_date" id="filter_end_date" placeholder="Tanggal Akhir" autocomplete="off" />
                        </div>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="filter_user" id="filter_user" data-toggle="select2">
                            <option value="" selected>Pengguna</option>
                            @foreach($users as $item)
                                @if ($item->user == true)
                                <option value="{{ $item->user->username }}">{{ $item->user->username }} ({{ $item->user->full_name }})</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="filter_method" id="filter_method" data-toggle="select2">
                            <option value="" selected>Metode</option>
                            @foreach($methods as $item)
                                @if ($item->deposit_method == true)
                                <option value="{{ $item->deposit_method->name }}">{{ $item->deposit_method->name }}</option>
                                @else
                                    @if ($item->deposit_method_name <> null)
                                        <option value="{{ $item->deposit_method_name }}">{{ $item->deposit_method_name }}</option>
                                    @endif
                                @endif
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="filter_status" id="filter_status" data-toggle="select2">
                            <option value="" selected>Status</option>
                            @foreach($statuses as $item)
                                <option value="{{ $item }}">{{ $item }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <textarea type="text" class="form-control" rows="5" name="search" id="search" placeholder="Cari"></textarea>
                    </div>
                    <div class="row">
                        <div class="form-group col-4 button-items d-grid gap-2">
                            <button type="reset" class="btn btn-secondary btn-block waves-effect waves-light mt-0">
                                <i class="mdi mdi-refresh"></i> Reset
                            </button>
                        </div>
                        <div class="form-group col-4 button-items d-grid gap-2">
                            <button type="submit" class="btn btn-custom btn-block waves-effect waves-light mt-0">
                                <i class="mdi mdi-filter"></i> Filter
                            </button>
                        </div>
                        <div class="form-group col-4 button-items d-grid gap-2">
                            <button type="button" class="btn btn-success btn-block waves-effect waves-light mt-0" id="export-button">
                                <i class="mdi mdi-export"></i> Export
                            </button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>