{{-- expects $act (Act|null) — rendered into #addNewModal .modal-inner-body --}}
<form id="actForm">
	<input type="hidden" name="_token" value="{{ csrf_token() }}">
	<input type="hidden" name="id" value="{{ $act->id ?? '' }}">

	<div class="mb-3">
		<label class="form-label" for="act-name">Act name <span class="text-danger">*</span></label>
		<input id="act-name"
			type="text"
			name="act"
			value="{{ $act->act ?? '' }}"
			class="form-control"
			maxlength="250"
			autofocus
			required>
	</div>

	<div class="mb-3">
		<label class="form-label" for="act-description">Description <span class="text-muted small">(optional)</span></label>
		<textarea id="act-description"
			name="description"
			rows="4"
			class="form-control">{{ $act->description ?? '' }}</textarea>
	</div>

	<button type="submit"
		class="btn btn-success submitBtn"
		data-loading-text='<i class="fa-solid fa-spinner fa-spin"></i> {{ $act?->id ? 'Updating...' : 'Saving...' }}'>
		<i class="fas {{ $act?->id ? 'fa-pencil-alt' : 'fa-save' }}"></i>
		{{ $act?->id ? 'Update' : 'Save' }}
	</button>
</form>