@props(
	[
		'title' => null,
		'icon' => null,
		'route' => url()->current(),
		'formAction' => null, 
		'formMethod' => 'POST',
		'formName' => null,
		'formSubmitPrevent' => null, // adiciona wire:formSubmitPrevent= ao form
		'item' => null,    			 // registro atual, é passado para os controles filho para mostrar valor padrão
		'noAlerts' => false,		 // pula o widget de alerts
	]
)

{{-- Inclui dependencias do liveWire --}}
@pushOnce('headScripts')
	@livewireStyles
@endPushOnce
@pushOnce('endBodyScripts')
	@livewireScripts
@endPushOnce

@section('scripts')
@parent
	<script type="text/javascript">
		// previne enter de fazer submit no form, exceto em textarea
		$(document).on("keydown", "form", function(event) {
			// Permite Enter em textarea ou x-form.textarea
			if (event.target.tagName === "TEXTAREA") {
				return true;
			}
			return event.key != "Enter";
		});

		// workaround: desliga preventDoubleSubmission pra certos forms específicos. Ver um jeito de não precisar disto!
		$(function () {
			urlBase = $('body').data('base-url');

			var formsToIgnore = ['form-add-oncall'];
			var selector = formsToIgnore.map(function(id) {
				return `form#${id}`;
			}).join(',');
			var forms = selector ? $('form').not(selector) : $('form');
			forms.each(function() {
				$(this).preventDoubleSubmission();
			});
		});	
	</script> 
@endsection

@if(isset($formAction))
	@php
		// Nome edefault do form
		$formName = $formName ?? 'form-'.(str_replace(['//', '/'], '-', str_replace(['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'], '', substr(str_replace(url('/panel'), '', url()->current()), 1))));
	@endphp
@endif

<input type="hidden" name="currentRoute" id="currentRoute" value="{{ $route }}">

{{--ERROS --}}
@if(!$noAlerts)
	@include('components.widget.alerts')
@endif

{{-- corpo da página --}}
<div {{$attributes->merge(['class' => 'card shadow mb-4'])}}>
	{{-- Cabeçalho --}}
	<div class="card-header py-3">
		<div class="row">
			<div class="col-auto h6 pt-1 m-0 font-weight-bold text-primary text-uppercase">
				@if( $icon )
					<i class="fas {{$icon}} mr-1"></i>
				@endif
				{{$title}}
			</div>
		</div>
	</div>
	<div class="card-body">
		@if(isset($formAction))
			<form id="{{ $formName }}" method="POST" action="{{ $formAction }}" accept-charset="UTF-8" autocomplete="off" 
			@if(isset($formSubmitPrevent)) wire:submit.prevent={{$formSubmitPrevent}} @endif>
				@csrf

				@if($formMethod =='PUT') @method('PUT')@endif
		@endif
		<div class="form-row">
			{!! $slot !!}
		</div>
		@if(isset($formAction))
			<div class='row mb-1 mt-3'>
				<div class="col-12">
					@if(isset($buttonSlot))
						{{$buttonSlot}}
					@else
						{{-- Ações padrão: Submit e Back --}}
						<x-form.button-submit/>
					@endif
				</div>
			</div>
		@endif
		@if(isset($formAction))
			</form>
		@endif

	</div>
</div>