@extends('hr::layouts.master')
@section('content')
<div class="row">
	<div class="col s12">
            <div class="card">
                <div class="row">
                    <h1 class="page-title">Profile</h1>
                    <a class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
                </div>                    
            </div>
        </div>  
</div>
<div class="row">
	<div class="col s12 m8 l8">
		<div class="card">
			<form class="custom-form">
				<div class="cardminheight">
					<div class="row row-mar-profile">
						<div class="input-field col s4 offset-l3 ">
						<!-- <i class="fa fa-car"></i> -->
						<!-- <i class="material-icons">person</i> -->
						<i class="prefix profile-form-label">Name:</i>
							<!-- <label for="name" class="profile-form-label">Name:</label> -->
							<input type="text" class="profile-form-input validate"/>
						</div>
					</div>
					<div class="row row-mar-profile">
						<div class="input-field col s4  offset-l3">
						<i class="prefix profile-form-label">Email:</i>
							<!-- <label class="profile-form-label">Email:</label> -->
							<input type="email" class="profile-form-input validate"/>
						</div>
					</div>
					<div class="row row-mar-profile">
						<div class="input-field col s4  offset-l3">
							<i class="prefix profile-form-label">Role:</i>
							<!-- <input class="profile-form-input"/> -->
							<select class="browser-default profile-form-input">
								<option value="" disabled selected>Choose your option</option>
								<option value="1">Option 1</option>
								<option value="2">Option 2</option>
								<option value="3">Option 3</option>
							</select>
						</div>
					</div>
					<div class="row row-mar-profile">
						<div class="input-field col s4  offset-l3">
						<i class="prefix profile-form-label">User Name:</i>
							<!-- <label class="profile-form-label">User Name:</label> -->
							<input type="text" class="profile-form-input validate"/>
						</div>
					</div>
					<div class="row row-mar-profile">
						<div class="input-field col s4  offset-l3">
						<i class="prefix profile-form-label">Old Password:</i>
							<!-- <label class="profile-form-label">Old Password:</label> -->
							<input type="password" class="profile-form-input validate"/>
						</div>
					</div>
					<div class="row row-mar-profile">
						<div class="input-field col s4  offset-l3">
						<i class="prefix profile-form-label">New Password:</i>
							<!-- <label class="profile-form-label">New Password:</label> -->
							<input type="password" class="profile-form-input validate"/>
						</div>
					</div>
					<div class="row row-mar-profile">

						<div class="input-field col s4  offset-l3">
						<i class="prefix profile-form-label">Retype pass:</i>
							<!-- <label class="profile-form-label">Retype pass:</label> -->
							<input type="password" class="profile-form-input validate"/>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="col s12 m4 l4">
		<div class="card cardminheight">
			<div class="row">
				<div class="col s12">
					<div class="drag-drop-file">
						<input type="file" id="profile-upload"  onchange="angular.element(this).scope().profilePicUpload(this)">
						<label class="drag-drop" for="profile-upload">
							<img class="circle"  src ="{{asset('images/avatar-1.jpg')}}"  alt="">
							<!-- <img class="circle" ng-show="image1" ng-src ="@{{image}}" height="125px"  alt=""> -->
							<span>Drag a profile photo here</span>
						</label>
						<div class="file-divider"><span> or </span></div>
						<label for="profile-upload">
							<span class="btn white grey-text-text default waves-effect small">Select a photo from your computer</span>
						</label>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col s12 m12 l12">
                <div class="primay-footer ">
                    <div class="footer-content">
                        <div class="row">
                            <div class="input-field col s7">                                        
                                <p class="footer-legend"><i class="fa fa-caret-right red-text" aria-hidden="true"></i> &nbsp;Mandatory Fields</p>
                            </div>
                            <div class="input-field right">   
                                <!--<button class="btn white grey-text-text default waves-effect" type="reset">Cancel</button>-->
                                <a class="btn transparent green-text primary waves-effect" href="{{url('hr/employee')}}" >Cancel</a>
                                 <a class="btn transparent green-text primary waves-effect"ng-click="saveemployee($event)" type="submit">Save&next</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
@stop