<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
@extends('Layout.Employeesmaster')
=======
@extends('Layout.employees_master')
>>>>>>> Storing employee info

@section('title', 'Employees')

@section('header-include')
<link rel="stylesheet" href="/js/select3/bootstrapselect.min.css" type="text/css"/>
<link rel="stylesheet" href="/js/select3/bootstrap.min.css" type="text/css"/>
<style>
form {
    border-radius: 5px; 
    width:100%;   
    background-color: #FFFFFF;
    overflow: hidden;
  }

  p span {
    color: #F00;
  }

  p {
    margin: 0px;
    font-weight: 500;
    line-height: 2;
    color:#333;
  }

  a {
    text-decoration:inherit
  }


  .form-group {
    overflow: hidden;
    clear: both;
  }
  .form-control {
      
      position:relative;
      clear: both;    
      margin-top: 2px;
      display:inline-inline;    
      margin-right: 10px;
  }
  .accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
  }
  .panel-row {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  ul {
    list-style-type: none;
  }
</style>
@endsection
@section('content')
<section id="content">    
      <section class="scrollable padder">
        <ul class="breadcrumb no-border no-radius b-b b-light pull-in">
          <li><a href="/kinetic"><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')
        @include('Layout.messages')  
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
            <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="{{ route('employees.create') }}">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.store') }}" enctype="multipart/form-data" class="form-inline" style="padding-top:10px;">
                {{ csrf_field() }}                
                <div class="tabcontainer employeeinfo" id=employeeinfo style= >
=======
                <div class=col-md-6  style="width:86.5%;"> 
                <form method="post" action="{{ route('employees.store') }}" enctype="multipart/form-data" class="form-inline" style="padding-top:10px;">
                {{ csrf_field() }}                
>>>>>>> Storing employee info
                  <fieldset>
                  <legend>Employee Info</legend>
                  <div class=row style="padding:0px 5px 5px 10px">
                        <div class=col-md-4 style="width:20%">
                          <p>Prefix</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="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>                   
                      
                        <div class=col-md-4 id="Firstname" style="width:20%; display: inline;">
                            <p>First Name <span>*</span></p>	
                            <input name="first_name" 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="last_name" 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="middle_name" 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>Business Unit</p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <select name="businessunit" id="businessunit" class="form-control selectpicker" data-live-search="true"  title="Select Business Unit" style="width:15em;" data-size="5" onfocus='this.size=5;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
=======
                            <select name="business_unit" id="businessunit" class="form-control selectpicker" data-live-search="true"  title="Select Business Unit" style="width:15em;" data-size="5" onfocus='this.size=5;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
>>>>>>> Storing employee info
                                  <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<span>*</span></p>			
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <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();'>
=======
                            <select name="employee_code" 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();'>
>>>>>>> Storing employee info
                                  <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="employee_no" 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="email_address" 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>			
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                              <input name="personal_phoneno" 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;"
=======
                              <input name="personal_phone_no" 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;"
>>>>>>> Storing employee info
                              required>
                        </div>   
                        <div class=col-md-4 style="width:20%">
                              <p>Work PhoneNo. </p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                              <input name="work_phoneno" 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;">   
=======
                              <input name="work_phone_no" 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;">   
>>>>>>> Storing employee info
                        </div>   
                        <div class=col-md-4 style="width:20%">
                              <p>Extension</p>
                              <input name="extension" 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>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                              <input name="krapin" 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;"
=======
                              <input name="kra_pin" 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;"
>>>>>>> Storing employee info
                                required>
                        </div>  
                        <div class=col-md-4 style="width:20%">
                              <p>NHIF No. <span>*</span></p>
                              <input name="nhif_no" 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="nssf_no" 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="ifmis_no" 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>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <select name="reportingManager" id="reportingManager" class="form-control selectpicker" data-live-search="true" data-size="5"  title="Select Reporting Manager" style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
=======
                            <select name="reporting_manager" id="reporting_manager" class="form-control selectpicker" data-live-search="true" data-size="5"  title="Select Reporting Manager" style="width:15em;" onfocus='this.size=5;' onblur='this.size=1;' onchange='this.size=1; this.blur();'>
>>>>>>> Storing employee info
                                    @foreach($managers as $manager)
                                      <option value="{{ $manager->id }}">{{ $manager->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 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();'>
                                    @foreach($roles as $role)
                                      <option value="{{ $role->id }}">{{ $role->role }}</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 Role</span>
                            </div> 
                      </div>  
                      <div class=col-md-4 style="width:20%">
                            <p>Job Title </p>              
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <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();'>
=======
                            <select name="job_title" 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();'>
>>>>>>> Storing employee info
                                    @foreach($jobtitles as $jobtitle)
                                      <option value="{{ $jobtitle->id }}">{{ $jobtitle->job_title }}</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 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>                      
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <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;">
=======
                            <select name="employment_status" id="employmentstatus" class="form-control selectpicker" data-live-search="true" data-size="5" onchange="durationfieldVisibility(this);" title="Select employment status." style="width:15em;">
>>>>>>> Storing employee info
                                    @foreach($employment_status as $status)
                                      <option value="{{ $status->employment_status }}">{{ $status->employment_status }}</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 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="dropup selectpicker" data-live-search="true" data-size="5"  title="Select Duration" style="width:15em;" >
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                                  <option value="1">1 Month</option>
                                  <option value="2">3 Months</option>
                                  <option value="3">6 Months</option>
                                  <option value="4">1 Year</option>              
=======
                                  <option value="1 month">1 Month</option>
                                  <option value="3 months">3 Months</option>
                                  <option value="6 months" >6 Months</option>
                                  <option value="1 year">1 Year</option>              
>>>>>>> Storing employee info
                            </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>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <input name="yearsofexperience" 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;"
=======
                            <input name="years_of_experience" 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;"
>>>>>>> Storing employee info
                              required>             
                      </div>
                      <div class=col-md-4 style="width:20%">
                            <p>Date of Joining <span>*</span></p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <input name="dateofjoining" 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;"
=======
                            <input name="date_of_joining" 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;"
>>>>>>> Storing employee info
                              required>          
                      </div>  
                      <div class=col-md-4 style="width:20%">
                            <p>Date of Leaving </p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                            <input name="dateofleaving" 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;" >
=======
                            <input name="date_of_leaving" 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;" >
>>>>>>> Storing employee info
                      </div>

                  </div><!-- End of fifth 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>
                    
                      <div class="disabilityinfo row" style="padding:0px 5px 5px 10px;height:125px">
                            <div class=col-md-4 style="width:20%;">
                              <p>Disability Type </p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                                  <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 name="disability_type" id="disabilityType" class="dropdown selectpicker"  data-dropup--auto="false" title="Select Disability" data-size="2" data-live-search="true" >                
                                    <option value="Blindness and Visual Impairment">Blindness and Visual Impairment</option>
                                    <option value="Hearing Impairments">Hearing Impairments</option>
                                    <option value="Mental illness or Emotional disturbances">Mental illness or Emotional disturbances</option>
                                    <option value="Learning disabilities">Learning disabilities</option>
                                    <option value="Mobility or Orthopedic disability">Mobility or Orthopedic disability</option>
                                    <option value="Speech or language impairments">Speech or language impairments</option>
                                    <option value="Health Impairments">Health Impairments</option>
                                    <option value="Other">Other</option>
>>>>>>> Storing employee info
                              </select>   
                            </div>               
                            <div class=col-md-4 style="width:20%">
                                  <p>Description </p>
<<<<<<< 8c98d41a67e0ec45e1fd64b04b779360352c1dcf
                                  <textarea name="disabilityDescription" id=disabilityDescription class="form-control inputstl" rows="3"></textarea>                 
                            </div>
                            <div class=col-md-4 style="width:20%">
                                  <p>Exemption Certificate </p>
                                  <input type="file" name="exemptionCert" class="form-control" style="width:15em;" >
=======
                                  <textarea name="disability_description" id=disabilityDescription class="form-control inputstl" rows="3"></textarea>                 
                            </div>
                            <div class=col-md-4 style="width:20%">
                                  <p>Exemption Certificate </p>
                                  <input type="file" name="exemption_certificate" class="form-control" style="width:15em;" >
>>>>>>> Storing employee info
                            </div> 
                          
                      </div><!-- End of DisabilityInfo row -->  

                    </div><!-- End of Disability row -->

                    <div class="form-group">

                      <button class="btn btn-info btn-submit">Submit</button>
                      <a class="btn btn-default" href="{{ route('employees.index') }}">Cancel</a>
                    </div>     

                </form> 

                </div><!-- End of container-row -->      
                  
                </div> <!-- End of employeeinfo tabcontainer  -->  
  
              </div>
          </div> 

       </section>
</section>     
                  
     
<!-- import button function -->
@endsection
@section('footer-include')
<script src="/js/select3/bootstrapselect.min.js"></script>
<script src="/js/select3/bootstrap.min.js"></script>
@endsection

@section('j-script')
<!-- Jquery -->
<script>

//Javascript for rendering disability form if checkbox is checked 

    $('#disabilitycheckbox').change(function(){
    if($(this).is(":checked"))
    $('#disabilityformrow').fadeIn('slow');
    else
    $('#disabilityformrow').fadeOut('slow');

    });
    
//Javascript for rendering tablinks

  // $('#tabLinks').on('click', '.list-group a', function (e) {
  // clickEvent = true;
  // $('.list-group li').removeClass('active');
  // $(this).parent().addClass('active');
  // localStorage.setItem('tab', $(e.currentTarget).attr('href'));
  // });
  // $(function() {
  // var slide = localStorage.getItem('tab');
  // console.log(slide);
  // if (slide) {
  //   $("a[href='" + slide + "']").click().tab('show');
  // }
  // });
  // function tabswitch(item) {
  //   var divs = document.getElementsByClassName("tabcontainer");
  //   for (var i = 0; i < divs.length; i++) {
  //     divs[i].style.display = 'none';
  //   }
  //   var myDiv = item.href;
  //   var target = myDiv.split("#");
  //   document.getElementById(target[1]).style.display = "inline";
  // }


// Javascript for rendering input fields on set conditions 


  function durationfieldVisibility(that) {
        if (that.value == "casual"|| that.value == "probation" || that.value =="contract"|| that.value == "temporary") {
            document.getElementById("duration").style.display = "block";
        } else {
            document.getElementById("duration").style.display = "none";
        }
    }
  

  $(document).on('ready', function(){
      });       
</script>

@endsection