@props([
	'title' => 'Cuidado',
	'description' => 'item',
])

<div class="modal fade" id="deleteItemModal" role="dialog" aria-labelledby="deleteItemModal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bg-danger">
				<h5 class="modal-title text-white" id="deleteItemModal">{{$title}}</h5>
				<button class="close text-white" type="button" data-bs-dismiss="modal" aria-label="Close">
					<span>×</span>
				</button>
			</div>
			<div class="modal-body"><h4>Deseja realmente excluir o {{$description}} <span id="itemDescription" class="text-danger"></span>?</h4></div>
			<div id="issues-list" class="modal-body mt-0 pt-0"></div>

			<div class="modal-body mt-0 pt-0">Esta ação não pode ser desfeita.</div>

			{{$slot}}

			<div class="modal-footer">
				{!! Form::hidden('itemId', null, ['id' => 'itemId']) !!}
				<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Cancelar</button>
				<a class="btn btn-danger" href="#" id="confirm-delete-modal-btn">Excluir</a>
			</div>
		</div>
	</div>
</div>