Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/corals/mcoil.corals.io/resources/views/admin/employees/ |
@extends('layouts.admin.app')
@section('content')
<div class="row">
<div class="col-md-12">
<section class="content">
@include('layouts.errors-and-messages')
<div class="box">
<form action="{{ route('admin.employees.store') }}" method="post" class="form" name="frm_add_employee" id="frm_add_employee">
<div class="box-body">
<div class="col-md-12">
<h3 class="bold">Add Employee <small>- adding an employee</small></h3>
{{ csrf_field() }}
<div class="row">
<div class="col-md-12">
<label for="title">Please create an employee by adding in their details below. They will be allowed access to this administrator platform.</label>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="fname">Firstname <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" name="fname" id="fname" placeholder="Firstname" class="form-control input-lg" value="{{ old('fname') }}">
</div>
<label id="fname-error" class="error" for="fname"></label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="lname">Surname <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" name="lname" id="lname" placeholder="Surname" class="form-control input-lg" value="{{ old('lname') }}">
</div>
<label id="lname-error" class="error" for="lname"></label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="email">Email <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-at"></i></span>
<input type="text" name="email" id="email" placeholder="Email" class="form-control input-lg" value="{{ old('email') }}">
</div>
<label id="email-error" class="error" for="email"></label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="phone">Phone <span class="text-danger">*</span></label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-phone"></i></span>
<input type="text" name="phone" id="phone" placeholder="Phone" class="form-control input-lg" value="{{ old('phone') }}">
</div>
<label id="phone-error" class="error" for="phone"></label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="password">Password</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock"></i></span>
<input type="password" name="password" id="password" placeholder="********" class="form-control input-lg">
</div>
<label id="password-error" class="error" for="password"></label>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="hidden" name="role" value="2">
@include('admin.shared.status-select', ['status' => 0])
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<button type="submit" class="btn btn-lg btn-block btn-success">Create</button>
</div>
<div class="col-md-6">
<a href="{{ route('admin.employees.index') }}" class="btn btn-lg btn-block btn-danger">Back</a>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
</div>
</div>
@endsection
@section('js')
<script src="{{ asset('https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js') }}"></script>
<script type="text/javascript">
$(document).ready(function () {
$.validator.addMethod("phonenumber", function(value) {var re = /^[\d\s()+-]+$/; return re.test(value);}, "Please enter a valid phone number");
$('#frm_add_employee').validate({
errorPlacement: function(error, element) {
if (element.parent('.input-group').length) {
error.insertAfter(element.parent());
} else {
error.insertAfter(element);
}
},
rules: {
fname: { required: true },
lname: { required: true },
email: { required: true, email: true },
phone: { phonenumber: true, minlength: 7, maxlength: 19 },
password: { required: true, minlength: 6 }
},
messages: {
fname: { required: 'Please enter a first name' },
lname: { required: 'Please enter a last name' },
email: { required: 'Please enter an email address', email: 'Please enter a valid email address' },
phone: { phonenumber: 'Please enter a valid phone number' },
password: { required: 'Please enter a password' }
}
});
});
</script>
@endsection