@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script> 
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script> 
<script src="{{ asset('/js/common/controller/countryController.js')}}"></script>     
<script src="{{ asset('/js/hr/controller/tagController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/badgeController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/selectcommonController.js')}}"></script>
<div  ng-app="employeeApp">
    <div ng-controller="employeeCtrl" ng-init="checkforId()">
        <div class="col s12">
            <div class="card">
                <div class="row">
                    <h1 class="page-title">Add New Employee</h1>
                    <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
                </div>                    
            </div>
        </div>   
        <div class="row">
            <form class="custom-form form-error" id="formemployee">
                <input type="hidden" value="@{{employeeId}}" id="employeeId" name='employeeId' ng-model="employeeId"/>
                <input type='hidden' id='currentId' value=''>
                <div class="col s8 scroll-form">
                    <div class="card">
                        <div class="row employee-row">
                            <div class="input-field mandatory col s12">                                               
                                <input id="name" name="empname"type="text" class="validate" placeholder="Employee name" ng-model="name" required data-vtype="name">
                                <span class="error-msg"></span> 
                            </div>
                            <div class="labelheader"><b>Public Information</b></div>
                            <div class="row">
                                <div class="input-field col s4 ">
                                    <input type="text" class="validate " placeholder="Work Permit" id="workpermit" name="workpermit" ng-model="workpermit" required>                                                            
                                </div>
                                <div class="input-field col s4">
                                    <input type="text" class="materialize-textarea" id="workaddress" name=" workaddress" placeholder="Work Address" ng-model="workaddress">
                                    <span class="error-msg"></span>
                                </div> 
                                <div class="input-field mandatory col s4">

                                    <input type="email" placeholder="work Email" id="workemail" name="workemail" ng-model="workemail" required data-vtype="email">
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s4">
                                    <input type="text" id="workcontactnumber" name="workcontactnumber" class="validate" placeholder="Work Contact Number" ng-model="workcontactnumber">
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">
                                    <input type="text" class="validate" placeholder="Work Location" id="worklocation" name="worklocation" ng-model="worklocation">
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">
                                    <input type="text" class="validate" placeholder="Distance from home to work" id="hometowork" name="hometowork" ng-model="distancefromhometowork">
                                    <span class="error-msg"></span>
                                </div>
                            </div>
                            <div class="row">

                            
                                <div class="input-field col s4">
                                    <input type="date" placeholder="Trial From Date" class="datepicker" id="trialfromdate" name="trialfromdate" ng-model="trialfromdate">
                                    <span class="error-msg"></span> 
                                </div>
                                <div class="input-field col s4">                         
                                    <input type="date" placeholder="Trial To Date" class="datepicker" id="trialtodate" name="trialtodate" ng-model="trialtodate">
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">                           
                                    <input type="date" id="workfromdate" name="workfromdate" placeholder="Work From Date" class="datepicker" ng-model="workfromdate">
                                    <span class="error-msg"></span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field col s4">                          
                                    <input type="date" placeholder="Work To Date" id="worktodate" name="worktodate" class="datepicker" ng-model="worktodate">
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">
                                    <input type="text" id="lead" name="lead" class="validate" placeholder="Lead" ng-model="lead"> 
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4"> 
                                    <select id="workinghrsearch"  name="searchworkinghours" ng-model="searchwrkng">
                                        <option value="" selected="selected">Working Hours</option>
                                        <option value="@{{wrkng.id}}" ng-repeat="wrkng in workinghours.data">@{{wrkng.name}}</option>
                                    </select>                    
                                    <a href="#modal_createworkinghours"  ng-click="workinghoursFormFields()" > <i class="small material-icons">add_box</i></a>
                                    <span class="error-msg"></span>  
                                </div>
                            </div>
                            <div class="row">
                                <div class="input-field mandatory col s4">
                                    <select id="jobpositionsearch" name="jobsearch">
                                        <option value="" selected="selected">job position</option>
                                        <option ng-repeat="jobposition in jobpositions.data" value="@{{jobposition.id}}">@{{jobposition.position}}</option>
                                    </select>
                                    <a href="#modal_createJobposition" ng-click="clearJobFormFields()"><i class="small material-icons">add_box</i></a>
                                    <span class="error-msg"></span>
                                </div> 
                                <div class="input-field mandatory col s4">
                                    <select id="departmentsearch" name="searchdepartment">
                                        <option value="" selected="selected">Department</option>
                                        <option ng-repeat=" department in parentdepartments.data" value="@{{department.id}}">@{{department.name}}</option>
                                    </select>
                                    <a href="#modal_createdepartment" ng-click="clearDepartmentFormFields()" ><i class="small material-icons">add_box</i></a>
                                    <span class="error-msg"></span>
                                </div>  
                                <div class="input-field col s4">
                                    <select id="shiftsearch" name="searchshifttype">
                                        <option value="" selected="selected">Shift Type</option>
                                        <option ng-repeat="shift in shifttypes.data" value="@{{shift.id}}">@{{shift.name}}</option>
                                    </select>
                                    <a href="#modal_createShifttype" ng-click="clearshiftFormFields()" ><i class="small material-icons">add_box</i></a>
                                    <span class="error-msg"></span>
                                </div>
                            </div>
                            <div class="row">
                                
                                <div class="input-field col s4">
                                    <select id="contracttypesearch" name="searchcontracttype">
                                        <option value="" selected="selected">Contract Type</option>
                                        <option ng-repeat="contract in contracts.data" value="@{{contract.id}}">@{{contract.name}}</option> 
                                    </select>
                                    <a href="#modal_createcontracttype" ng-click="clearContracttypeFormFields()" ><i class="small material-icons">add_box</i></a>
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">
                                    <select id="usertype" name="usertype" ng-model="usertype">
                                        <option value="" selected="selected">User Type</option>
                                        <option ng-repeat="user in usertype" value="@{{user.usertype}}">@{{user.usertype}}</option> 
                                    </select>
                                </div>
                                
                                <div class="input-field col s4">
                                    <input name="leadornot" type="checkbox" id="leadornot" value="lead" ng-model="leadornot"/>
                                    <label for="leadornot">Lead</label>
                                    <span class="error-msg"></span>
                                </div>
                            </div>
                            <!-- </div> -->
                        </div>
                        <div class="row employee-row">
                            <div class="labelheader"ng-init="employeecode()"><b>Personal Information</b></div>
                            <div class="row">
                                <div class="input-field mandatory col s4">
                                    <input id="contact"name="empcontact" type="tel" class="validate" placeholder="Contact" ng-model="contact" required data-vtype="telephone">
                                    <span class="error-msg"></span>
                                </div> 
                                <div class="input-field col s4">
                                    <input type="text" class="validate"id="nationality" name="nationality" placeholder="Nationality" ng-model="nationality" required>
                                    <span class="error-msg"></span>
                                </div>
                                <div class="input-field col s4">
                                    <input type="date"id="date" name="dobdate" placeholder="dob" class="datepicker" ng-model="dob">
                                    <span class="error-msg"></span>                                  
                                </div>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" id="placeofbirth" name="placeofbirth"class="validate" placeholder="place of birth" ng-model="placeofbirth" required>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Account Number" name="accountnumber" ng-model="bankaccountnumber" required>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text"id="bankcode"name="bankcode" class="validate" placeholder="Bank Code" ng-model="bankcode" required>
                                <span class="error-msg"></span>
                            </div> 
                            <div class="input-field col s4">
                                <select id="banksearch"name="searchbank" style="width: 15em">
                                    <option value="" selected="selected">Search bank</option>
                                    <option ng-repeat="bank in banks.data" value="@{{bank.id}}">@{{bank.bank}}</option>
                                </select>
                                <a href="#modal_createbank" ng-click="bankFormFields()" ><i class="small material-icons">add_box</i></a>
                                <span class="error-msg"></span>
                            </div>  
                            <div class="input-field col s4">
                                <select id="prooftypesearch" name="proofsearch"  style="width: 15em">
                                    <option value="" selected="selected">Search Prooof type</option>
                                    <option  ng-repeat="prooftype in prooftypes.data" value="@{{prooftype.id}}" >@{{prooftype.prooftype}}</option>
                                </select>
                                <a href="#modal_createprooftype" ng-click="prooftypeFormFields()"><i class="small material-icons">add_box</i></a>
                                <span class="error-msg"></span>

                            </div>
                            <div class="input-field col s4">
                                <select id="relationsearch" name="searchrelation"  style="width: 15em">
                                    <option value="" selected="selected">Search Relation</option>
                                    <option ng-repeat="relation in relations.data" value="@{{relation.id}}">@{{relation.relation}}</option>
                                </select>
                                <a href="#modal_createRelation" ng-click="clearRelationFormFields()" ><i class="small material-icons">add_box</i></a>
                                <span class="error-msg"></span>

                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Passport Number"id="passportnumber"name="passportnumber" ng-model="passportnumber" required>
                                <span class="error-msg"></span>
                            </div>

                            <div class="input-field col s4">
                                <input type="text"id="idnumber"name="idnumber" class="validate" placeholder="Id Number" ng-model="idnumber" required>
                                <span class="error-msg"></span>
                            </div> 
                            <!--</div>-->
                            <!--<div class="input-field col s6" style="border: .51px solid azure">-->
                            <!--<div class="labelheader"><label><b>Contact Information</b></label></div>-->
                            <div class="input-field col s4">
                                <input type="text" class="materialize-textarea"id="addres" name="address" placeholder="Address" ng-model="address">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="tel" id="alternativenumber"name="alternativenumber"class="validate" placeholder="Alternate Number" ng-model="alternativenumber">
                                <span class="error-msg"></span>
                                <!--<label for="icon_prefix">First Name</label>-->
                            </div>
                            <div class="input-field col s4">
                                <input type="tel" class="validate" id="contactpersoncontact"name="contactpersoncontac" placeholder="Contact Person Contact" ng-model="contactpersoncontact" required>
                                <span class="error-msg"></span>

                            </div>
                            <div class="input-field mandatory col s4">
                                <input type="email" id="email" name="empemail"class="validate" placeholder="email" ng-model="email" required data-vtype="email">
                                <span class="error-msg"></span>
                                <!--<label for="icon_prefix">First Name</label>-->
                            </div>
                            <div class="input-field col s4">
                                <input type="text" id="contactperson" name="contactperson"class="validate" placeholder="Contact Person" ng-model="contactperson" required>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" id="numberofchild" name="numberofchild"class="validate" placeholder="no.of children" ng-model="noofchildren">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate"id="visa" name="visa" placeholder="Visa" ng-model="visa">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="date" placeholder="Visa Expiry Date"id="visaexpiry"name="visaexpiry" class="datepicker" ng-model="visaexpire">
                                <span class="error-msg"></span>                                  
                            </div> 
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Vehicle Number" id="vehiclenumber"name="vehiclenumber" ng-model="vehiclenumber"required>
                                <span class="error-msg"></span>
                            </div>
                            <!--</div>-->
                            <div class="input-field mandatory col s4" class="validate">
                                <select class="browser-default" id="martialstatus" name="martialstatus" ng-model="martialstatus">
                                    <option value="" disabled selected>Martial Status</option>
                                    <option value="Single">Single</option>
                                    <option value="Married">Married</option>
                                </select>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field mandatory col s4">
                                <!--<h1>gender</h1>--> <span class="gender-text" >Gender</span><br>
                                <input name="empgender" type="radio" id="male" value="MALE" />
                                <label for="male">M</label>
                                <input name="empgender" type="radio" id="female" value="FEMALE"/>
                                <label for="female">F</label>
                                <input name="empgender" type="radio" id="others" value="OTHERS"/>
                                <label for="others">O</label>
                                <span class="error-msg"></span>
                            </div>
                        </div>
                        <div class="row employee-row"> 
                            <div class="labelheader"><b>Hr Informations</b></div> 
                            <div class="input-field mandatory col s4">
                                <input type="text" ng-model="empcodes"class="validate" placeholder="Employee code"  id="empcode"name="empcode" required data-vtype="text">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <select id="teamsearch" name="searchteam"  style="width: 15em">
                                    <option value="" selected="selected">Teamlist</option>
                                    <option ng-repeat="team in teams.data" value="@{{team.id}}">@{{team.team}}</option>
                                </select>
                                <a href="#modal_createTeam" ng-click="clearTeamFields()"><i class="small material-icons">add_box</i></a>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Insurance Id" id="insuranceid"name="insuranceid" ng-model="insurranceid" required>
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Salary" id="salary" name="salary" ng-model="salary">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Ta" id="ta"name="ta" ng-model="ta">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Ga"id="ga"name="ga" ng-model="ga">
                                <span class="error-msg"></span>
                            </div>
                            <div class="input-field col s4">
                                <input type="text" class="validate" placeholder="Hra"id="hra"name="hra" ng-model="hra">
                                <span class="error-msg"></span>
                            </div>

                            <div class="input-field col s4">
                                <input type="date" id="dateofjoining"name="dateofjoining" placeholder="date of joining" class="datepicker" ng-model="doj">
                                <span class="error-msg"></span>                                        
                            </div>

                            <div class="input-field col s4">
                                <input type="date" placeholder="Last Medical Exam Date" id="lastmedicalexamdate"name="lastmedicalexamdate"class="datepicker" ng-model="lastmedicalexamdate">
                                <span class="error-msg"></span>                                        
                            </div> 
                            <div class="input-field col s4">
                                <textarea class="materialize-textarea"id="notes"name="notes" placeholder="Notes" ng-model="notes"></textarea>
                                <span class="error-msg"></span>
                            </div>
                        </div>
                    </div>                   
                </div>
                <div class="col s4">
                    <div class="card">
                        <div class="row">
                            <div class="col s12">
                                <div class="drag-drop-file">
                                    <input type="file" id="profile-upload"  onchange="angular.element(this).scope().profilePicUpload(this)">
                                    <label class="drag-drop" for="profile-upload">
                                        <img class="circle"  ng-hide="image1" ng-src ="{{asset('images/avatar-1.jpg')}}"  alt="">
                                        <img class="circle" ng-show="image1" ng-src ="@{{image}}" height="125px"  alt="">
                                        <span>Drag a profile photo here</span>
                                    </label>
                                    <div class="file-divider"><span> or </span></div>
                                    <label for="profile-upload">
                                        <span class="btn white grey-text-text default waves-effect small">Select a photo from your computer</span>
                                    </label>
                                </div>
                            </div>
                        </div> 
                    </div> 
                </div> 
            </form> 
            @include('hr::hr.employee.partials.workinghours')
            @include('hr::hr.employee.partials.jobposition')
            @include('hr::hr.employee.partials.department')
            @include('hr::hr.employee.partials.shifttypes')
            @include('hr::hr.employee.partials.contracttype')
            @include('application::applications.partials.bank')
            @include('hr::hr.employee.partials.prooftype')
            @include('hr::hr.employee.partials.relation')
            @include('hr::hr.employee.partials.teamlist')
            <div class="col s12">
                <div class="primay-footer ">
                    <div class="footer-content">
                        <div class="row">
                            <div class="input-field col s7">                                        
                                <p class="footer-legend"><i class="fa fa-caret-right red-text" aria-hidden="true"></i> &nbsp;Mandatory Fields</p>
                            </div>
                            <div class="input-field right">   
                                <!--<button class="btn white grey-text-text default waves-effect" type="reset">Cancel</button>-->
                                <a class="btn transparent primary waves-effect" href="{{url('hr/employee')}}" >Cancel</a>
                                 <a class="btn transparent primary waves-effect"ng-click="saveemployee($event)" type="submit">Save <i class="fa fa-forward" aria-hidden="true"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div> 
        </div>
        <script>
                    $(document).ready(function () {
            $('select').material_select();
                    $('.datepicker').pickadate({
            selectMonths: true, // Creates a dropdown to control month
                    selectYears: 15 // Creates a dropdown of 15 years to control year
            });
            });
        </script>   
    </div>
