File: /var/www/html/hrms-production/resources/views/admin/EmployeeProfile/add-employee_backup.blade.php
@extends('admin.include.master')
@section('content')
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<form method="POST" action="/register" id="AddEmployeeProfileForm" class="mx-2">
@csrf
<!-- Content Header (Page header) -->
<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<h1>Employee Profile</h1>
</div>
<div class="col-sm-6 text-right">
<a href="{{ url('/') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
<button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Register</button>
</div>
</div>
</div><!-- /.container-fluid -->
</section>
<!-- Main content -->
<section class="content">
<div class="row justify-content-center">
<div class="col-md-10">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Employees Name">Name of Employee</label>
<input type="text" id="EmployeeName" name="EmployeeName" class="form-control form-control-sm"
required />
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Appointment Order No">Appointment Order No. & Date</label>
<input type="text" id="AppointmentOrderNo" name="AppointmentOrderNo"
class="form-control form-control-sm" required />
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Designation (Current Post)</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="EmployeeDesignation" id="EmployeeDesignation" data-placeholder="Select Designatoin"
required>
<option selected="selected" disabled>Select One</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Appointment by</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="AppointmentBy" id="AppointmentBy" required>
<option selected="selected" disabled>Select One</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Merit List No">If Nomination Merit List No.</label>
<input type="text" id="MeritListNo" name="MeritListNo" class="form-control form-control-sm" />
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Lower Cadre Seniority">If Promotion - Lower Cadre Seniority
maintain</label>
<input type="text" id="LowerCadreSeniority" name="LowerCadreSeniority"
class="form-control form-control-sm" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Actual Work Place</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="WorkPlace" id="WorkPlace" data-placeholder="Place Name" required>
<option selected="selected" disabled>Place Name</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="EmployeePhoto">Employee Photo</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="EmployeePhoto" class="custom-file-input form-control-sm"
id="EmployeePhoto" accept="image/*" required />
<label class="custom-file-label" for="EmployeePhoto">Choose
photo</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Religion</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="Religion" id="Religion" data-placeholder="Select Religion" required>
<option selected="selected" disabled>Select Religion</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Caste</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="Caste" id="Caste" data-placeholder="Select Caste" required>
<option selected="selected" disabled>Select Caste</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Basic Category</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="BasicCategory" id="BasicCategory" data-placeholder="Select Category" required>
<option selected="selected" disabled>Select Category</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Appointment Category</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="AppointmentCategory" id="AppointmentCategory" data-placeholder="Select Appointment Category"
required>
<option selected="selected" disabled>Select Appointment Category</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Parallel Reservation</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="ParallelReservation" id="ParallelReservation" data-placeholder="Select Reservation"
required>
<option selected="selected" disabled>Select Reservation</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Cadre (laoxZ)</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="Cadre" id="Cadre" data-placeholder="Select Cadre" required>
<option selected="selected" disabled>Select Cadre</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Sanction Post</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="SanctionPost" id="SanctionPost" data-placeholder="Select Sanction Post" required>
<option selected="selected" disabled>Select Sanction Post</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Scheme Name">Name of Scheme</label>
<input type="text" id="SchemeName" name="SchemeName" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Group">Group (Class)</label>
<input type="text" id="Group" name="Group" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Faculty</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="Faculty" id="Faculty" data-placeholder="Select Faculty" required>
<option selected="selected" disabled>Select Faculty</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Department Name">Name of Department / Non Department</label>
<input type="text" id="DepartmentName" name="DepartmentName" class="form-control form-control-sm"
required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Date of Birth</label>
<div class="input-group date" id="BirthDate" data-target-input="nearest">
<input type="text" id="DateOfBirth" name="DateOfBirth"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#DateOfBirth" required />
<div class="input-group-append" data-target="#DateOfBirth" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0">Gender</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="Gender" id="Gender" data-placeholder="Select Gender" required>
<option selected="selected" disabled>Select Gender</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Department Name">Fathers's name and Residence or Husband's name in case of
married women</label>
<input type="text" id="FatherOrHusbandName" name="FatherOrHusbandName"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-4" for="date">Joining Date</label>
<div class="input-group date" id="JoiningDate" data-target-input="nearest">
<input type="text" id="JoiningDate" name="JoiningDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#JoiningDate" required />
<div class="input-group-append" data-target="#JoiningDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-4">Retirement Year</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="RetirementYear" id="RetirementYear" data-placeholder="Select Retirement" required>
<option selected="selected" disabled>Select Retirement</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="date">Retirement Date</label>
<div class="input-group date" id="RetirementDate" data-target-input="nearest">
<input type="text" id="RetirementDate" name="RetirementDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#RetirementDate"
required />
<div class="input-group-append" data-target="#RetirementDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Aadhar Card">Aadhar Card No.</label>
<input type="text" id="AadharCardNo" name="AadharCardNo" class="form-control form-control-sm"
required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Pan Card">Pan Card No.</label>
<input type="text" id="PanCardNo" name="PanCardNo" class="form-control form-control-sm"
style="text-transform: uppercase" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Mobile">Mobile No.</label>
<input type="tel" id="MobileNo" name="MobileNo" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Email">Email ID</label>
<input type="email" id="EmailId" name="EmailId" class="form-control form-control-sm" required>
</div>
</div>
{{-- <div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Permanent Address">Permanent Address</label>
<textarea id="PermanentAddress" name="PermanentAddress" rows="1"
class="form-control form-control-sm" required></textarea>
</div>
</div> --}}
</div>
{{-- Permanent Address --}}
<div class="row">
<div class="col-md-6">
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">Permanent Address:</h3>
</div>
<div class="card-body">
<div class="form-group mb-2">
<label class="mb-0" for="PermanentStreetAddress">Street Address</label>
<input type="text" id="PermanentStreetAddress" name="PermanentStreetAddress"
class="form-control form-control-sm permanent-address" required>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">City</label>
<input type="text" id="PermanentCity" name="PermanentCity"
class="form-control form-control-sm permanent-address" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">Country</label>
<select class="form-control form-control-sm" style="width: 100%;" aria-hidden="true"
name="PermanentCountry" id="PermanentCountry" required>
<option value=""></option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">State</label>
<select id="PermanentState" name="PermanentState"
class="form-control form-control-sm permanent-address" style="width: 100%;" required>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="PermanentPinCode">Pin Code</label>
<input type="text" id="PermanentPinCode" name="PermanentPinCode"
class="form-control form-control-sm permanent-address" required>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
{{-- Current Address --}}
<div class="col-md-6">
<div class="card card-light">
<div class="card-header">
<h3 class="card-title">Current Address:</h3>
</div>
<div class="card-body">
<div class="clearfix">
<div class="icheck-primary">
<input type="checkbox" name="SameAsPermanent" id="SameAsPermanent">
<label class="mb-0" for="SameAsPermanent">Same as Permanent</label>
</div>
</div>
<div class="form-group mb-2">
<label class="mb-0" for="CurrentStreetAddress">Street Address</label>
<input type="text" id="CurrentStreetAddress" name="CurrentStreetAddress"
class="form-control form-control-sm current-address" required>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">City</label>
<input type="text" id="CurrentCity" name="CurrentCity"
class="form-control form-control-sm current-address" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">Country</label>
<select class="form-control form-control-sm" style="width: 100%;" aria-hidden="true"
name="CurrentCountry" id="CurrentCountry" required>
<option value=""></option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0">State</label>
<select id="CurrentState" name="CurrentState"
class="form-control form-control-sm current-address" style="width: 100%;" required>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group mb-2">
<label class="mb-0" for="CurrentPinCode">Pin Code</label>
<input type="text" id="CurrentPinCode" name="CurrentPinCode"
class="form-control form-control-sm current-address" required>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
</div>
<div class="row">
{{-- <div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Current Address">Current Address</label>
<textarea id="CurrentAddress" name="CurrentAddress" rows="1" class="form-control form-control-sm"
required></textarea>
</div>
</div> --}}
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Qualification">Qualification</label>
<input type="text" id="Qualification" name="Qualification" class="form-control form-control-sm"
required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Home town Decalration">Home town Decalration</label>
<textarea id="HomeTownDecalration" name="HomeTownDecalration" rows="1"
class="form-control form-control-sm" required></textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Exact height of measurement">Exact height of measurement</label>
<textarea id="ExactHeightOfMeasurement" name="ExactHeightOfMeasurement" rows="1"
class="form-control form-control-sm" required></textarea>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Personal mark of Identification">Personal mark of Identification</label>
<input type="text" id="MarkOfIdentification" name="MarkOfIdentification"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Caste Certificate No">Caste Certificate No. & Date</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteCertificate" class="custom-file-input form-control-sm"
id="CasteCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="CasteCertificate">Choose
Certificate</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Caste Validity">Caste Validity Certificate No. & Date</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CasteValidity" class="custom-file-input form-control-sm"
id="CasteValidity" accept="image/*, .pdf" required>
<label class="custom-file-label" for="CasteValidity">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Marital Status">Marital Status</label>
<select class="form-control form-control-sm select2" style="width: 100%;" aria-hidden="true"
name="MaritalStatus" id="MaritalStatus" data-placeholder="Select Marital Status" required>
<option selected="selected" disabled>Select Marital Status</option>
<option value="0">No</option>
<option value="1">Yes</option>
</select>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Language Passed">Hindi / Marathi Language passed</label>
<input type="text" id="LanguagePassed" name="LanguagePassed" class="form-control form-control-sm"
required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Computer Exam">MSCIT/Computer Exam</label>
<input type="text" id="ComputerExam" name="ComputerExam" class="form-control form-control-sm"
required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Medical Exam">Medical Exam</label>
<input type="text" id="MedicalExam" name="MedicalExam" class="form-control form-control-sm"
required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Departmental Exam">Departmental Exam</label>
<input type="text" id="DepartmentalExam" name="DepartmentalExam"
class="form-control form-control-sm" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Character Certificate">Character Certificate/Police Verification</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="CharacterCertificate" class="custom-file-input form-control-sm"
id="CharacterCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="CharacterCertificate">Choose
Certificate</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Probation Period">Probation Period Clear Date</label>
<div class="input-group date" id="ProbationPeriodDate" data-target-input="nearest">
<input type="text" id="ProbationPeriodDate" name="ProbationPeriodDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#ProbationPeriodDate"
required>
<div class="input-group-append" data-target="#ProbationPeriodDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Permanancy Certificate">Permanancy Certificate</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="PermanancyCertificate" class="custom-file-input form-control-sm"
id="PermanancyCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="PermanancyCertificate">Choose
Certificate</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-">
<label class="mb-4" for="Pay Scale">Pay Scale/Pay Commision</label>
<input type="text" id="PayScale" name="PayScale" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Change of Name">Change of Name After Marriage Registration OR Name
Change</label>
<input type="text" id="NameChange" name="NameChange" class="form-control form-control-sm" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-">
<label class="mb-0" for="DCPS No">DCPS No.</label>
<input type="text" id="DCPSNo" name="DCPSNo" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="DCPS Certificate">DCPS Certificate</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="DCPSCertificate" class="custom-file-input form-control-sm"
id="DCPSCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="DCPS Certificate">Choose
file</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="GPF No">GPF No.</label>
<input type="text" id="GPFNo" name="GPFNo" class="form-control form-control-sm" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="GPF Certificate">GPF Certificate</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="GPFCertificate" class="custom-file-input form-control-sm"
id="GPFCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="GPF Certificate">Choose
file</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="NPS No">NPS No.</label>
<input type="text" id="NPSNo" name="NPSNo" class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="NPS Certificate">NPS Certificate</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="NPSCertificate" class="custom-file-input form-control-sm"
id="NPSCertificate" accept="image/*, .pdf" required>
<label class="custom-file-label" for="NPS Certificate">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col">
<h3 class="card-title">Deputation Details:</h3>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-">
<label class="mb-0" for="Name of University">Name of University</label>
<input type="text" id="NameOfUniversity" name="NameOfUniversity"
class="form-control form-control-sm" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Joining Date">Joining Date</label>
<div class="input-group date" id="DateOfJoining" data-target-input="nearest">
<input type="text" id="DeputationJoiningDate" name="DeputationJoiningDate"
class="form-control form-control-sm datetimepicker-input" placeholder="DD/MM/YYYY" data-target="#DeputationJoiningDate"
required readonly />
<div class="input-group-append" data-target="#DeputationJoiningDate" data-toggle="datetimepicker">
<div class="input-group-text"><i class="fa fa-calendar"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="NameOfPost">Name of Post</label>
<input type="text" id="NameOfPost" name="NameOfPost" class="form-control form-control-sm" required>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Increment">Increment</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="Increment" class="custom-file-input form-control-sm" id="Increment"
accept="image/*, .pdf" required>
<label class="custom-file-label" for="Increment">Choose
file</label>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="form-group mb-2">
<label class="mb-0" for="Sign of the employees">Sign of the employees</label>
<div class="input-group">
<div class="custom-file">
<input type="file" name="EmployeeSign" class="custom-file-input form-control-sm"
id="EmployeeSign" accept="image/*, .pdf" required>
<label class="custom-file-label" for="Sign of the employees">Choose
file</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group clearfix">
<div class="icheck-primary">
<input type="checkbox" id="active">
<label class="mb-0" for="active">Is Acitve</label>
</div>
</div>
</div>
</div>
</div>
<!-- /.card-body -->
</div>
<!-- /.card -->
</div>
</div>
<div class="row">
<div class="col-12">
<div class="d-flex align-items-center justify-content-center">
<a href="{{ url('/') }}" class="btn btn-sm btn-outline-info mx-1">Cancel</a>
<button type="submit" name="save" value="Save" class="btn btn-sm btn-info mx-1">Register</button>
</div>
</div>
</div>
</section><br />
<!-- /.content -->
</form>
</div>
<!-- /.content-wrapper -->
{{-- JS Start Here --}}
{{-- Validation and Store Record --}}
<script>
$(function () {
$.validator.setDefaults({
submitHandler: function () {
event.preventDefault();
// Get Form Data
var token = $("#csrf_token").val();
var EmployeeName = $('#EmployeeName').val();
var AppointmentOrderNo = $('#AppointmentOrderNo').val();
var EmployeeDesignation = $('#EmployeeDesignation :selected').val();
var AppointmentBy = $('#AppointmentBy :selected').val();
var MeritListNo = $('#MeritListNo').val();
var LowerCadreSeniority = $('#LowerCadreSeniority').val();
var WorkPlace = $('#WorkPlace :selected').val();
var Religion = $('#Religion :selected').val();
var Caste = $('#Caste :selected').val();
var BasicCategory = $('#BasicCategory :selected').val();
var AppointmentCategory = $('#AppointmentCategory: selected').val();
var ParallelReservation = $('#ParallelReservation :selected').val();
var Cadre = $('#Cadre: selected').val();
var SanctionPost = $('#SanctionPost: selected').val();
var SchemeName = $('#SchemeName').val();
var Group = $('#Group').val();
var Faculty = $('#Faculty: selected').val();
var DepartmentName = $('#DepartmentName').val();
var DateOfBirth = $('#DateOfBirth').val();
var Gender = $('#Gender: selected').val();
var FatherOrHusbandName = $('#FatherOrHusbandName').val();
var JoiningDate = $('#JoiningDate').val();
var RetirementYear = $('#RetirementYear').val();
var RetirementDate = $('#RetirementDate').val();
var AadharCardNo = $('#AadharCardNo').val();
var PanCardNo = $('#PanCardNo').val();
var MobileNo = $('#MobileNo').val();
var EmailId = $('#EmailId').val();
var PermanentStreetAddress = $('#PermanentStreetAddress').val();
var PermanentCity = $('#PermanentCity').val();
var PermanentCountry = $('#PermanentCountry').val();
var PermanentState = $('#PermanentState').val();
var PermanentPinCode = $('#PermanentPinCode').val();
var SameAsPermanent = '';
if($('input[name="SameAsPermanent"]').is(':checked'))
{
SameAsPermanent = '1'
}else
{
SameAsPermanent = '0'
}
var CurrentStreetAddress = $('#CurrentStreetAddress').val();
var CurrentCity = $('#CurrentCity').val();
var CurrentCountry = $('#CurrentCountry').val();
var CurrentState = $('#CurrentState').val();
var CurrentPinCode = $('#CurrentPinCode').val();
var Qualification = $('#Qualification').val();
var HomeTownDecalration = $('#HomeTownDecalration').val();
var ExactHeightOfMeasurement = $('#ExactHeightOfMeasurement').val();
var MarkOfIdentification = $('#MarkOfIdentification').val();
var MaritalStatus = $('#MaritalStatus :selected').val();
var DepartmentalExam = $('#DepartmentalExam').val();
var ProbationPeriodDate = $("#ProbationPeriodDate").val();
var PayScale = $("#PayScale").val();
var NameChange = $("#NameChange").val();
var DCPSNo = $("#DCPSNo").val();
var GPFNo = $("#GPFNo").val();
var NPSNo = $("#NPSNo").val();
var NameOfUniversity = $("#NameOfUniversity").val();
var DeputationJoiningDate = $("#DeputationJoiningDate").val();
var NameOfPost = $("#NameOfPost").val();
//Get Files
var EmployeePhoto = $('#EmployeePhoto')[0].files;
var CasteCertificate = $('#CasteCertificate')[0].files;
var CasteValidity = $('#CasteValidity')[0].files;
var CharacterCertificate = $('#CharacterCertificate')[0].files;
var PermanancyCertificate = $('#PermanancyCertificate')[0].files;
var DCPSCertificate = $('#DCPSCertificate')[0].files;
var GPFCertificate = $('#GPFCertificate')[0].files;
var NPSCertificate = $('#NPSCertificate')[0].files;
var Increment = $('#Increment')[0].files;
var EmployeeSign = $('#EmployeeSign')[0].files;
var fd = new FormData();
fd.append('_token',token);
fd.append('EmployeeName',EmployeeName);
fd.append('AppointmentOrderNo',AppointmentOrderNo);
fd.append('EmployeeDesignation',EmployeeDesignation);
fd.append('AppointmentBy',AppointmentBy);
fd.append('MeritListNo',MeritListNo);
fd.append('LowerCadreSeniority',LowerCadreSeniority);
fd.append('WorkPlace',WorkPlace);
fd.append('Religion',Religion);
fd.append('Caste',Caste);
fd.append('BasicCategory',BasicCategory);
fd.append('AppointmentCategory',AppointmentCategory);
fd.append('ParallelReservation',ParallelReservation);
fd.append('Cadre',Cadre);
fd.append('SanctionPost',SanctionPost);
fd.append('SchemeName',SchemeName);
fd.append('Group',Group);
fd.append('Faculty',Faculty);
fd.append('DepartmentName',DepartmentName);
fd.append('Gender',Gender);
fd.append('FatherOrHusbandName',FatherOrHusbandName);
fd.append('JoiningDate',JoiningDate);
fd.append('RetirementYear',RetirementYear);
fd.append('RetirementDate',RetirementDate);
fd.append('AadharCardNo',AadharCardNo);
fd.append('PanCardNo',PanCardNo);
fd.append('MobileNo',MobileNo);
fd.append('EmailId',EmailId);
fd.append('PermanentStreetAddress',PermanentStreetAddress);
fd.append('PermanentCity',PermanentCity);
fd.append('PermanentCountry',PermanentCountry);
fd.append('PermanentState',PermanentState);
fd.append('PermanentPinCode',PermanentPinCode);
fd.append('SameAsPermanent',SameAsPermanent);
fd.append('CurrentStreetAddress',CurrentStreetAddress);
fd.append('CurrentCity',CurrentCity);
fd.append('CurrentCountry',CurrentCountry);
fd.append('CurrentState',CurrentState);
fd.append('CurrentPinCode',CurrentPinCode);
fd.append('Qualification',Qualification);
fd.append('HomeTownDecalration',HomeTownDecalration);
fd.append('ExactHeightOfMeasurement',ExactHeightOfMeasurement);
fd.append('MarkOfIdentification',MarkOfIdentification);
fd.append('MaritalStatus',MaritalStatus);
fd.append('DepartmentalExam',DepartmentalExam);
fd.append('ProbationPeriodDate',ProbationPeriodDate);
fd.append('PayScale',PayScale);
fd.append('NameChange',NameChange);
fd.append('DCPSNo',DCPSNo);
fd.append('GPFNo',GPFNo);
fd.append('NPSNo',NPSNo);
fd.append('NameOfUniversity',NameOfUniversity);
fd.append('DeputationJoiningDate',DeputationJoiningDate);
//files data
fd.append('EmployeePhoto',EmployeePhoto[0]);
fd.append('CasteCertificate',CasteCertificate[0]);
fd.append('CasteValidity',CasteValidity[0]);
fd.append('CharacterCertificate',CharacterCertificate[0]);
fd.append('PermanancyCertificate',PermanancyCertificate[0]);
fd.append('DCPSCertificate',DCPSCertificate[0]);
fd.append('GPFCertificate',GPFCertificate[0]);
fd.append('NPSCertificate',NPSCertificate[0]);
fd.append('Increment',Increment[0]);
fd.append('EmployeeSign',EmployeeSign[0]);
// Send Data
$.ajax({
type: "post",
url: "{{ url('store-employee') }}",
data: fd,
contentType: false,
processData: false,
success: function(response) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'success',
title: 'Employee added successfully!'
})
},
error: function(data) {
const Toast = Swal.mixin({
toast: true,
position: 'top-end',
showConfirmButton: false,
timer: 3000,
timerProgressBar: true,
didOpen: (toast) => {
toast.addEventListener('mouseenter', Swal.stopTimer)
toast.addEventListener('mouseleave', Swal.resumeTimer)
}
})
Toast.fire({
icon: 'error',
title: 'Something went wrong!'
});
}
});
}
});
$('#AddEmployeeProfileForm').validate({
onblur: function(element) {
$(element).valid();
},
rules: {
EmployeeName: {
required: true,
pattern: '[a-z A-Z]+'
},
AppointmentOrderNo: {
required: true,
minlength: 5
},
EmployeeDesignation: {
required: true,
},
AppointmentBy: {
required: true,
},
AadharCardNo: {
maxlength: 12,
pattern: '^([0-9]){12}$',
},
PanCardNo: {
pattern: '[A-Za-z]{5}[0-9]{4}[A-Za-z]{1}$',
},
MobileNo: {
pattern: '^([0-9]){10}$',
},
CasteCertificate: {
required: true,
accept: "image/*, pdf"
},
CasteValidityCertificate: {
required: true,
accept: "image/*, pdf"
},
CharacterCertificate: {
required: true,
accept: "image/*, pdf"
},
PermanancyCertificate: {
required: true,
accept: "image/*, pdf"
},
DCPSCertificate: {
required: true,
accept: "image/*, pdf"
},
GPFCertificate: {
required: true,
accept: "image/*, pdf"
},
NPSCertificate: {
required: true,
accept: "image/*, pdf"
},
Increment: {
required: true,
accept: "image/*, pdf"
},
EmployeeSign: {
required: true,
accept: "image/*, pdf"
},
PermanentPinCode: {
pattern: '^([0-9]){6}$'
},
CurrentPinCode: {
pattern: '^([0-9]){6}$'
},
},
messages: {
EmployeeName: {
required: "Please enter employee name",
},
EmployeeDesignation: {
required: "Please select designation",
},
AppointmentOrderNo: {
required: "Please provide Appointment order no. & date",
minlength: "Your Order No. must be at least 5 characters long"
},
email: {
required: "Please enter a email address",
email: "Please enter a valid email address"
},
MobileNo: {
tel: 'Please enter without +91',
},
},
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
});
</script>
{{-- Copy Address --}}
<script>
$("#SameAsPermanent").click(function() {
if ($(this).is(":checked")) {
addressCopy();
} else {
$("#CurrentStreetAddress").val("");
$("#CurrentCity").val("");
$("#CurrentState").val("");
$("#CurrentCountry").val("");
$("#CurrentPinCode").val("");
}
});
function addressCopy() {
$("#CurrentStreetAddress").val($("#PermanentStreetAddress").val());
$("#CurrentCity").val($("#PermanentCity").val());
$("#CurrentCountry").val($("#PermanentCountry").val());
$("#CurrentState").val($("#PermanentState").val());
$("#CurrentPinCode").val($("#PermanentPinCode").val());
}
$(document).on("blur keyup", ".permanent-address", function() {
if ($("#SameAsPermanent").is(":checked")) {
addressCopy();
}
});
</script>
@endsection