@extends('layout')

@section('content')


<div class="ng-cloak" ng-controller="User_controller" ng-init="editUserInit({{ $update }})">

	<div class="page-header row">
		<div class="col-md-6">
			<h3>User Profile: @{{ add_user.name }}</h3>
		</div>
		<div class="col-md-6 text-right">
			<button ng-click="resetPassword()" class="btn btn-primary">Reset Password & Email <span ng-show="resetting_password" class="spinner-border spinner-border-sm"></span></button>
			<a href="{{url('/users/view')}}" class="btn btn-secondary">Go Back</a>
		</div>
	</div>

	<div class="row">

		<div class="col-md-12">

			<div class="portlet">
				<div class="portlet-head">
					<div class="row">

						<div class="col-md-6">
							<ul class="menu">
								<li class="active">
									<a href="#">User Detail</a>
								</li>
							</ul>
						</div>

					</div>
				</div>	

				<div class="portlet-body ng-cloak">
					<form method="POST"  name="UserForm" ng-submit="saveUser(UserForm.$valid)" novalidate="novalidate">
						<div class="row">
							<div class="col-md-6 form-group">
								<label>Username <span class="required">*</span></label>
								<input type="text" class="form-control" ng-model="add_user.username" ng-readonly="user_id != 0">
							</div>

							<div class="col-md-6 form-group">
								<label>Name <span class="required">*</span></label>
								<input type="text" class="form-control" ng-model="add_user.name"/>
							</div>

							<div class="col-md-6 form-group">
								<label>Email</label>
								<input type="email" class="form-control" ng-model="add_user.email" />
							</div>

							<div class="col-md-6 form-group">
								<label>Role <span class="required">*</span></label>
								<select class="form-control" ng-model="add_user.privilege" ng-change="resetClubId()">
									<option value="0">Select</option>
									<option ng-value="@{{names.id}}"  
									ng-repeat="names in users_roles">@{{names.title}}</option>
								</select>
							</div>

							<div class="form-group col-md-6" ng-if="add_user.privilege == 3">
			                    <label>Clubs <span class="required">*</span></label>
			                    <select class="form-control" ng-model="add_user.club_id" required >
			                      <option value="">Select</option>
			                      <option ng-value="@{{club.id}}"  
			                      ng-repeat="club in clubs">@{{club.club_name}}</option>
			                    </select>
			                 </div>

							<div class="col-md-6 form-group">
								<label>Mobile</label>
								<input type="text" class="form-control" ng-model="add_user.mobile" ng-pattern="/^[0-9]{10}$/" ng-pattern-err-type="PatternMobile" ng-readonly="user_id != 0">
							</div>

							<div class="col-md-6 form-group">
								<label>Address</label>
								<input type="text" class="form-control" ng-model="add_user.address"  >
							</div>

							

							<!-- <div class="col-md-6 form-group">
								<label>Employee Code</label>
								<input type="text" class="form-control" ng-model="add_user.emp_code"  >
							</div> -->

							<!-- <div class="col-md-6 form-group">
								<label>Date of Joining</label>
								<input type="text" class="form-control datepicker" ng-model="add_user.doj"  >
							</div> -->

							<!-- <div class="col-md-6 form-group">
								<label>Gender</label>
								<select class="form-control" ng-model="add_user.gender">
									<option ng-value='0'>Select</option>	
									<option ng-value="1">Male</option>	
									<option ng-value="2">Female</option>	
								</select>
							</div> -->

							<div class="col-md-6 form-group">
								<label>Direct Add</label>
								<select class="form-control" ng-model="add_user.direct_add" convert-to-number>
									<option value=''>Select</option>	
									<option value="0">No</option>	
									<option value="1">Yes</option>	
								</select>
							</div>

							<!-- <div class="col-md-6 form-group">
								<label>Remarks</label>
								<input type="text" class="form-control" ng-model="add_user.remarks" >
							</div> -->
						</div>

						<button type="Submit" class="btn btn-primary" ng-disabled="processing_req">Submit <span ng-show="processing_req" class="spinner-border spinner-border-sm"></span></button>

					</form>	
				</div>
			</div>

		</div>
	</div>

	@include('users.add_user_modals')
</div>

@endsection