<div id="{$divId|default:'reservation-created'}" class="reservationResponseMessage">
	<div id="reservation-response-image">
		{if $RequiresApproval}
			<i class="bi bi-flag-fill fs-1 text-warning"></i>
		{else}
			<i class="bi bi-check-lg fs-1 text-success"></i>
		{/if}
	</div>

	<div id="created-message" class="reservation-message fw-bold fs-4">
		{translate key=$messageKey|default:"ReservationCreated"}</div>
	<div id="reference-number">{translate key=YourReferenceNumber args=$ReferenceNumber}</div>

	<div class="dates" style="max-height: 15em;display: block;overflow-y: auto;margin: 0.5em 0;">
		<span class="fw-bold">{translate key=Dates}:</span>
		{foreach from=$Instances item=instance name=date_list}
			<span
				class="date">{format_date date=$instance->StartDate() timezone=$Timezone}{if !$smarty.foreach.date_list.last},
				{/if}</span>
		{/foreach}
	</div>

	<div class="resources">
		<span class="fw-bold">{translate key=Resources}:</span>
		{foreach from=$Resources item=resource name=resource_list}
			<span class="resource">{$resource->GetName()}{if !$smarty.foreach.resource_list.last}, {/if}</span>
		{/foreach}
	</div>

	{if $RequiresApproval}
		<div id="approval-message" class="fst-italic">{translate key=ReservationRequiresApproval}</div>
	{/if}

	<input type="button" id="btnSaveSuccessful" value="{translate key='Close'}" class="btn btn-primary" />
</div>