{{-- Caixa de filtro para telas de índice --}}
@props([
	'label' => '',
	'class' => '',
	'route' => url()->current(),
	'formId' => 'form-filter-index',
	'formMethod' => 'GET',
	'btnClass' => 'col-auto mt-3 pr-2',
	'filterCode' => null,
	]
)

@section('styles')
	@parent
	<style>
		.card-filter:first-child {
			border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
		}
		.card .card-filter[data-bs-toggle=collapse] {
		text-decoration: none;
		position: relative;
		padding: 0.75rem 3.25rem 0.75rem 1.25rem;
		}
		.card .card-filter[data-bs-toggle=collapse]::after {
		position: absolute;
		right: 0;
		top: 0;
		padding-right: 1rem;
		line-height: 32px;
		font-weight: 900;
		content: "\F107";
		font-family: "Font Awesome 5 Free";
		color: #ffffff;
		}
		.card .card-filter[data-bs-toggle=collapse].collapsed {
		border-radius: 0.35rem;
		}
		.card .card-filter[data-bs-toggle=collapse].collapsed::after {
		content: "\F105";
		}
	</style>
@endsection

{!! Form::open(['id' => $formId, 'url' => $route, 'autocomplete' => 'off']) !!}
@method($formMethod)
@php
	// Avisa o componente de Results pra fechar o form...
	session(['filter_form_open' => true]);
	// Verifica se o filtro está ativo
	$hasFilter = ($filterCode && \App\Helpers\FilterHelper::hasFilter($filterCode));
@endphp

<div class="card shadow mb-3 bg-light">
    <a href="#filterBox" class="d-block bg-info card-filter px-1 pt-1 pb-2 {{$class}}" data-bs-toggle="collapse" role="button" aria-expanded="true" aria-controls="filterBox">
        <span class="h6 pt-1 m-0 font-weight-bold text-white small">
			<i class="fas fa-filter ml-2"></i>&nbsp;Filtrar {{$label}}
		</span>
		@if($hasFilter)
			<span class="text-white small font-italic">(filtros salvos)</span>
		@endif
    </a>
    <div class="collapse show mt-0 pt-0" id="filterBox">
		<div class="form-row card-body px-2 pt-1 input-group input-group-sm">
			{{$slot}}
			
			<div class="{{$btnClass}} form-row justify-content-end">
				<label for="" class="col-12 p-0 mb-2 col-form-label-sm"></label>
				<div class="btn-group mt-1 ml-2" role="group" aria-label="Filter actions">
					<button type="submit" class="btn btn-sm btn-info btn-icon-split pr-1">
						<span class="icon text-white-50">
							<i class="fas fa-filter"></i>
						</span>
						<span class="text">{{__('common.filterbtn')}}</span>
					</button>
					<button type="button" class="btn btn-sm btn-info dropdown-toggle p-1 pl-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" >
						<i class="fa fa-bars p-0 m-0" aria-hidden="true"></i>
					</button>
					<div class="dropdown-menu">
						<a class="dropdown-item text-secondary" href="">
							<livewire:form.filter-options code="{{$filterCode}}" :redirect-url="url()->current()" />
						</a>
					</div>
				</div>
			</div>

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