{{#if model}}
	<AppBarTop @title="Add Contact" @setNullError="setNullError" @leftRoute="account-management.detail" @leftRouteArgs={{this.accountManagement.id}}  @rightAction={{ action "saveContactResource"  }} @rightActionInProgress={{ rightActionInProgress }} @rightIcon="bxs-message-square-check" />
{{else}}
<AppBarTop @title="Add Contact" @setNullError="setNullError" @leftRoute="account-management.detail" @leftRouteArgs={{this.accountManagement.id}}   />
{{/if}}

<section class="content-header">
	<div class="container">
		<div class="row align-items-center">
			<div class="col text-right">
				
				<i class="bx bxs-filter-alt clickable" onclick={{transition-to "contact-resource.filter"}}></i>
			</div>
		</div>
	</div>
</section>


	<section class="content-body">
	<div class="container">
		<div class="row">
			<div class="col-12">
				{{#if errorMessages}}
					<div class="alert on alert-danger alert-dismissible fade show" role="alert">
						<ul class="mb-0 ml-2">
						{{#each errorMessages as |item| }}
							<li>{{ item }}</li>
						{{/each}}
						</ul>
					</div>
				{{/if}}
				<div class="card">
					
					<div class="card-body">
						<p>Contact</p>
						{{#if model}}
							<ApplistAccountResource class="mt-3" @table={{this.table}} @pagination={{model.meta.pagination}} @page={{ page }} @model={{this.model}} @showPaging={{false}} @onDeleteRow={{ action "deleteRow" }} />
						{{/if}}
						
						<div onclick={{transition-to "contact-resource.create" }} class="detail-row-view" style="display: flex;align-items: center;margin-top: 37px;">
                          <i class="gray-plus"></i>
                          <span style="margin-left: 4px;color: #007bff">Add More</span>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>


<section class="content-footer">
		<div class="container">
			<div class="row text-center text-md-left align-items-center">
				<div class="col-12 col-sm order-sm-last text-sm-right ">
					<AppPagination class="mt-2" @page={{ page }} @showPage={{true}} @pagination={{model.meta.pagination}} />
					
				</div>
				<div class="col-12 col-sm mt-2 mt-sm-0 order-sm-first">
				</div>
			</div>
		</div>
</section>