{{#if (or this.inboxModel.isPending this.config.isPending)}}
Checking inbox status...
{{else}}

	{{#if this.showApprovalButton}}


	<div class="hino-fab">
		<div class="hino-fab-options">
			<button class="hino-fab-options-button btn rounded-pill">
			<span>{{ titleize model }}</span>&nbsp;&nbsp;<i
				class="bx bx-caret-up"
			></i>
			</button>
			<ul class="hino-fab-options-item list-unstyled">
			{{#if this.config.isShowApprove}}
			<li {{ action (mut model) "approve" }}>
				<div class="inner-wrapper {{ if (eq model "approve") "active" ""}}">
				Approve
				</div>
			</li>
			{{/if}}
			{{#if this.config.isShowReject}}
			<li  {{ action (mut model) "reject"}}>
				<div class="inner-wrapper {{ if (eq model "reject") "active" ""}}">
				Reject
				</div>
			</li>
			{{/if}}
			{{#if this.config.isShowRevise}}
			<li {{ action (mut model) "revise"}}>
				<div class="inner-wrapper {{ if (eq model "revise") "active" ""}}">
				Revise
				</div>
			</li>
			{{/if}}
			{{#if this.config.isShowRepropose}}
			<li  {{ action (mut model) "repropose"}}>
				<div class="inner-wrapper {{ if (eq model "repropose") "active" ""}}">
				Repropose
				</div>
			</li>
			{{/if}}
			{{#if this.config.isShowAccept}}
			<li  {{ action (mut model) "accept"}}>
				<div class="inner-wrapper {{ if (eq model "accept") "active" ""}}">
				Accept
				</div>
			</li>
			{{/if}}
			</ul>
		</div>
		<div class="hino-fab-options">
			<button class="hino-fab-approve btn rounded-circle" {{ action "submitButtonAction" }}>
			<i class="bx bx-check"></i>
			</button>
		</div>
		{{#if this.isShowReloadButton}}
		<div class="hino-fab-options">
			<button class="hino-fab-approve btn rounded-circle" {{ action "reloadButtonAction" }}>
				<i class="bx bx-refresh"></i>
			</button>
		</div>
		{{/if}}
	</div>
	<script type="text/javascript">
	$('.hino-fab-options-button').on('click', function(e) {
		e.preventDefault();
		$('.hino-fab-options-item').slideToggle();
	});
	</script>
	{{/if}}
{{/if}}