@php
    use App\Models\User;
@endphp
{!! html()->form('POST', '#')->id('advanceUsersFilterModalForm')->open() !!}


<x-adminlte-modal id="advanceUsersFilterModal" title="Users Filter" size="md" theme="primary" icon="fas fa-filter"
    v-centered static-backdrop scrollable style="display: none;">

    {{-- Modal Header --}}

    {{-- Modal Body --}}
    <div class="row">
        <div class="col-md-12">
            <div class="card card-primary mb-0">
                <div class="card-body">
                    {{-- Select2 Section --}}
                    <div class="row">
                        <div class="col-sm-12 form-group">
                            {!! html()->label('Role <span class="text-danger">*</span>', 'role')->toHtml() !!}
                            {!! html()->select('role[]', User::$user_types_names)->class('form-control')->id('sel2Role')->attribute('multiple') !!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 form-group">
                            {!! html()->label('Site <span class="text-danger">*</span>', 'site')->toHtml() !!}
                            {!! html()->select('site[]', $masterSites->toArray())->class('form-control select2')->id('sel2Site')->attribute('multiple') !!}
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 form-group">
                            {!! html()->label('Status <span class="text-danger">*</span>', 'status')->toHtml() !!}
                            {!! html()->select('status[]', $masterStatus)->class('form-control select2')->id('sel2Status')->attribute('multiple') !!}
                        </div>
                    </div>
                </div> {{-- /.card-body --}}
            </div> {{-- /.card --}}
        </div> {{-- /.col-md-12 --}}
    </div> {{-- /.row --}}

    {{-- Modal Footer --}}
    <x-slot name="footerSlot">
        <x-adminlte-button theme="default" label="Close" class="mr-auto model-btn-close" data-dismiss="modal" />
        <x-adminlte-button theme="secondary" label="Clear Selection" id="clearAdvanceFilterUsers"
            class="modal-btn-save" />
        <x-adminlte-button theme="success" label="Apply Filter" class="modal-btn-save-changes" data-dismiss="modal" />
    </x-slot>

</x-adminlte-modal>

{!! html()->form()->close() !!}