<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">
                        <select class="custom-select" name="filter_type" id="filter_type">
                            <option value="" selected>Tipe</option>
                            <option value="Default">Default</option>
                            <option value="Custom Comments">Custom Comments</option>
                            <option value="Comment Likes">Comment Likes</option>
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="filter_category" id="filter_category" data-toggle="select2">
                            <option value="" selected>Kategori</option>
                            @foreach($categories as $item)
                                @if ($item->category == true)
                                <option value="{{ $item->category->name }}">{{ $item->category->name }}</option>
                                @endif
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="filter_provider" id="filter_provider" data-toggle="select2">
                            <option value="" selected>Penyedia</option>
                            @foreach($providers as $item)
                                @if ($item->provider == true)
                                <option value="{{ $item->provider->name }}">{{ $item->provider->name }}</option>
                                @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 $key => $item)
                                <option value="{{ $key }}">{{ $item }}</option>
                            @endforeach
                        </select>	
                    </div>
                    <div class="form-group">
                        <select class="form-control" name="refill_support" id="refill_support" data-toggle="select2">
                            <option value="" selected>Refill Support</option>
                            <option value="1">Ya</option>
                            <option value="0">Tidak</option>
                        </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-6 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-6 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>
                </form>
            </div>
        </div>
    </div>
</div>