</div>
<input type="hidden" id='data-teams' value="{{$teams or '[]'}}"/>
<input type="hidden" id='data-prooftypes' value="{{$prooftypes or '[]'}}"/>
<input type="hidden" id='data-workinghours' value="{{$workinghours or '[]'}}"/>    
<input type="hidden" id='data-leavetypes' value="{{$leavetypes or '[]'}}"/>    
<input type="hidden" id='data-jobpositions' value="{{$jobpositions or '[]'}}"/>
<input type="hidden" id='data-leavepackage' value="{{$leavepackage or '[]'}}"/>
<input type="hidden" id='data-contracts' value="{{$contracttypes or '[]'}}"/>   
<input type="hidden" id='data-relations' value="{{$relations or '[]'}}"/>
<input type="hidden" id='data-shifttype' value="{{$shifttypes or '[]'}}"/>   
<input type="hidden" id='data-departments' value="{{$departments or '[]'}}"/>   
<input type="hidden" id='data-countries' value="{{$countries or '[]'}}"/>
<input type="hidden" id='data-salutations' value="{{$salutations or '[]'}}"/>
<input type="hidden" id='data-banks' value="{{$banks or '[]'}}"/>     
<input type="hidden" id='data-tags' value="{{$tags or '[]'}}"/>
<input type="hidden" id='data-parents' value="{{$parentdepartments or '[]'}}"/>
<input type="hidden" id='data-leads' value="{{$leads or '[]'}}"/>
<input type="hidden" id="data-salaryheads" value="{{$salaryheads or '[]'}}"/>
<input type="hidden" id="data-salrypackgedeatls" value="{{$salrypackgedtls or '[]'}}"/>
<input type="hidden" id="data-salarypackage" value="{{$salarypackage or '[]'}}"/>
<input type="hidden" id="data-usertype" value="{{$usertype or '[]'}}"/>
@stop