{{--botão de ação  --}}
{{--
NOTA: Como isto renderiza um <a> e não um <button>, não funciona automaticamente 
	como default form submission e dependendo do caso vai precisar colocar um e.preventDefault() 
	se tiver um JS gerenciando o click.

--}}

@props([
	'canAny' => null,
	'class' => 'btn-primary',
	'route' => '',
	'tooltip' => null,
	'icon' => 'fa-question', // se '' esconde icone
	'align' => 'left',
	'small' => false, // se true usa btn-sm
	'adaptSize' => false, // se true esconde o texto em tela pequena
	'disabled' => false, 
	'inline' => false, // se true deixa espaço para o label, alinhando com outros campos
	]
)

@if( ($canAny && Gate::any($canAny)) || !$canAny )


	@if($inline)
	<div class="my-1 form-group col-auto">
		<label for="" class="col-12 p-0 mb-0 col-form-label"> </label>
	@endif

	<a href="{{ $disabled ? 'javascript:void(0);' : $route }}"
		class="btn @if(!empty($small)) btn-sm @endif @if(!empty($icon)) btn-icon-split @endif mr-2 {{$class}} 
		@if($align == 'right') float-right @endif
		@if($disabled) disabled disabled-link @endif"
		@if($tooltip) data-placement="top" data-tooltip="tooltip" data-delay=500 title="{{$tooltip}}" @endif
		@if($disabled) tabindex="-1" aria-disabled="true" @endif
		@if($disabled) onclick="return false;" @endif
		{{ $attributes }}
	>
		@if(!empty($icon))
			<span class="icon text-white-50">
				<i class="fas {{$icon}}"></i>
			</span>
		@endif
		<span class="text @if($adaptSize) d-none d-md-block @endif ">
			{{$slot}}
		</span>
	</a>

	@if($inline)
	</div>
	@endif


	@push('styles')
		<style>
			.disabled-link {
				pointer-events: none;
				opacity: 0.65;
				cursor: not-allowed;
			}
		</style>
	@endpush

@endif