{{-- include example: --}}
{{-- @includeIf('_users_filter', $model = $user_model) --}}
@php if(!isset($model)){ exit; } @endphp

@if (isset($model->search_trigger) || isset($model->filter_col))
	
	<div class="row filter-search-row">
		<div class="col-md-12">

			<form>
				@csrf
				<div class="row">

					{{-- Column filter --}}
						<div class="col-md-6 filter-col text-md-start" style="overflow-y: auto">
							@if (isset($model->filter_col))

								<div class="button-group mb-3 filter-field me-md-auto" data-active-filter="{{ $model->get_default_filter() }}">
									<div class="button-group-append row">
										<div class="col-1 pe-0 text-center d-flex align-content-center flex-wrap" title="Filter" style="width: 30px">
											<img src="{{ asset('./img/svg/filter/filter (7).svg') }}" alt="" width="30">
										</div>

										<div class="col-10">

											@foreach ($model->filter_col as $filter_col => $args)
												<div class="filter-group d-flex flex-row">
													<div class="" style="width: 40px">
														<label for="">{{ $filter_col }}:</label>
													</div>
													<div class="btn-group d-inline-flex btn-group-sm ps-2">
														@foreach ($args['options'] as $val => $option)
															<button 	type		= "button" 
																		{{-- class		= "badge text-bg-secondary fs-7 {{ $val == $args['default'] ? 'active default' : 'transparent' }}" --}}
																		class		= "btn btn-outline-secondary fs-7 {{ $val == $args['default'] ? 'active default' : '' }}"
																		data-filter	= "{{ $args['filter_name'] }}"
																		data-val	= "{{ $val }}"
																		data-request= "{{ $val !== '' ? ("&" .$args['filter_name'] .'=' .$val) : '' }}"
																	>
																{{ $option }}
															</button>
														@endforeach
													</div>
													<div class="col"></div>
												</div>
											@endforeach

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

							@endif
						</div>
					{{-- ------------ --}}
				
					{{-- Column Search --}}
						<div class="col-md-6 search-col text-md-end">
							@if (isset($model->search_trigger))

								<div class="input-group mb-3 ms-md-auto">
									<input 	type				= "text" 
											class				= "form-control search-field" 
											name				= "{{ $model->search_trigger }}"
											id					= "{{ $model->search_trigger }}"
											value				= "{{ request($model->search_trigger) }}"
											placeholder			= "Suche nach {{ implode(' / ', array_keys($model->search_col)) }}" 
											aria-label			= "Suche..." 
											aria-describedby	= "button-addon2"
											data-active-search	= "?{{ $model->search_trigger }}={{ request($model->search_trigger) }}">

									<input type="hidden" name="type" value="{{ request('type') }}">
									<div class="btn-group" role="group" aria-label="Basic outlined">
										{{-- <button class="btn btn-outline-secondary" type="button" id="btn-clear">
											<i class="fa fa-refresh"></i>
										</button> --}}
										<button disabled class="btn btn-outline-secondary" type="button" id="button-addon2">
											<i class="fa fa-search"></i>
										</button>
									</div>
								</div>

							@endif
						</div>
					{{-- ------------ --}}

				</div>
			</form>

		</div>
	</div>

@endif