@extends('layouts.default')
@section('content')

<!-- page content -->
<div class="right_col" role="main">
  	<div class="">
	    <div class="page-title">
	      	<div class="title_left">
	        	<h3>Edit HR</h3>
	      	</div>
	    </div>
    	<div class="clearfix"></div>
	    <div class="row">
	      	<div class="col-md-12 col-sm-12 col-xs-12">
	      		{{ Userdefined::showMessage() }}
		        <div class="x_panel">
		          	<div class="x_content">
			            <form id="update_hr_form" class="mui-form" method="post" action="{{ url('hr/'.$hr->id) }}" data-toggle="validator" role="form" autocomplete="off">
			              	<input type="hidden" name="user_id" value="{{ $hr->user_id }}" />
			              	<div class="row">
			              		<div class="row">
				              		<div class="col-md-4 col-sm-4 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<input type="text" id="name" name="name" value="{{ $hr->name }}" class="form-control" required maxlength="50">
				                    	<label >Name<i class="mandatory">*</i></label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<input type="email" id="email" name="email" value="{{ $hr->email }}" pattern="[a-z0-9._-]+@[a-z0-9.-]+\.[a-z.]{2,}$" data-pattern-error="Also, include a TLD. (Example: .com, .co.in, .co.us ...)" required maxlength="50">
				                    	<div class="help-block with-errors"></div>
				                    	<label>Email<i class="mandatory">*</i></label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<input type="text" id="mobile" name="mobile" value="{{ $hr->mobile }}" pattern="^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$" data-pattern-error="Valid Mobile Number Format. Example:(011) 123-4567" required maxlength="14">
				                    	<div class="help-block with-errors"></div>
				                    	<label>Mobile<i class="mandatory">*</i></label>
					               </div>
				                </div>
				                <div class="row">
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-select form-group">
				                    	<select id="country" name="country" required>
				                    		<option value="">Select Country</option>
				                    		@foreach($countries as $country)
				                    						                    		<option value="{{ $country->id }}" {!! $sel_contry !!}>{{ $country->name }}</option>
				                    		@endforeach
				                    	</select>
				                    	<label >Country<i class="mandatory">*</i></label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-select form-group">
				                    	<select id="state" name="state">
				                    		<option value="">Select State</option>
				                    		@foreach($states as $state)
				                    		@if($state->country_id==$hr->country)
				                    						                    		<option value="{{ $state->id }}" {!! $sel_state !!}>{{ $state->name }}</option>
				                    		@endif
				                    		@endforeach
				                    	</select>
				                    	<label>State</label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-select form-group">
				                    	<select id="city" name="city" >
				                    	    <option value="">Select City</option>
				                    	    @foreach($cities as $city)
				                    	    @if($city->state_id==$hr->state)
                                                                                        <option value="{{ $city->id }}" {!! $sel_city !!}>{{ $city->name }}</option>
                                            @endif
				                    	    @endforeach
				                    	</select>
				                    	<label>City</label>
					                </div>
				                </div>
				                <div class="row">
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<textarea id="address" name="address">{{ $hr->address }}</textarea>
				                    	<label>Address</label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-select form-group">
				                    	<select id="status" name="status">
				                    		<option value="">Select Status</option>
				                    		<option value="1" >Active</option>
				                    		<option value="0" selected>IN Active</option>
				                    	</select>
				                    	<label>Status</label>
					                </div>
					                <div class="col-md-4 col-sm-4 col-xs-12 mui-textfield mui-textfield--float-label form-group">
				                    	<input type="password" id="password" name="password">
				                    	<label>Password</label>
					                </div>
			              		</div>
			              	</div>
			              	<div class="ln_solid"></div>
			              	<div class="form-group">
				                <div class="col-md-12 col-sm-12 col-xs-12 text-right">
				                  	<button class="btn btn-primary btn-sm" type="reset">Reset</button>
				                  	<button type="submit" class="btn btn-success btn-sm" name="update_hr" value="1">Submit</button>
				                </div>
			              	</div>
			              	{{ csrf_field() }}
			              	{{ method_field('PUT') }}
			            </form>
		          	</div>
		        </div>
	      	</div>
	    </div>
  	</div>
</div>
<!-- /page content -->
<script type="text/javascript">
$(document).ready(function(){
	$("#mobile").mask("(000) 000-0000");
	
	$("#country").change(function(){
		var country = $("#country").val();

		$("#state").empty();
		$("#city").empty();
		$.ajax({
			url: '