Skip to content

K
Kinetic on Steroids
Commit ddaaf559 authored by Kenneth Kaigu's avatar Kenneth Kaigu
Browse files
Options

Adding employee validation is done:

parent 509774b0
Show whitespace changes
Inline Side-by-side
Showing with 949 additions and 1335 deletions
.idea/workspace.xml
View file @ ddaaf559
......@@ -2,28 +2,14 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="7de9fa1a-47e4-4b09-92e8-6c125952f8d3" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/kinetic.iml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/kinetic.iml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/php.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/php.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/composer.json" beforeDir="false" afterPath="$PROJECT_DIR$/composer.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/composer.lock" beforeDir="false" afterPath="$PROJECT_DIR$/composer.lock" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package-lock.json" beforeDir="false" afterPath="$PROJECT_DIR$/package-lock.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/css/app.css" beforeDir="false" afterPath="$PROJECT_DIR$/public/css/app.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app/EmployeeTest.php" beforeDir="false" afterPath="$PROJECT_DIR$/app/EmployeeTest.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/app/Http/Controllers/EmployeeController.php" beforeDir="false" afterPath="$PROJECT_DIR$/app/Http/Controllers/EmployeeController.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/database/migrations/2019_02_13_070002_employee_tests.php" beforeDir="false" afterPath="$PROJECT_DIR$/database/migrations/2019_02_13_070002_employee_tests.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/public/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/public/js/app.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/js/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/app.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/js/bootstrap.js" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/bootstrap.js" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/sass/app.scss" beforeDir="false" afterPath="$PROJECT_DIR$/resources/sass/app.scss" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue" beforeDir="false" afterPath="$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/views/Employees/Registration.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/resources/views/Employees/Registration.blade.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php" beforeDir="false" afterPath="$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/autoload_classmap.php" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/autoload_classmap.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/autoload_files.php" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/autoload_files.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/autoload_namespaces.php" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/autoload_namespaces.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/autoload_psr4.php" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/autoload_psr4.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/autoload_static.php" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/autoload_static.php" afterDir="false" />
<change beforePath="$PROJECT_DIR$/vendor/composer/installed.json" beforeDir="false" afterPath="$PROJECT_DIR$/vendor/composer/installed.json" afterDir="false" />
<change beforePath="$PROJECT_DIR$/webpack.mix.js" beforeDir="false" afterPath="$PROJECT_DIR$/webpack.mix.js" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
......@@ -51,19 +37,10 @@
<component name="FileEditorManager">
<leaf>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/webpack.mix.js">
<entry file="file://$PROJECT_DIR$/app/Http/Controllers/EmployeeController.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="255">
<caret line="15" column="15" selection-start-line="15" selection-start-column="15" selection-end-line="15" selection-end-column="15" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/resources/js/app.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="187">
<caret line="11" selection-start-line="11" selection-end-line="11" />
<state relative-caret-position="259">
<caret line="67" column="26" selection-start-line="67" selection-start-column="26" selection-end-line="67" selection-end-column="26" />
</state>
</provider>
</entry>
......@@ -71,12 +48,18 @@
<file pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="202">
<caret line="62" column="47" selection-start-line="62" selection-start-column="47" selection-end-line="62" selection-end-column="47" />
<folding>
<element signature="n#div#0;n#div#1;n#div#1;n#form#0;n#template#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#1;n#form#0;n#template#0;n#!!top" />
</folding>
<state relative-caret-position="554">
<caret line="9" column="74" selection-start-line="9" selection-start-column="74" selection-end-line="9" selection-end-column="74" />
<caret line="27" column="70" selection-start-line="27" selection-start-column="70" selection-end-line="27" selection-end-column="70" />
<caret line="48" column="73" selection-start-line="48" selection-start-column="73" selection-end-line="48" selection-end-column="73" />
<caret line="61" column="69" selection-start-line="61" selection-start-column="69" selection-end-line="61" selection-end-column="69" />
<caret line="74" column="69" selection-start-line="74" selection-start-column="69" selection-end-line="74" selection-end-column="69" />
<caret line="89" column="69" selection-start-line="89" selection-start-column="69" selection-end-line="89" selection-end-column="69" />
<caret line="102" column="69" selection-start-line="102" selection-start-column="69" selection-end-line="102" selection-end-column="69" />
<caret line="115" column="69" selection-start-line="115" selection-start-column="69" selection-end-line="115" selection-end-column="69" />
<caret line="131" column="69" selection-start-line="131" selection-start-column="69" selection-end-line="131" selection-end-column="69" />
<caret line="144" column="69" selection-start-line="144" selection-start-column="69" selection-end-line="144" selection-end-column="69" />
<caret line="157" column="69" selection-start-line="157" selection-start-column="69" selection-end-line="157" selection-end-column="69" />
</state>
</provider>
</entry>
......@@ -103,6 +86,14 @@
<find>col-sm-2</find>
<find>col-sm-10</find>
<find>persona</find>
<find>kra</find>
<find>(?&lt;=src=&quot;)(.*)(\.png)</find>
<find>(?&lt;=src=&quot;)(.*)(\.jpg)</find>
<find>y</find>
<find>3</find>
<find>dropdown-me</find>
<find>(?&lt;=href=&quot;)(.*)(\.html)</find>
<find>auth</find>
</findStrings>
</component>
<component name="Git.Settings">
......@@ -116,12 +107,15 @@
<option value="$PROJECT_DIR$/.gitignore" />
<option value="$PROJECT_DIR$/app/Providers/AppServiceProvider.php" />
<option value="$PROJECT_DIR$/resources/js/bootstrap.js" />
<option value="$PROJECT_DIR$/resources/views/Employees/Registration.blade.php" />
<option value="$USER_HOME$/Downloads/notebook/themeforest-6228450-notebook-web-app-and-admin-template/src/index.html" />
<option value="$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php" />
<option value="$PROJECT_DIR$/resources/sass/app.scss" />
<option value="$PROJECT_DIR$/webpack.mix.js" />
<option value="$PROJECT_DIR$/resources/js/app.js" />
<option value="$PROJECT_DIR$/resources/views/Employees/Registration.blade.php" />
<option value="$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php" />
<option value="$PROJECT_DIR$/app/EmployeeTest.php" />
<option value="$PROJECT_DIR$/database/migrations/2019_02_13_070002_employee_tests.php" />
<option value="$PROJECT_DIR$/app/Http/Controllers/EmployeeController.php" />
<option value="$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue" />
</list>
</option>
......@@ -243,25 +237,31 @@
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="public" type="462c0819:PsiDirectoryNode" />
<item name="app" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="resources" type="462c0819:PsiDirectoryNode" />
<item name="app" type="462c0819:PsiDirectoryNode" />
<item name="Http" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="app" type="462c0819:PsiDirectoryNode" />
<item name="Http" type="462c0819:PsiDirectoryNode" />
<item name="Controllers" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="resources" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="resources" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
......@@ -269,13 +269,14 @@
<item name="resources" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
<item name="Employee" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="kinetic" type="b2602c69:ProjectViewProjectNode" />
<item name="kinetic" type="462c0819:PsiDirectoryNode" />
<item name="resources" type="462c0819:PsiDirectoryNode" />
<item name="sass" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
<item name="components" type="462c0819:PsiDirectoryNode" />
<item name="Employee" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
......@@ -318,12 +319,12 @@
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1552996127577</updated>
<workItem from="1552996132598" duration="11453000" />
<workItem from="1552996132598" duration="14450000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="11453000" />
<option name="totallyTimeSpent" value="14450000" />
</component>
<component name="ToolWindowManager">
<frame x="-8" y="-8" width="1382" height="744" extended-state="6" />
......@@ -331,12 +332,12 @@
<layout>
<window_info id="npm" side_tool="true" />
<window_info id="Favorites" side_tool="true" />
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.24962178" />
<window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.24962178" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info anchor="bottom" id="Docker" show_stripe_button="false" />
<window_info anchor="bottom" id="Database Changes" />
<window_info anchor="bottom" id="Version Control" />
<window_info anchor="bottom" id="Terminal" visible="true" weight="0.3286385" />
<window_info anchor="bottom" id="Terminal" weight="0.3286385" />
<window_info anchor="bottom" id="Event Log" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
......@@ -354,18 +355,6 @@
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="XDebuggerManager">
<breakpoint-manager>
<breakpoints>
<line-breakpoint enabled="true" type="javascript">
<url>file://$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue</url>
<line>62</line>
<properties lambdaOrdinal="-1" />
<option name="timeStamp" value="1" />
</line-breakpoint>
</breakpoints>
</breakpoint-manager>
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/vendor/laravel/framework/src/Illuminate/Foundation/Application.php">
<provider selected="true" editor-type-id="text-editor">
......@@ -471,16 +460,6 @@
<entry file="file://$PROJECT_DIR$/resources/js/components/ExampleComponent.vue">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/resources/views/Employees/Registration.blade.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="40">
<caret line="3" selection-start-line="3" selection-end-line="3" />
<folding>
<element signature="e#2896#81534#0#HTML" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$USER_HOME$/Downloads/notebook/themeforest-6228450-notebook-web-app-and-admin-template/src/js/app.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1020">
......@@ -512,13 +491,6 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="306">
<caret line="18" column="12" selection-start-line="18" selection-start-column="12" selection-end-line="18" selection-end-column="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/webpack.mix.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="255">
......@@ -533,16 +505,70 @@
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue">
<entry file="file://$PROJECT_DIR$/resources/views/Employees/Registration.blade.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="357">
<caret line="21" column="14" selection-start-line="21" selection-start-column="14" selection-end-line="21" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/public/js/app.kinetic.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="212">
<caret line="136" column="37" selection-start-line="136" selection-start-column="26" selection-end-line="136" selection-end-column="37" />
<folding>
<element signature="n#!!doc" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/resources/views/Layout/Employeesmaster.blade.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="202">
<caret line="62" column="47" selection-start-line="62" selection-start-column="47" selection-end-line="62" selection-end-column="47" />
<state relative-caret-position="212">
<caret line="76" column="29" selection-start-line="76" selection-start-column="29" selection-end-line="76" selection-end-column="29" />
<folding>
<element signature="n#div#0;n#div#1;n#div#1;n#form#0;n#template#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#1;n#form#0;n#template#0;n#!!top" />
<element signature="n#style#0;n#li#0;n#ul#0;n#li#1;n#ul#0;n#nav#0;n#div#0;n#section#0;n#section#0;n#aside#0;n#section#0;n#section#0;n#section#0;n#body#0;n#html#0;n#!!top" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app/EmployeeTest.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="187">
<caret line="12" lean-forward="true" selection-start-line="12" selection-end-line="12" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/database/migrations/2019_02_13_070002_employee_tests.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="225">
<caret line="24" column="34" selection-start-line="24" selection-start-column="34" selection-end-line="24" selection-end-column="34" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/app/Http/Controllers/EmployeeController.php">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="259">
<caret line="67" column="26" selection-start-line="67" selection-start-column="26" selection-end-line="67" selection-end-column="26" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/resources/js/components/Employee/createEmployee.vue">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="554">
<caret line="9" column="74" selection-start-line="9" selection-start-column="74" selection-end-line="9" selection-end-column="74" />
<caret line="27" column="70" selection-start-line="27" selection-start-column="70" selection-end-line="27" selection-end-column="70" />
<caret line="48" column="73" selection-start-line="48" selection-start-column="73" selection-end-line="48" selection-end-column="73" />
<caret line="61" column="69" selection-start-line="61" selection-start-column="69" selection-end-line="61" selection-end-column="69" />
<caret line="74" column="69" selection-start-line="74" selection-start-column="69" selection-end-line="74" selection-end-column="69" />
<caret line="89" column="69" selection-start-line="89" selection-start-column="69" selection-end-line="89" selection-end-column="69" />
<caret line="102" column="69" selection-start-line="102" selection-start-column="69" selection-end-line="102" selection-end-column="69" />
<caret line="115" column="69" selection-start-line="115" selection-start-column="69" selection-end-line="115" selection-end-column="69" />
<caret line="131" column="69" selection-start-line="131" selection-start-column="69" selection-end-line="131" selection-end-column="69" />
<caret line="144" column="69" selection-start-line="144" selection-start-column="69" selection-end-line="144" selection-end-column="69" />
<caret line="157" column="69" selection-start-line="157" selection-start-column="69" selection-end-line="157" selection-end-column="69" />
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
app/EmployeeTest.php
View file @ ddaaf559
......@@ -7,12 +7,6 @@ use Illuminate\Support\Facades\DB;
class EmployeeTest extends Model
{
protected $fillable = ['FirstName','LastName','Email','Gender','DateofJoining','YearsofExperience'];
public static function getEmployees(){
$records = DB::table('employee_tests')->select('FirstName','LastName','Email','Gender','DateofJoining','YearsofExperience')->orderBy('EmployeeId', 'desc')->get()->toArray();
return $records;
}
}
app/Http/Controllers/EmployeeController.php
View file @ ddaaf559
......@@ -37,7 +37,7 @@ class EmployeeController extends Controller
$businessunits = DB::table('business_units')->get();
$emergency = DB::table('emergency_contacts')->get();
$dependants = DB::table('dependants')->get();
return view('Employees.Registration', compact(['departments','businessunits','emergency','dependants']));
return view('Employees.Registration', compact(['departments', 'businessunits', 'emergency', 'dependants']));
}
/**
......@@ -45,10 +45,24 @@ class EmployeeController extends Controller
*
* @param \Illuminate\Http\Request $request
* @return \Illuminate\Http\Response
* @throws \Illuminate\Validation\ValidationException
*/
public function store(Request $request)
public function store(Request $request, EmployeeTest $employeeTest)
{
//
$this->validate($request, [
'prefix' => ['required'],
'firstname' => ['required'],
'middlename' => ['required'],
'lastname' => ['required'],
'phonenumber' => ['required'],
'krapin' => ['required'],
'nhif' => ['required'],
'nssf' => ['required'],
'employmentdate' => ['required'],
'gender' => ['required'],
'yearsofexperience' => ['required'],
]);
}
/**
......@@ -95,23 +109,25 @@ class EmployeeController extends Controller
{
//
}
public function export()
{
try {
$export=Excel::download(new Employee_detailsExport, 'Employees.xls');
$export = Excel::download(new Employee_detailsExport, 'Employees.xls');
return $export;
} catch (\Exception $e) {
return redirect('/employees')->with('error','Something wrong happened');
return redirect('/employees')->with('error', 'Something wrong happened');
}
}
//importation function
public function import(Request $request)
{
$import = Excel::import(new Imports, request()->file('file'));
dd($import);
return redirect('/employees')->with('success','File has been successfully imported');
return redirect('/employees')->with('success', 'File has been successfully imported');
/* $this->validate($request, array(
'file' => 'required'
......@@ -152,34 +168,38 @@ class EmployeeController extends Controller
} */
}
public function personalinfo(Request $request)
{
$request->validate([
'name'=>'required',
'dateofBirth' =>'required',
'relation'=>'required',
'name' => 'required',
'dateofBirth' => 'required',
'relation' => 'required',
]);
$dependant = new Dependants([
'name' => $request->get('name'),
'dateofBirth'=> $request->get('dateofBirth'),
'relation'=> $request->get('relation'),
'dateofBirth' => $request->get('dateofBirth'),
'relation' => $request->get('relation'),
]);
$dependant->save();
return redirect('/employees/create')->with('success', 'Dependant has been added');
}
public function dependantedit($id){
public function dependantedit($id)
{
$dependant = Dependants::find($id);
return redirect('/employees/create', compact('dependant'));
}
public function updateDependant(Request $request, $id)
{
$request->validate([
'name'=>'required',
'name' => 'required',
'dateofBirth' => 'required',
'relation'=>'required',
'relation' => 'required',
]);
$dependant = Dependants::find($id);
......@@ -190,6 +210,7 @@ class EmployeeController extends Controller
return redirect('/employees/create')->with('success', 'Dependant has been updated');
}
public function dependantdestroy($id)
{
$dependant = Dependants::find($id);
......
database/migrations/2019_02_13_070002_employee_tests.php
View file @ ddaaf559
......@@ -14,14 +14,18 @@ class EmployeeTests extends Migration
public function up()
{
Schema::create('employee_tests', function (Blueprint $table) {
$table->increments('EmployeeId');
$table->string('FirstName');
$table->string('LastName');
$table->string('Email');
$table->string('Gender');
$table->date('DateofJoining');
$table->integer('YearsofExperience');
$table->rememberToken();
$table->increments('id');
$table->string('prefix');
$table->string('firstname');
$table->string('middlename');
$table->string('lastname');
$table->string('phonenumber');
$table->string('krapin');
$table->string('nhif');
$table->string('gender');
$table->string('nssf');
$table->date('employmentdate');
$table->integer('yearsofexperience');
$table->timestamps();
});
}
......
public/js/app.js
View file @ ddaaf559
......@@ -34172,7 +34172,7 @@ exports = module.exports = __webpack_require__(46)(false);
// module
exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", ""]);
exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", ""]);
// exports
......@@ -34523,6 +34523,95 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "createEmployee",
......@@ -34530,11 +34619,27 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
return {
errors: '',
prefix: '',
gender: '',
firstname: '',
middlename: '',
lastname: '',
phonenumber: '',
krapin: ''
krapin: '',
nhif: '',
nssf: '',
employmentdate: '',
yearsofexperience: ''
};
},
methods: {
sendForm: function sendForm() {
var _this = this;
axios.post('/employees', this.$data).then(function (resp) {}).catch(function (err) {
_this.errors = err.response.data.errors;
});
}
}
});
......@@ -34548,16 +34653,18 @@ var render = function() {
var _c = _vm._self._c || _h
return _c("form", [
_c("div", { staticClass: "row" }, [
_c("div", { staticClass: "col-md-6" }, [
_c("div", { staticClass: "col-md-2" }, [
_c("div", { staticClass: "form-group" }, [
_c(
"label",
{ staticClass: " col-form-label", attrs: { for: "prefix" } },
{ staticClass: " control-label", attrs: { for: "gender" } },
[_vm._v("Prefix")]
),
_vm._v(" "),
_c("div", {}, [
_c("input", {
_c(
"select",
{
directives: [
{
name: "model",
......@@ -34567,26 +34674,40 @@ var render = function() {
}
],
staticClass: "form-control",
class: { "is-invalid": _vm.errors.prefix },
attrs: {
type: "text",
id: "prefix",
name: "prefix",
autocomplete: "off"
},
domProps: { value: _vm.prefix },
class: { "parsley-validated parsley-error": _vm.errors.prefix },
attrs: { name: "prefix", id: "prefix", autocomplete: "off" },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.prefix = $event.target.value
change: function($event) {
var $$selectedVal = Array.prototype.filter
.call($event.target.options, function(o) {
return o.selected
})
.map(function(o) {
var val = "_value" in o ? o._value : o.value
return val
})
_vm.prefix = $event.target.multiple
? $$selectedVal
: $$selectedVal[0]
}
}
}),
},
[
_vm._v(">\n "),
_c("option", { attrs: { value: "Mr." } }, [_vm._v("Mr")]),
_vm._v(" "),
_c("option", { attrs: { value: "Ms." } }, [_vm._v("Ms")]),
_vm._v(" "),
_c("option", { attrs: { value: "Eng." } }, [_vm._v("Eng")]),
_vm._v(" "),
_c("option", { attrs: { value: "Dr." } }, [_vm._v("Dr")]),
_vm._v(" "),
_c("option", { attrs: { value: "Prof." } }, [_vm._v("Prof")])
]
),
_vm._v(" "),
_vm.errors.prefix
? _c("div", { staticClass: "invalid-feedback" }, [
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.prefix.toString()))])
])
: _vm._e()
......@@ -34594,11 +34715,69 @@ var render = function() {
])
]),
_vm._v(" "),
_c("div", { staticClass: "col-md-6" }, [
_c("div", { staticClass: "form-group col-md-3" }, [
_c(
"label",
{ staticClass: " col-form-label", attrs: { for: "gender" } },
[_vm._v("Gender")]
),
_vm._v(" "),
_c("div", {}, [
_c(
"select",
{
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.gender,
expression: "gender"
}
],
staticClass: "form-control",
class: { "parsley-validated parsley-error": _vm.errors.gender },
attrs: { name: "gender", id: "gender", autocomplete: "off" },
on: {
change: function($event) {
var $$selectedVal = Array.prototype.filter
.call($event.target.options, function(o) {
return o.selected
})
.map(function(o) {
var val = "_value" in o ? o._value : o.value
return val
})
_vm.gender = $event.target.multiple
? $$selectedVal
: $$selectedVal[0]
}
}
},
[
_vm._v(">\n "),
_c("option", { attrs: { value: "Male" } }, [_vm._v("Male")]),
_vm._v(" "),
_c("option", { attrs: { value: "Female" } }, [_vm._v("Female")]),
_vm._v(" "),
_c("option", { attrs: { value: "Other" } }, [_vm._v("Other")])
]
),
_vm._v(" "),
_vm.errors.gender
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.gender.toString()))])
])
: _vm._e()
])
])
]),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c("div", { staticClass: "col-md-4" }, [
_c("div", { staticClass: "form-group" }, [
_c(
"label",
{ staticClass: " col-form-label", attrs: { for: "firstname" } },
{ staticClass: " control-label", attrs: { for: "firstname" } },
[_vm._v("First Name")]
),
_vm._v(" "),
......@@ -34613,7 +34792,9 @@ var render = function() {
}
],
staticClass: "form-control",
class: { "is-invalid": _vm.errors.firstname },
class: {
"parsley-validated parsley-error": _vm.errors.firstname
},
attrs: {
type: "text",
id: "firstname",
......@@ -34632,7 +34813,7 @@ var render = function() {
}),
_vm._v(" "),
_vm.errors.firstname
? _c("div", { staticClass: "invalid-feedback" }, [
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [
_vm._v(_vm._s(_vm.errors.firstname.toString()))
])
......@@ -34640,14 +34821,12 @@ var render = function() {
: _vm._e()
])
])
])
]),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c("div", { staticClass: "form-group col-md-6" }, [
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{ staticClass: "col-form-label", attrs: { for: "middlename" } },
{ staticClass: "control-label", attrs: { for: "middlename" } },
[_vm._v("Middle Name")]
),
_vm._v(" "),
......@@ -34662,7 +34841,7 @@ var render = function() {
}
],
staticClass: "form-control",
class: { "is-invalid": _vm.errors.middlename },
class: { "parsley-validated parsley-error": _vm.errors.middlename },
attrs: {
type: "text",
id: "middlename",
......@@ -34681,19 +34860,64 @@ var render = function() {
}),
_vm._v(" "),
_vm.errors.middlename
? _c("div", { staticClass: "invalid-feedback" }, [
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.middlename.toString()))])
])
: _vm._e()
])
]),
_vm._v(" "),
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{ staticClass: " control-label", attrs: { for: "lastname" } },
[_vm._v("Last Name")]
),
_vm._v(" "),
_c("div", {}, [
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.lastname,
expression: "lastname"
}
],
staticClass: "form-control",
class: { "parsley-validated parsley-error": _vm.errors.lastname },
attrs: {
type: "text",
id: "lastname",
name: "lastname",
autocomplete: "off"
},
domProps: { value: _vm.lastname },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.lastname = $event.target.value
}
}
}),
_vm._v(" "),
_vm.errors.lastname
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.lastname.toString()))])
])
: _vm._e()
])
])
]),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c("div", { staticClass: "form-group col-md-6" }, [
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{ staticClass: " col-form-label", attrs: { for: "phonenumber" } },
[_vm._v("Personal Number")]
{ staticClass: " control-label", attrs: { for: "phonenumber" } },
[_vm._v("Personal Phone Number")]
),
_vm._v(" "),
_c("div", {}, [
......@@ -34707,7 +34931,9 @@ var render = function() {
}
],
staticClass: "form-control",
class: { "is-invalid": _vm.errors.phonenumber },
class: {
"parsley-validated parsley-error": _vm.errors.phonenumber
},
attrs: {
type: "text",
id: "phonenumber",
......@@ -34726,7 +34952,7 @@ var render = function() {
}),
_vm._v(" "),
_vm.errors.phonenumber
? _c("div", { staticClass: "invalid-feedback" }, [
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [
_vm._v(_vm._s(_vm.errors.phonenumber.toString()))
])
......@@ -34735,10 +34961,10 @@ var render = function() {
])
]),
_vm._v(" "),
_c("div", { staticClass: "form-group col-md-6" }, [
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{ staticClass: " col-form-label", attrs: { for: "krapin" } },
{ staticClass: " control-label", attrs: { for: "krapin" } },
[_vm._v("KRA PIN")]
),
_vm._v(" "),
......@@ -34753,7 +34979,7 @@ var render = function() {
}
],
staticClass: "form-control",
class: { "is-invalid": _vm.errors.krapin },
class: { "parsley-validated parsley-error": _vm.errors.krapin },
attrs: {
type: "text",
id: "krapin",
......@@ -34772,14 +34998,213 @@ var render = function() {
}),
_vm._v(" "),
_vm.errors.krapin
? _c("div", { staticClass: "invalid-feedback" }, [
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.krapin.toString()))])
])
: _vm._e()
])
]),
_vm._v(" "),
_c("div", { staticClass: "form-group col-md-4" }, [
_c("label", { staticClass: "control-label", attrs: { for: "nhif" } }, [
_vm._v("NHIF Number")
]),
_vm._v(" "),
_c("div", {}, [
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.nhif,
expression: "nhif"
}
],
staticClass: "form-control",
class: { "parsley-validated parsley-error": _vm.errors.nhif },
attrs: {
type: "text",
id: "nhif",
name: "nhif",
autocomplete: "off"
},
domProps: { value: _vm.nhif },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.nhif = $event.target.value
}
}
}),
_vm._v(" "),
_vm.errors.nhif
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.nhif.toString()))])
])
: _vm._e()
])
])
]),
_vm._v(" "),
_c("div", { staticClass: "row" }, [
_c("div", { staticClass: "form-group col-md-4" }, [
_c("label", { staticClass: " control-label", attrs: { for: "nssf" } }, [
_vm._v("NSSF Number")
]),
_vm._v(" "),
_c("div", {}, [
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.nssf,
expression: "nssf"
}
],
staticClass: "form-control",
class: { "parsley-validated parsley-error": _vm.errors.nssf },
attrs: {
type: "text",
id: "nssf",
name: "nssf",
autocomplete: "off"
},
domProps: { value: _vm.nssf },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.nssf = $event.target.value
}
}
}),
_vm._v(" "),
_vm.errors.nssf
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [_vm._v(_vm._s(_vm.errors.nssf.toString()))])
])
: _vm._e()
])
]),
_vm._v(" "),
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{ staticClass: "control-label", attrs: { for: "employmentdate" } },
[_vm._v("Date of Joining")]
),
_vm._v(" "),
_c("div", {}, [
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.employmentdate,
expression: "employmentdate"
}
],
staticClass: "form-control",
class: {
"parsley-validated parsley-error": _vm.errors.employmentdate
},
attrs: {
type: "date",
id: "employmentdate",
name: "employmentdate",
autocomplete: "off"
},
domProps: { value: _vm.employmentdate },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.employmentdate = $event.target.value
}
}
}),
_vm._v(" "),
_vm.errors.employmentdate
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [
_vm._v(_vm._s(_vm.errors.employmentdate.toString()))
])
])
: _vm._e()
])
]),
_vm._v(" "),
_c("div", { staticClass: "form-group col-md-4" }, [
_c(
"label",
{
staticClass: "col-form-label",
attrs: { for: "yearsofexperience" }
},
[_vm._v("Years of Experience")]
),
_vm._v(" "),
_c("div", {}, [
_c("input", {
directives: [
{
name: "model",
rawName: "v-model",
value: _vm.yearsofexperience,
expression: "yearsofexperience"
}
],
staticClass: "form-control",
class: {
"parsley-validated parsley-error": _vm.errors.yearsofexperience
},
attrs: {
type: "text",
id: "yearsofexperience",
name: "yearsofexperience",
autocomplete: "off"
},
domProps: { value: _vm.yearsofexperience },
on: {
input: function($event) {
if ($event.target.composing) {
return
}
_vm.yearsofexperience = $event.target.value
}
}
}),
_vm._v(" "),
_vm.errors.yearsofexperience
? _c("div", { staticClass: "parsley-error-list" }, [
_c("strong", [
_vm._v(_vm._s(_vm.errors.yearsofexperience.toString()))
])
])
: _vm._e()
])
])
]),
_vm._v(" "),
_c(
"button",
{
staticClass: "btn btn-primary",
attrs: { type: "submit" },
on: {
click: function($event) {
$event.preventDefault()
return _vm.sendForm($event)
}
}
},
[_vm._v("Save changes "), _c("i", { staticClass: "fa fa-save" })]
)
])
}
var staticRenderFns = []
......
resources/js/components/Employee/createEmployee.vue
View file @ ddaaf559
<template>
<form>
<div class="row">
<div class="col-md-6">
<!--Label: Prefix, Attributes: prefix-->
<div class="col-md-2">
<!--Label: Prefix, Attributes: gender-->
<div class="form-group">
<label for="prefix" class=" col-form-label">Prefix</label>
<label for="gender" class=" control-label">Prefix</label>
<div class="">
<input type="text" class="form-control" id="prefix"
v-model="prefix"
name="prefix"
:class="{ 'is-invalid' : errors.prefix }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.prefix">
<select class="form-control" name="prefix" id="prefix" v-model="prefix"
:class="{ 'parsley-validated parsley-error' : errors.prefix }" autocomplete="off">>
<option value="Mr.">Mr</option>
<option value="Ms.">Ms</option>
<option value="Eng.">Eng</option>
<option value="Dr.">Dr</option>
<option value="Prof.">Prof</option>
</select>
<div class="parsley-error-list" v-if="errors.prefix">
<strong>{{ errors.prefix.toString() }}</strong>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<!--Label: Gender, Attributes: gender-->
<div class="form-group col-md-3">
<label for="gender" class=" col-form-label">Gender</label>
<div class="">
<select class="form-control" name="gender" id="gender" v-model="gender"
:class="{ 'parsley-validated parsley-error' : errors.gender }" autocomplete="off">>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
<div class="parsley-error-list" v-if="errors.gender">
<strong>{{ errors.gender.toString() }}</strong>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<!--Label: First Name, Attributes: firstname-->
<div class="form-group">
<label for="firstname" class=" col-form-label">First Name</label>
<label for="firstname" class=" control-label">First Name</label>
<div class="">
<input type="text" class="form-control" id="firstname"
v-model="firstname"
name="firstname"
:class="{ 'is-invalid' : errors.firstname }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.firstname">
:class="{ 'parsley-validated parsley-error' : errors.firstname }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.firstname">
<strong>{{ errors.firstname.toString() }}</strong>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<!--Label: Middle Name, Attributes: middlename-->
<div class="form-group col-md-6">
<label for="middlename" class="col-form-label">Middle Name</label>
<div class="form-group col-md-4">
<label for="middlename" class="control-label">Middle Name</label>
<div class="">
<input type="text" class="form-control" id="middlename"
v-model="middlename"
name="middlename"
:class="{ 'is-invalid' : errors.middlename }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.middlename">
:class="{ 'parsley-validated parsley-error' : errors.middlename }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.middlename">
<strong>{{ errors.middlename.toString() }}</strong>
</div>
</div>
</div>
<div class="row"><!--Label: Personal Number, Attributes: phonenumber-->
<div class="form-group col-md-6">
<label for="phonenumber" class=" col-form-label">Personal Number</label>
<!--Label: Last Name, Attributes: lastname-->
<div class="form-group col-md-4">
<label for="lastname" class=" control-label">Last Name</label>
<div class="">
<input type="text" class="form-control" id="lastname"
v-model="lastname"
name="lastname"
:class="{ 'parsley-validated parsley-error' : errors.lastname }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.lastname">
<strong>{{ errors.lastname.toString() }}</strong>
</div>
</div>
</div>
</div>
<div class="row">
<!--Label: Personal Number, Attributes: phonenumber-->
<div class="form-group col-md-4">
<label for="phonenumber" class=" control-label">Personal Phone Number</label>
<div class="">
<input type="text" class="form-control" id="phonenumber"
v-model="phonenumber"
name="phonenumber"
:class="{ 'is-invalid' : errors.phonenumber }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.phonenumber">
:class="{ 'parsley-validated parsley-error' : errors.phonenumber }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.phonenumber">
<strong>{{ errors.phonenumber.toString() }}</strong>
</div>
</div>
</div>
<!--Label: KRA PIN, Attributes: krapin-->
<div class="form-group col-md-6">
<label for="krapin" class=" col-form-label">KRA PIN</label>
<div class="form-group col-md-4">
<label for="krapin" class=" control-label">KRA PIN</label>
<div class="">
<input type="text" class="form-control" id="krapin"
v-model="krapin"
name="krapin"
:class="{ 'is-invalid' : errors.krapin }" autocomplete="off">
<div class="invalid-feedback" v-if="errors.krapin">
:class="{ 'parsley-validated parsley-error' : errors.krapin }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.krapin">
<strong>{{ errors.krapin.toString() }}</strong>
</div>
</div>
</div>
<!--Label: NHIF Number, Attributes: nhif-->
<div class="form-group col-md-4">
<label for="nhif" class="control-label">NHIF Number</label>
<div class="">
<input type="text" class="form-control" id="nhif"
v-model="nhif"
name="nhif"
:class="{ 'parsley-validated parsley-error' : errors.nhif }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.nhif">
<strong>{{ errors.nhif.toString() }}</strong>
</div>
</div>
</div>
</div>
<div class="row">
<!--Label: NSSF Number, Attributes: nssf-->
<div class="form-group col-md-4">
<label for="nssf" class=" control-label">NSSF Number</label>
<div class="">
<input type="text" class="form-control" id="nssf"
v-model="nssf"
name="nssf"
:class="{ 'parsley-validated parsley-error' : errors.nssf }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.nssf">
<strong>{{ errors.nssf.toString() }}</strong>
</div>
</div>
</div>
<!--Label: Date of Joining, Attributes: employmentdate-->
<div class="form-group col-md-4">
<label for="employmentdate" class="control-label">Date of Joining</label>
<div class="">
<input type="date" class="form-control" id="employmentdate"
v-model="employmentdate"
name="employmentdate"
:class="{ 'parsley-validated parsley-error' : errors.employmentdate }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.employmentdate">
<strong>{{ errors.employmentdate.toString() }}</strong>
</div>
</div>
</div>
<!--Label: Years of Experience, Attributes: yearsofexperience-->
<div class="form-group col-md-4">
<label for="yearsofexperience" class="col-form-label">Years of Experience</label>
<div class="">
<input type="text" class="form-control" id="yearsofexperience"
v-model="yearsofexperience"
name="yearsofexperience"
:class="{ 'parsley-validated parsley-error' : errors.yearsofexperience }" autocomplete="off">
<div class="parsley-error-list" v-if="errors.yearsofexperience">
<strong>{{ errors.yearsofexperience.toString() }}</strong>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary" v-on:click.prevent="sendForm">Save changes <i class="fa fa-save"></i></button>
</form>
</template>
......@@ -84,10 +173,26 @@
return {
errors: '',
prefix: '',
gender: '',
firstname: '',
middlename: '',
lastname: '',
phonenumber: '',
krapin: '',
nhif: '',
nssf: '',
employmentdate: '',
yearsofexperience: '',
}
},
methods: {
sendForm() {
axios.post('/employees',this.$data).then(resp=>{
}).catch(err=>{
this.errors = err.response.data.errors;
})
}
},
}
......
resources/views/Employees/Registration.blade.php
View file @ ddaaf559
......@@ -4,958 +4,23 @@
@section('content')
<section id="content">
<section id="content">
<section class="scrollable padder">
<ul class="breadcrumb no-border no-radius b-b b-light pull-in">
<li><a href="."><i class="fa fa-home"></i> Home</a></li>
<li><a href="/employees">Employees</a></li>
<li class="active">Add</li>
</ul>
@include('Layout.errors')
@if ( session('success') )
<div class="alert alert-success alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
<span class="sr-only">Close</span>
</button>
<strong>{{ session('success') }}</strong>
</div>
@endif
<div class="container">
<div class="col-md-12">
</section>
<div class="container">
<div class="panel panel-default">
<div class="panel-body">
<addemployee></addemployee>
</div>
</div>
<div>
{{--<div class="container-fluid" style="margin-bottom:0px;">--}}
{{--<div class=col-md-3 id=tabLinks style="width:13.5%">--}}
{{--<ul class="list-group">--}}
{{--<li class="list-group-item active"><a href="#employeeinfo" class="tab" onclick="tabswitch(this)">Employee--}}
{{--Info</a></li>--}}
{{--<li class="list-group-item "><a href="#personal" class="tab"--}}
{{--onclick="tabswitch(this)">Personal</a></li>--}}
{{--<li class="list-group-item "><a href="#salary" class="tab" onclick="tabswitch(this)">Salary</a>--}}
{{--</li>--}}
{{--<li class="list-group-item "><a href="#training" class="tab" onclick="tabswitch(this)">Training--}}
{{--and Certification</a></li>--}}
{{--</ul>--}}
{{--</div>--}}
{{--<div class=col-md-6 style="width:86.5%;">--}}
{{--<form method="post" action="{{ route('employees.create') }}" enctype="multipart/form-data"--}}
{{--class="form-inline" style="padding-top:10px;">--}}
{{--{{ csrf_field() }}--}}
{{--<div class="tabcontainer employeeinfo" id=employeeinfo style=>--}}
{{--<fieldset>--}}
{{--<legend>Employee Info</legend>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Prefix<span>*</span></p>--}}
{{--<select name="prefix" id="prefix" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="2" title="Select prefix"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Mr.</option>--}}
{{--<option value="2">Ms.</option>--}}
{{--<option value="3">Eng.</option>--}}
{{--<option value="4">Dr.</option>--}}
{{--<option value="5">Prof.</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Firstname" style="width:20%; display: inline;">--}}
{{--<p>First Name <span>*</span></p>--}}
{{--<input name="InputFirstname" type="text" class="form-control" id="first_name"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Lastname" style="width:20%; display: inline;">--}}
{{--<p>Last Name <span>*</span></p>--}}
{{--<input name="InputLastname" type="text" class="form-control" id="last_name"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Middlename" style="width:20%; display: inline;">--}}
{{--<p>Middle Name </p>--}}
{{--<input name="InputMiddlename" type="text" class="form-control" id="middle_name"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Gender <span>*</span></p>--}}
{{--<label class="radio-inline">--}}
{{--<input type="radio" id="smt-fld-1-2" value="male" name="gender" required>Male</label>--}}
{{--<label class="radio-inline">--}}
{{--<input type="radio" id="smt-fld-1-3" value="female" name="gender" required>Female</label>--}}
{{--<label class="radio-inline">--}}
{{--<input type="radio" id="smt-fld-1-3" value="other" name="gender" required>Other</label>--}}
{{--</div>--}}
{{--</div><!-- End of first row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Branch<span>*</span></p>--}}
{{--<select name="branch" id="branch" class="form-control selectpicker"--}}
{{--data-live-search="true" title="Select Branch" style="width:15em;"--}}
{{--data-size="5" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="0">All Business Units</option>--}}
{{--@foreach($businessunits as $businessunit)--}}
{{--<option value="{{ $businessunit->id }}">{{ $businessunit->business_unit }}</option>--}}
{{--@endforeach--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span data-toggle="modal" data-target="#createCertificate">Add Branch</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Department <span>*</span></p>--}}
{{--<select name="department" id="department" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="5" title="Select Department"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="0">All departments</option>--}}
{{--@foreach($departments as $department)--}}
{{--<option value="{{ $department->id }}">{{ $department->department_name }}</option>--}}
{{--@endforeach--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Department</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Employee Code</p>--}}
{{--<select name="employeecode" id="employeecode" class="form-control selectpicker"--}}
{{--data-live-search="true" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Branch Code</option>--}}
{{--<option value="2">Department Code</option>--}}
{{--<option value="3">None</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Employee No <span>*</span></p>--}}
{{--<input name="InputEmployeeno" type="text" class="form-control" id="employee_no"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>E-mail <span>*</span></p>--}}
{{--<input name="InputEmail" type="email" class="form-control" id="email"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--</div> <!-- End of second row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Personal PhoneNo. <span>*</span></p>--}}
{{--<input name="InputPhoneno" type="text" class="form-control" id="personal_phoneno"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Work PhoneNo. </p>--}}
{{--<input name="InputWorkphone" type="text" class="form-control" id="work_phoneno"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Extension</p>--}}
{{--<input name="Inputextension" type="text" class="form-control" id="extension"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>KRA PIN <span>*</span></p>--}}
{{--<input name="InputKrapin" type="text" class="form-control" id="krapin"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>NHIF No. <span>*</span></p>--}}
{{--<input name="InputNhifNo" type="text" class="form-control" id="nhif_no"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--</div><!-- End of third row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>NSSF No. <span>*</span></p>--}}
{{--<input name="InputNssfNo" type="text" class="form-control" id="nssf_no"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>IFMIS No</p>--}}
{{--<input name="InputIfmisno" type="text" class="form-control" id="ifmis_no"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Reporting Manager <span>*</span></p>--}}
{{--<select name="reportingManager" id="reportingManager"--}}
{{--class="form-control selectpicker" data-live-search="true"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="0">Select Reporting Manager</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Reporting Manager</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Role <span>*</span></p>--}}
{{--<select name="role" id="role" title="Select Role"--}}
{{--class="form-control selectpicker" data-live-search="true" data-size="5"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Employee</option>--}}
{{--<option value="2">Team Lead</option>--}}
{{--<option value="3">System Admin</option>--}}
{{--<option value="4">HR Manager</option>--}}
{{--<option value="5">Manager</option>--}}
{{--<option value="6">Management</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Role</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Job Title <span>*</span></p>--}}
{{--<select name="jobtitle" id="jobtitle" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="5" title="Select Job Title"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Bids and Partnership Officer</option>--}}
{{--<option value="2">Business Operations Executive</option>--}}
{{--<option value="3">Enterprise Applications Engineer</option>--}}
{{--<option value="4">Sales and Markerting Executive</option>--}}
{{--<option value="5">System Delivery Engineer</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Job Title</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div><!-- End of fourth row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Employment Status <span>*</span></p>--}}
{{--<select name="employmentstatus" id="employmentstatus"--}}
{{--class="form-control selectpicker" data-live-search="true" data-size="5"--}}
{{--onchange="durationfieldVisibility(this);"--}}
{{--title="Select employment status." style="width:15em;">--}}
{{--<option value="full_time">Full Time</option>--}}
{{--<option value="part_time">Part Time</option>--}}
{{--<option value="contract">Contract</option>--}}
{{--<option value="temporary">Temporary</option>--}}
{{--<option value="permanent">Permanent</option>--}}
{{--<option value="casual">Casual</option>--}}
{{--<option value="probation">Probation</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Employment Status</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="duration" style="display: none;width:20%">--}}
{{--<p>Duration <span>*</span></p>--}}
{{--<select name="duration" id="duration" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="5" title="Select Duration"--}}
{{--style="width:15em;">--}}
{{--<option value="1">1 Month</option>--}}
{{--<option value="2">3 Months</option>--}}
{{--<option value="3">6 Months</option>--}}
{{--<option value="4">1 Year</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Duration</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Years of Experience <span>*</span></p>--}}
{{--<input name="Inputyearsofexperience" type="text" class="form-control"--}}
{{--id="yearsofexperience"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Date of Joining <span>*</span></p>--}}
{{--<input name="InputDateofjoining" type="date" class="form-control"--}}
{{--id="dateofjoining"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Date of Leaving </p>--}}
{{--<input name="InputDateofleaving" type="date" class="form-control"--}}
{{--id="dateofleaving"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--</div><!-- End of fifth row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class="btn btn-info" style="padding: 5px 25px 5px 25px">Save</button>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class=btn style="padding: 5px 25px 5px 25px">Cancel</button>--}}
{{--</div>--}}
{{--</div> <!-- End of button row -->--}}
{{--</div> <!-- End of button row -->--}}
{{--</fieldset>--}}
{{--<div class=container-row style="padding:0px 5px 5px 10px;">--}}
{{--<div class="row">--}}
{{--<div class=col-md-4 style="width:20%;padding-top:25px;">--}}
{{--<b> Is Employee Disabled?</b> <input type="checkbox" id="disabilitycheckbox"/>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="disability row" id=disabilityformrow--}}
{{--style="padding:0px 5px 5px 10px;display:none;">--}}
{{--<legend style="padding:30px 0px 0px 10px;">Disability</legend>--}}
{{--<form method="post" action="{{ route('employees.create') }}"--}}
{{--enctype="multipart/form-data" class="form-inline" style="padding-top:10px;">--}}
{{--{{ csrf_field() }}--}}
{{--<div class="disabilityinfo row" style="padding:0px 5px 5px 10px;height:125px">--}}
{{--<div class=col-md-4 style="width:20%;">--}}
{{--<p>Disability Type </p>--}}
{{--<select name="disabilityType" id="disabilityType"--}}
{{--class="dropdown selectpicker" data-dropup--auto="false"--}}
{{--title="Select Disability" data-size="2" data-live-search="true">--}}
{{--<option value="1">Blindness and Visual Impairment</option>--}}
{{--<option value="2">Hearing Impairments</option>--}}
{{--<option value="3">Mental illness or Emotional disturbances</option>--}}
{{--<option value="4">Learning disabilities</option>--}}
{{--<option value="5">Mobility or Orthopedic disability</option>--}}
{{--<option value="6">Speech or language impairments</option>--}}
{{--<option value="7">Health Impairments</option>--}}
{{--<option value="8">Other</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Description </p>--}}
{{--<textarea id=disabilityDescription class="form-control inputstl"--}}
{{--rows="3"></textarea>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Exemption Certificate <span>*</span></p>--}}
{{--<input type="file" name="exemptionCert" class="form-control"--}}
{{--style="width:15em;">--}}
{{--</div>--}}
{{--</div><!-- End of DisabilityInfo row -->--}}
{{--<div class="button row" style="padding:0px 5px 5px 10px;">--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class="btn btn-info" style="padding: 5px 25px 5px 25px">Save--}}
{{--</button>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class=btn style="padding: 5px 25px 5px 25px">Cancel</button>--}}
{{--</div>--}}
{{--</div> <!-- End of button row -->--}}
{{--</form>--}}
{{--</div><!-- End of Disability row -->--}}
{{--</div><!-- End of container-row -->--}}
{{--</div> <!-- End of employeeinfo tabcontainer -->--}}
{{--</div> <!--End of employeeinfo column -->--}}
{{--<!-- PersonalInfo Div -->--}}
{{--<div class="col-md-6 tabcontainer personal" id=personal style="display:none;width:86.5%">--}}
{{--<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">--}}
{{--<div class="panel panel-default">--}}
{{--<div class="panel-heading" role="tab" id="headingOne">--}}
{{--<h4 class="panel-title">--}}
{{--<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"--}}
{{--aria-expanded="true" aria-controls="collapseOne">--}}
{{--Personal Info--}}
{{--</a>--}}
{{--</h4>--}}
{{--</div>--}}
{{--<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"--}}
{{--aria-labelledby="headingOne">--}}
{{--<div class="panel-body">--}}
{{--<form method="post" action="{{ route('employees.create') }}"--}}
{{--enctype="multipart/form-data" class="form-inline" style="padding-top:10px;">--}}
{{--{{ csrf_field() }}--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Marital Status<span>*</span></p>--}}
{{--<select class="selectpicker" id="maritalStatus" name="maritalStatus"--}}
{{--data-live-search="true" title="Select marital status"--}}
{{--data-size="3">--}}
{{--<option data-tokens="single" value="single">Single</option>--}}
{{--<option data-tokens="married" value="married">Married</option>--}}
{{--<option data-tokens="separated" value="separated">Separated</option>--}}
{{--<option data-tokens="divorced" value="divorced">Divorced</option>--}}
{{--<option data-tokens="widow_widower" value="widow_widower">--}}
{{--Widow/Widower--}}
{{--</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Nationality <span>*</span></p>--}}
{{--<select name="nationality" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="3" title="Select nationality"--}}
{{--onchange="ethnicVisibility(this);" id="nationality"--}}
{{--class="form-control" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="kenyan">Kenyan</option>--}}
{{--<option value="ugandan">Ugandan</option>--}}
{{--<option value="">Tanzanian</option>--}}
{{--<option value="">American</option>--}}
{{--<option value="">German</option>--}}
{{--<option value="">Dutch</option>--}}
{{--<option value="">Tanzanian</option>--}}
{{--<option value="">Tanzanian</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="ethnicfield" style="width:20%; display: none;">--}}
{{--<p>Ethnic Code <span>*</span></p>--}}
{{--<select name="ethnicity" id="ethnicity" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="3" multiple--}}
{{--data-max-options="2" title="Select ethnicity" style="width:15em;"--}}
{{--onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Abaluhya</option>--}}
{{--<option value="2">Abagusii</option>--}}
{{--<option value="3">Abakuria</option>--}}
{{--<option value="4">Aembu</option>--}}
{{--<option value="5">Agikuyu</option>--}}
{{--<option value="6">Akamba</option>--}}
{{--<option value="7">Ambeere</option>--}}
{{--<option value="8">Ameru</option>--}}
{{--<option value="9">Bajuni</option>--}}
{{--<option value="9">Boni</option>--}}
{{--<option value="9">Borana Oromo</option>--}}
{{--<option value="10">Bukusu</option>--}}
{{--<option value="11">Chonyi</option>--}}
{{--<option value="12">Digo</option>--}}
{{--<option value="13">Dorobo</option>--}}
{{--<option value="13">El Molo</option>--}}
{{--<option value="14">Gabra</option>--}}
{{--<option value="15">Giriama</option>--}}
{{--<option value="16">Abaluhya</option>--}}
{{--<option value="17">Abaluhya</option>--}}
{{--<option value="18">Abaluhya</option>--}}
{{--<option value="19">Abaluhya</option>--}}
{{--<option value="20">Abaluhya</option>--}}
{{--<option value="21">Abaluhya</option>--}}
{{--<option value="22">Abaluhya</option>--}}
{{--<option value="23">Abaluhya</option>--}}
{{--<option value="24">Abaluhya</option>--}}
{{--<option value="25">Abaluhya</option>--}}
{{--<option value="26">Abaluhya</option>--}}
{{--<option value="27">Abaluhya</option>--}}
{{--<option value="28">Abaluhya</option>--}}
{{--<option value="29">Abaluhya</option>--}}
{{--<option value="30">Abaluhya</option>--}}
{{--<option value="31">Abaluhya</option>--}}
{{--<option value="30">Abaluhya</option>--}}
{{--<option value="31">Abaluhya</option>--}}
{{--<option value="32">Abaluhya</option>--}}
{{--<option value="33">Abaluhya</option>--}}
{{--<option value="34">Abaluhya</option>--}}
{{--<option value="35">Abaluhya</option>--}}
{{--<option value="36">Abaluhya</option>--}}
{{--<option value="37">Abaluhya</option>--}}
{{--<option value="38">Abaluhya</option>--}}
{{--<option value="39">Abaluhya</option>--}}
{{--<option value="40">Abaluhya</option>--}}
{{--<option value="41">Abaluhya</option>--}}
{{--<option value="42">Abaluhya</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Date of Birth <span>*</span></p>--}}
{{--<input name="Inputdob" type="date" class="form-control" id="dob"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Identity Documents<span>*</span></p>--}}
{{--<select class="form-control selectpicker" data-live-search="true"--}}
{{--title="Select Identity Document"--}}
{{--onchange="inputfieldVisibility(this);" id="identitydocument"--}}
{{--style="background-color:white;">--}}
{{--<option value="national">National ID</option>--}}
{{--<option value="passport">Passport No</option>--}}
{{--<option value="military">Military ID</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--</div><!-- End of first row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 id="nationaldocument" style="width:20%; display: none;">--}}
{{--<p>National ID No.</p>--}}
{{--<input name="nationalid" type="text" class="form-control" id="extension"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--<div class=col-md-4 id="passportdocument" style="width:20%; display: none;">--}}
{{--<p>Passport No.</p>--}}
{{--<input name="passportno" type="text" class="form-control" id="extension"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--<div class=col-md-4 id="militarydocument" style="width:20%; display: none;">--}}
{{--<p>Military ID No.</p>--}}
{{--<input name="militaryid" type="text" class="form-control" id="extension"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Language</p>--}}
{{--<select class="dropup selectpicker" name="language"--}}
{{--data-dropup--auto="false" multiple data-max-options="5"--}}
{{--data-size="3" data-live-search="true" title="Select a language">--}}
{{--<option>English</option>--}}
{{--<option>Swahili</option>--}}
{{--<option>Deutch</option>--}}
{{--<option>French</option>--}}
{{--<option>Spanish</option>--}}
{{--<option>Chinese</option>--}}
{{--<option>Japanese</option>--}}
{{--<option>Russian</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Blood Group <span>*</span></p>--}}
{{--<select class="dropup form-control selectpicker" name="bloodgroup"--}}
{{--data-dropup--auto="false" title="Select blood group" data-size="3"--}}
{{--data-live-search="true">--}}
{{--<option>A +</option>--}}
{{--<option>A -</option>--}}
{{--<option>AB +</option>--}}
{{--<option>AB -</option>--}}
{{--<option>B +</option>--}}
{{--<option>B -</option>--}}
{{--<option>O +</option>--}}
{{--<option>O -</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--</div> <!-- End of second row -->--}}
{{--<div class=row style="padding:0px 5px 15px 10px">--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class="btn btn-info" style="padding: 5px 25px 5px 25px">Save--}}
{{--</button>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class=btn style="padding: 5px 25px 5px 25px">Cancel</button>--}}
{{--</div>--}}
{{--</div> <!-- End of button row -->--}}
{{--</form>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="panel panel-default">--}}
{{--<div class="panel-heading" role="tab" id="headingTwo">--}}
{{--<h4 class="panel-title">--}}
{{--<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"--}}
{{--href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">--}}
{{--Contact info--}}
{{--</a>--}}
{{--</h4>--}}
{{--</div>--}}
{{--<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"--}}
{{--aria-labelledby="headingTwo">--}}
{{--<div class="panel-body">--}}
{{--<form method="post" action="{{ route('employees.create') }}"--}}
{{--enctype="multipart/form-data" class="form-inline" style="padding-top:10px;">--}}
{{--{{ csrf_field() }}--}}
{{--<legend style="padding:5px 5px 5px 10px">Postal Address</legend>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Country <span>*</span></p>--}}
{{--<input name="country" type="text" class="form-control" id="country"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>State/County <span>*</span></p>--}}
{{--<input name="state" type="text" class="form-control" id="state"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>City <span>*</span></p>--}}
{{--<input name="city" type="text" class="form-control" id="city"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Street Address <span>*</span></p>--}}
{{--<input name="streetaddress" type="text" class="form-control"--}}
{{--id="streetaddress"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Postal Code</p>--}}
{{--<input name="postalcode" type="text" class="form-control" id="postalcode"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;">--}}
{{--</div>--}}
{{--</div><!-- End of Postal Address row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<legend style="padding:25px 5px 5px 10px">Current Address</legend>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Country <span>*</span></p>--}}
{{--<select name="CurrentaddressCountry" id="CurrentaddressCountry"--}}
{{--class="dropup selectpicker" data-dropup--auto="false"--}}
{{--data-live-search="true" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Kenya</option>--}}
{{--<option value="2">Tanzania</option>--}}
{{--<option value="3">Uganda</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>State/County <span>*</span></p>--}}
{{--<select name="CurrentaddressCounty" id="CurrentaddressCounty"--}}
{{--class="dropup selectpicker" data-dropup--auto="false"--}}
{{--data-live-search="true" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Nairobi</option>--}}
{{--<option value="2">Nakuru</option>--}}
{{--<option value="3">Mandera</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Constituency <span>*</span></p>--}}
{{--<select name="CurrentaddressConstituency" id="CurrentaddressConstituency"--}}
{{--class="dropup selectpicker" data-dropup--auto="false"--}}
{{--data-live-search="true" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Langata</option>--}}
{{--<option value="2">Kikuyu</option>--}}
{{--<option value="3">Kisii</option>--}}
{{--</select>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Location <span>*</span></p>--}}
{{--<input name="postalStreetAddress" type="text" class="form-control"--}}
{{--id="postalStreetAddress"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{--required>--}}
{{--</div>--}}
{{--</div><!-- End of Current Address row -->--}}
{{--<div class=row style="padding:0px 5px 15px 10px">--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class="btn btn-info" style="padding: 5px 25px 5px 25px">Save--}}
{{--</button>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class=btn style="padding: 5px 25px 5px 25px">Cancel</button>--}}
{{--</div>--}}
{{--</div> <!-- End of button row -->--}}
{{--</form>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="panel panel-default">--}}
{{--<div class="panel-heading" role="tab" id="headingThree">--}}
{{--<h4 class="panel-title">--}}
{{--<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"--}}
{{--href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">--}}
{{--Emergency Contacts--}}
{{--</a>--}}
{{--</h4>--}}
{{--</div>--}}
{{--<div id="collapseThree" class="panel-collapse collapse" role="tabpanel"--}}
{{--aria-labelledby="headingThree">--}}
{{--<div class="panel-body">--}}
{{--<div class="pull-right" style="margin:5px 20px 5px 10px;">--}}
{{--<a href="" class="btn btn-info btn-sm" data-toggle="modal"--}}
{{--data-target="#createEmergencyContact"><i class="fa fa-plus"></i>Add Emergency--}}
{{--Contact</a>--}}
{{--</div>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class="table-responsive" style="padding:0px 5px 5px 10px">--}}
{{--<table class="table table-striped m-b-sm datagrid">--}}
{{--@if(count($emergency) > 0)--}}
{{--<thead>--}}
{{--<tr>--}}
{{--<th>Name</th>--}}
{{--<th>Phone No.</th>--}}
{{--<th>Email</th>--}}
{{--<th>Relation</th>--}}
{{--<th>Action</th>--}}
{{--</tr>--}}
{{--</thead>--}}
{{--<tbody>--}}
{{--@foreach($emergency as $row)--}}
{{--<tr id="emergency-row-{{ $row->id }}">--}}
{{--<td>{{$row->name }}</td>--}}
{{--<td>{{$row->phone_no}}</td>--}}
{{--<td>{{$row->email}}</td>--}}
{{--<td>{{$row->relation}}</td>--}}
{{--<td>--}}
{{--<form action="{{ route('emergency.destroy', $row->id)}}"--}}
{{--method="post" style=position:relative;float:right>--}}
{{--@csrf--}}
{{--@method('DELETE')--}}
{{--<a href="{{ route('emergency.edit',$row->id)}}"><span--}}
{{--class="btn btn-default"><i--}}
{{--class="fa fa-edit no-margin"></i></span></a>--}}
{{--<button data-toggle="tooltip" data-placement="top"--}}
{{--title="Delete" type="submit"--}}
{{--class="btn btn-danger"--}}
{{--onclick="return confirm('Are you sure you want to delete this item?');">--}}
{{--<i class="fa fa-trash no-margin"></i></button>--}}
{{--</form>--}}
{{--</td>--}}
{{--</tr>--}}
{{--@endforeach--}}
{{--@else--}}
{{--<tr>--}}
{{--<td colspan="2" class="text-center">Nothing to display</td>--}}
{{--</tr>--}}
{{--@endif--}}
{{--</tbody>--}}
{{--</table>--}}
{{--</div>--}}
{{--</div><!-- End of Emergency Contact row -->--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class="panel panel-default">--}}
{{--<div class="panel-heading" role="tab" id="headingFour">--}}
{{--<h4 class="panel-title">--}}
{{--<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"--}}
{{--href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">--}}
{{--Dependants--}}
{{--</a>--}}
{{--</h4>--}}
{{--</div>--}}
{{--<div id="collapseFour" class="panel-collapse collapse" role="tabpanel"--}}
{{--aria-labelledby="headingFour">--}}
{{--<div class="panel-body">--}}
{{--<div class="pull-right" style="margin:5px 20px 5px 10px;">--}}
{{--<a href="" class="btn btn-info btn-sm" id="dependant" data-toggle="modal"--}}
{{--data-target="#createDependant"><i class="fa fa-plus"></i>Add Dependant</a>--}}
{{--</div>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class="table-responsive" style="padding:0px 5px 5px 10px">--}}
{{--<table class="table table-striped m-b-sm datagrid">--}}
{{--@if(count($dependants)>0)--}}
{{--<thead>--}}
{{--<tr>--}}
{{--<th>Name</th>--}}
{{--<th>Relation</th>--}}
{{--<th>Date of Birth</th>--}}
{{--<th>Action</th>--}}
{{--</tr>--}}
{{--</thead>--}}
{{--<tbody id="dependants-crud" class="Dependant">--}}
{{--@foreach($dependants as $dependant)--}}
{{--<tr id="dependant-row-{{ $dependant->id }}">--}}
{{--<td>{{$dependant->name}}</td>--}}
{{--<td>{{$dependant->relation}}</td>--}}
{{--<td>{{$dependant->dateofBirth}}</td>--}}
{{--<td>--}}
{{--<form action="{{ route('dependants.destroy', $dependant->id)}}"--}}
{{--method="post" style=position:relative;float:right>--}}
{{--@csrf--}}
{{--@method('DELETE')--}}
{{--<a href="{{ route('dependants.edit',$row->id)}}"><span--}}
{{--class="btn btn-default"><i--}}
{{--class="fa fa-edit no-margin"></i></span></a>--}}
{{--<button data-toggle="tooltip" data-placement="top"--}}
{{--title="Delete" type="submit"--}}
{{--class="btn btn-danger"--}}
{{--onclick="return confirm('Are you sure you want to delete this item?');">--}}
{{--<i class="fa fa-trash no-margin"></i></button>--}}
{{--</form>--}}
{{--</td>--}}
{{--</tr>--}}
{{--@endforeach--}}
{{--@else--}}
{{--<tr>--}}
{{--<td colspan="2" class="text-center">Nothing to display</td>--}}
{{--</tr>--}}
{{--@endif--}}
{{--</tbody>--}}
{{--</table>--}}
{{--</div>--}}
{{--</div><!-- End of fifth row -->--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div>--}}
{{--<!-- End of Accordion -->--}}
{{--<div class="col-md-6 tabcontainer salary" id=salary style="display:none;width:86.5%">--}}
{{--<div class="panel panel-default">--}}
{{--<div class="panel-heading" role="tab" id="headingOne">--}}
{{--<h4 class="panel-title">--}}
{{--Salary Info--}}
{{--</h4>--}}
{{--</div>--}}
{{--<div class="panel-body">--}}
{{--<form method="post" action="{{ route('employees.create') }}" enctype="multipart/form-data"--}}
{{--class="form-inline" style="padding-top:10px;">--}}
{{--{{ csrf_field() }}--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Pay Frequency<span>*</span></p>--}}
{{--<select name="payfrequency" id="payfrequency" class="form-control selectpicker"--}}
{{--data-live-search="true" data-size="2" title="Select Pay Frequency"--}}
{{--style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;'--}}
{{--onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Monthly</option>--}}
{{--<option value="2">Weekly</option>--}}
{{--<option value="3">Daily</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<a href="" data-toggle="modal" data-target="#createPayfrequency"><span>Add Pay Frequency</span></a>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%">--}}
{{--<p>Currency</p>--}}
{{--<select name="currency" id="currency" class="form-control selectpicker"--}}
{{--data-live-search="true" style="width:15em;" onfocus='this.size=5;'--}}
{{--onblur='this.size=1;' onchange='this.size=1; this.blur();'>--}}
{{--<option value="1">Ksh.</option>--}}
{{--<option value="2">USD</option>--}}
{{--<option value="3">Euro</option>--}}
{{--</select>--}}
{{--<div style="float:left; margin-top: 2px;text-align: left;font-family: 'Roboto Regular',sans-serif;color: #208BBD;font-size: 12px;cursor: pointer;">--}}
{{--<span>Add Currency</span>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Middlename" style="width:20%;">--}}
{{--<p>Salary Amount </p>--}}
{{--<input name="bankBranch" type="text" class="form-control" id="bankBranch"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Middlename" style="width:20%;">--}}
{{--<p>Bank Branch Name </p>--}}
{{--<input name="bankBranch" type="text" class="form-control" id="bankBranch"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--<div class=col-md-4 id="Middlename" style="width:20%;">--}}
{{--<p>Account No. </p>--}}
{{--<input name="bankAcc" type="text" class="form-control" id="bankAcc"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--</div><!-- End of first row -->--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class=col-md-4 id="saccoName" style="width:20%;">--}}
{{--<p>Sacco Name </p>--}}
{{--<input name="saccoName" type="text" class="form-control" id="saccoName"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--<div class=col-md-4 id="saccoAccountno" style="width:20%;">--}}
{{--<p>Sacco Account No. </p>--}}
{{--<input name="saccoAccountno" type="text" class="form-control" id="saccoAccountno"--}}
{{--style="border-radius: 0px 5px 5px 0px;border: 1px solid #eee;margin-bottom: 15px;width: 15em;height: 40px;float: left;padding: 0px 15px;"--}}
{{-->--}}
{{--</div>--}}
{{--</div> <!-- End of second row -->--}}
{{--<div class=row style="padding:0px 5px 15px 10px">--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class="btn btn-info" style="padding: 5px 25px 5px 25px">Save</button>--}}
{{--</div>--}}
{{--<div class=col-md-4 style="width:20%; padding-top:15px">--}}
{{--<button class=btn style="padding: 5px 25px 5px 25px">Cancel</button>--}}
{{--</div>--}}
{{--</div> <!-- End of button row -->--}}
{{--</form>--}}
{{--</div>--}}
{{--</div>--}}
{{--</div> <!---End of salary tabcontainer -->--}}
{{--<div class="col-md-6 tabcontainer training" id=training style="display:none;width:86.5%">--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<legend style="padding:25px 5px 5px 10px">Training and Certification</legend>--}}
{{--<div class="pull-right" style="margin:5px 20px 5px 10px;">--}}
{{--<a href="" class="btn btn-info btn-sm" data-toggle="modal" data-target="#createCertificate"><i--}}
{{--class="fa fa-plus"></i>Add Certification</a>--}}
{{--</div>--}}
{{--</div>--}}
{{--<div class=row style="padding:0px 5px 5px 10px">--}}
{{--<div class="table-responsive" style="padding:0px 5px 5px 10px">--}}
{{--<table class="table table-striped m-b-sm datagrid">--}}
{{--<thead>--}}
{{--<tr>--}}
{{--<th>Course Name</th>--}}
{{--<th>Course Level</th>--}}
{{--<th>Name of Institution</th>--}}
{{--<th>Cerification Name</th>--}}
{{--<th>Action</th>--}}
{{--</tr>--}}
{{--</thead>--}}
{{--<tbody>--}}
{{--<tr id="">--}}
{{--<td></td>--}}
{{--<td></td>--}}
{{--<td></td>--}}
{{--<td></td>--}}
{{--<td>--}}
{{--<form action="" method="post" style=position:relative;float:right>--}}
{{--@csrf--}}
{{--@method('DELETE')--}}
{{--<a href=""><span class="btn btn-default btn-sm"><i--}}
{{--class="fa fa-eye no-margin"></i></span></a>--}}
{{--<a href=""><span class="btn btn-default"><i class="fa fa-edit no-margin"></i></span></a>--}}
{{--<button data-toggle="tooltip" data-placement="top" title="Delete"--}}
{{--type="submit" class="btn btn-danger"--}}
{{--onclick="return confirm('Are you sure you want to delete this item?');">--}}
{{--<i class="fa fa-trash no-margin"></i></button>--}}
{{--</form>--}}
{{--</td>--}}
{{--</tr>--}}
{{--<tr>--}}
{{--<td colspan="2" class="text-center">Nothing to display</td>--}}
{{--</tr>--}}
{{--</tbody>--}}
{{--</table>--}}
{{--</div>--}}
{{--</div><!-- End of fifth row -->--}}
{{--</div><!--- End of training and Certification -->--}}
{{--</div> <!-- End of container --> </div> --}}
</div>
{{--<addemployee></addemployee>--}}
</div>
</section>
</section>
@endsection
......
resources/views/Layout/Employeesmaster.blade.php
View file @ ddaaf559
......@@ -3,10 +3,9 @@
<head>
<meta charset="utf-8"/>
<title>Kinetic HRM</title>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
<meta name="csrf-token" content="{{ csrf_token() }}">
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="shortcut icon" href="{{ asset('images/favicon.ico') }}">
<link rel="stylesheet" href="{{ asset('css/bootstrap.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/animate.css') }}" type="text/css"/>
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" type="text/css"/>
......@@ -26,19 +25,12 @@
<a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
<i class="fa fa-bars"></i>
</a>
<a href="#" class="navbar-brand" data-toggle="fullscreen"><img src="/images/kinetic.png" class="m-r-sm"></a>
<a href="#" class="navbar-brand" data-toggle="fullscreen">
<img src="{{ asset('/images/kinetic.png') }}" class="m-r-sm" alt="Logo"></a>
<a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".nav-user">
<i class="fa fa-cog"></i>
</a>
</div>
<ul class="nav navbar-nav hidden-xs">
<li class="dropdown">
<a href="#" class="dropdown-toggle dker" data-toggle="dropdown">
<i class="fa fa-reply"></i>
<span class="font-bold">Shortcut</span>
</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right m-n hidden-xs nav-user">
<li class="hidden-xs">
<a href="#" class="dropdown-toggle dk" data-toggle="dropdown">
......@@ -48,24 +40,9 @@
<section class="dropdown-menu aside-xl">
<section class="panel bg-white">
<header class="panel-heading b-light bg-light">
<strong>You have <span class="count">2</span> notifications</strong>
<strong>You have <span class="count">0</span> notifications</strong>
</header>
<div class="list-group list-group-alt animated fadeInRight">
<a href="#" class="media list-group-item">
<span class="pull-left thumb-sm">
<img src="/images/avatar.jpg" alt="John said" class="img-circle">
</span>
<span class="media-body block m-b-none">
Use awesome animate.css<br>
<small class="text-muted">10 minutes ago</small>
</span>
</a>
<a href="#" class="media list-group-item">
<span class="media-body block m-b-none">
1.0 initial released<br>
<small class="text-muted">1 hour ago</small>
</span>
</a>
</div>
<footer class="panel-footer text-sm">
<a href="#" class="pull-right"><i class="fa fa-cog"></i></a>
......@@ -95,9 +72,9 @@
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<span class="thumb-sm avatar pull-left">
<img src="/images/avatar.jpg">
<img src="{{ asset('/images/avatar.jpg') }}" alt="avata">
</span>
Michael Jackson
User Name
<b class="caret"></b>
</a>
<ul class="dropdown-menu animated fadeInRight">
......@@ -106,7 +83,7 @@
<a href="#">Settings</a>
</li>
<li>
<a href="profile.html">Profile</a>
<a href="#">Profile</a>
</li>
<li>
<a href="#">
......@@ -115,11 +92,11 @@
</a>
</li>
<li>
<a href="docs.html">Help</a>
<a href="#">Help</a>
</li>
<li class="divider"></li>
<li>
<a href="modal.lockme.html" data-toggle="ajaxModal">Logout</a>
<a href="#" data-toggle="ajaxModal">Logout</a>
</li>
</ul>
</li>
......@@ -150,7 +127,6 @@
<section class="w-f scrollable">
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0"
data-size="5px" data-color="#333333">
<!-- nav -->
<nav class="nav-primary hidden-xs">
<ul class="nav">
......@@ -231,7 +207,6 @@
<span>Pay Frequency</span>
</a>
</li>
</ul>
</ul>
</li>
......@@ -240,7 +215,6 @@
<!-- / nav -->
</div>
</section>
<footer class="footer lt hidden-xs b-t b-dark">
<div id="chat" class="dropup">
<section class="dropdown-menu on aside-md m-l-n">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment