@extends('admin.masters.base')

@section('styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/css/bootstrap-toggle.min.css') }}">
@stop

@section('pagetitle')
	User <small>new entry</small>
@stop

@section('crumbs')
	<li><a href="{{ url('admin/users') }}"><i class="fa fa-group"></i> Users</a></li>
	<li class="active"><i class="fa fa-pencil"></i> New User</li>
@stop

@section('pagecontents')

	<div class="row">
		<div class="col-md-12">
			<div class="panel panel-default">
			<div class="panel-heading">
                <h3 class="panel-title pull-left"><i class="fa fa-th fa-fw"></i> Create New User</h3>
                <p class="pull-right">
                	<a href="{{ url('admin/users') }}" class="btn btn-default btn-sm"><i class="fa fa-reply"></i> Cancel</a>
                </p>
                <div class="clearfix"></div>
            </div>
				<div class="panel-body">
					@if (count($errors) > 0)
						<div class="alert alert-danger">
							<strong>Whoops!</strong> There were some problems with your input.<br><br>
							<ul>
								@foreach ($errors->all() as $error)
									<li>{{ $error }}</li>
								@endforeach
							</ul>
						</div>
					@endif

					{!! Form::open(['url' => '/admin/users', 'id' => 'regForm']) !!}
						<div class="col-md-6">
							<div class="form-group">
								<label class="control-label">Firstname</label>
								{!! Form::text('firstname', null, ['class' => 'form-control', 'required']) !!}
							</div>
							<div class="form-group">
								<label class="control-label">Lastname</label>
								{!! Form::text('lastname', null, ['class' => 'form-control', 'required']) !!}
							</div>
							<div class="form-group">
								<label class="control-label">Email Address</label>
								<input type="email" class="form-control" name="email" value="{{ old('email') }}" required>
							</div>
							<div class="form-group">
								<label class="control-label">Phone</label>
								<input type="phone" class="form-control" name="phone" value="{{ old('phone') }}">
							</div>
							<div class="form-group">
								<label>Instructor or Normal User?</label>
								<div>
									<input type="checkbox" data-toggle="toggle" data-on="Instructor" data-off="Normal User" name="is_tutor" data-onstyle="success" data-offstyle="default">
								</div>
							</div>
							
						</div>
						<div class="col-md-6">
							<div class="form-group">
								<label class="control-label">Address</label>
								<textarea name="address" rows="5" class="form-control" name="address">{{ old('address') }}</textarea>
							</div>
							<div class="form-group">
								<label class="control-label">Password</label>
								<div class="input-group">
							      	<input type="text" class="form-control" id="passwordInput" name="password">
							      	<div class="input-group-addon"><a href="" id="generatePassword"><i class="fa fa-refresh"></i></a></div>
							    </div>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="form-group">
							<div class="col-md-12">
								<div class="text-right">
									<button class="btn btn-primary">Add User</button>
								</div>
							</div>
						</div>
					{!! Form::close() !!}
				</div>
			</div>
		</div>
	</div>

@stop

@section('scripts')
	<script type="text/javascript" src="{{ asset('/admin/js/bootstrap-toggle.min.js') }}"></script>
	<script>
		$(function(){
			$('#dobpicker').datepicker({
			  	allowPastDates: true
			});

			$('button[type=submit]').click(function(e){
				e.preventDefault();

				var empty = '';
				var email = $('input[name=email]').val();

				if (email == empty) {
					alert('Email Cannot be empty');
				} else {
					$('#regForm').submit();
				}
			});

			//generate password
			$('#generatePassword').click(function(e){
				e.preventDefault();

				var newpass = generatePass();
				$('#passwordInput').val(newpass);
			});

			function generatePass()
			{
			    var text = "";
			    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

			    for( var i=0; i < 8; i++ )
			        text += possible.charAt(Math.floor(Math.random() * possible.length));

			    return text;
			}
		});
	</script>
@stop