<!-- form start -->
<form class="form-horizontal">
	<div class="box-body">

		<div class="form-group {{if (not model.validations.attrs.first_name.isValid) "has-error"}}">
			<label for="inputFirstName" class="col-sm-2 control-label">First Name</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputFirstName" placeholder="First Name"
				value=model.first_name}}
				{{#if (not model.validations.attrs.first_name.isValid)}}<span class="help-block">{{model.validations.attrs.first_name.messages}}</span>{{/if}}
			</div>
		</div>
		<div class="form-group {{if (not model.validations.attrs.last_name.isValid) "has-error"}}">
			<label for="inputLastName" class="col-sm-2 control-label">Last Name</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputLastName" placeholder="Last Name"
				value=model.last_name}}
				{{#if (not model.validations.attrs.last_name.isValid)}}<span class="help-block">{{model.validations.attrs.last_name.messages}}</span>{{/if}}

			</div>
		</div>
		<div class="form-group {{if (not model.validations.attrs.email.isValid) "has-error"}}">
			<label for="inputEmail" class="col-sm-2 control-label">Email</label>

			<div class="col-sm-10">
				{{input type="email" class="form-control" id="inputEmail" placeholder="Email" value=model.email}}
				{{#if (not model.validations.attrs.email.isValid)}}<span class="help-block">{{model.validations.attrs.email.messages}}</span>{{/if}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputPhones" class="col-sm-2 control-label">Phones</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputPhones" placeholder="Phones" value=model.phones}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputAddress" class="col-sm-2 control-label">Address</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputAddress" placeholder="Address"
				value=model.address}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputIdentificationType" class="col-sm-2 control-label">Identification Type</label>

			<div class="col-sm-10">
				{{#power-select placeholder="Please, select identification type" selected=identificationType
					options=identificationTypes onchange=(action "setIdentificationType") as |name|
					}}
					{{name}}
				{{/power-select}}
			</div>
		</div>
		<div class="form-group {{if (not model.validations.attrs.identification_no.isValid) "has-error"}}">
			<label for="inputIdentificationNo" class="col-sm-2 control-label">Identification No</label>

			<div class="col-sm-10">
				{{input type="text" placeholder="Identification No" class="form-control" id="inputIdentificationNo"
				value=model.identification_no}}
				{{#if (not model.validations.attrs.identification_no.isValid)}}<span class="help-block">{{model.validations.attrs.identification_no.messages}}</span>{{/if}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputGender" class="col-sm-2 control-label">Gender</label>

			<div class="col-sm-10">
				{{#power-select placeholder="Please, select gender" selected=gender options=genders
					onchange=(action "setGender") as |name| }}
					{{name}}
				{{/power-select}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputCountry" class="col-sm-2 control-label">Country of origin</label>

			<div class="col-sm-10">
				{{#power-select placeholder="Please, select country" searchField="name" selected=country
					options=countries onchange=(action "setCountry") as |country| }}
					{{country.name}}
				{{/power-select}}
			</div>
		</div>


	</div>
	<!-- /.box-body -->
	{{#if hasBlock}}
		{{yield save cancel delete model}}
	{{else}}
		<div class="box-footer">
			<button type="button" class="btn btn-primary pull-right {{if (or save.isRunning (not model.validations.isValid)) 'disabled'}}"
				onclick={{perform save}}>{{if save.isRunning 'Finishing' 'Finish'}}</button>
<button type="button" class="btn btn-default {{if cancel.isRunning 'disabled'}}"
	onclick={{perform cancel}}>Back</button>
</div>
{{/if}}

<!-- /.box-footer -->
</form>