@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/hr/controller/leavesController.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/taskController.js')}}"></script>
<div  ng-app="employeeApp">
    <div ng-controller="employeeCtrl">

    <br>                            <div class="input-field col s6">

                                        <select id="txtrelation" name="txtrelation" ng-model="txtrelation"class="browser-default">
                                             <option value="" disabled selected>Relation</option>
                                            <option ng-repeat="relation in relations.data" value="@{{relation.id}}">@{{relation.relation}}</option>
                                        </select>
                                    </div>
    
        <br>
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner">    
                    <h3>01</h3>
                    <p> Leave Package </p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-sign-out"></i>
                </div>
                @include('hr::hr.employee.partials.leavepackage')            
            </div>  
        </div>
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner">    
                    <h3>02</h3>
                    <p> Working Hours</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-building-o"></i>
                </div>    
                @include('hr::hr.employee.partials.workinghours')  
            </div>             
        </div> 
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner">
                    <h3>03</h3>
                    <p> Shift Types</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-briefcase"></i>
                </div> 
                @include('hr::hr.employee.partials.shifttypes')
            </div>             
        </div>  

        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>04</h3>
                    <p> Relation</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-address-book"></i>
                </div> 
                @include('hr::hr.employee.partials.relation')
            </div>             
        </div>  
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>05</h3>
                    <p> Team List</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-users"></i>
                </div> 
                @include('hr::hr.employee.partials.teamlist')
            </div>             
        </div>
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>06</h3>
                    <p> Leave Types</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-check-square"></i>
                </div> 
                @include('hr::hr.employee.partials.leavetypes')
            </div>             
        </div> 
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>07</h3>
                    <p> Job Position</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-building"></i>
                </div> 
                @include('hr::hr.employee.partials.jobposition') 
            </div>             
        </div>     
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>08</h3>
                    <p> Proof Type</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-user-md"></i>
                </div> 
                @include('hr::hr.employee.partials.prooftype')
            </div>             
        </div> 
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>9</h3>
                    <p>Contact Type</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-compress"></i>
                </div> 
                @include('hr::hr.employee.partials.contracttype')
            </div>             
        </div> 
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>10</h3>
                    <p>Country</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-globe"></i>
                </div> 
                @include('application::applications.partials.country')
            </div>             
        </div>  
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>11</h3>
                    <p>Salutation</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-star-half-empty"></i>
                </div> 
                @include('application::applications.partials.salution')
            </div>             
        </div> 
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>12</h3>
                    <p>Bank</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-university"></i>
                </div> 
                @include('application::applications.partials.bank') 
            </div>             
        </div>  
        <div class="col s3  ">                   
            <div class="small-box bg-white">
                <div class="inner"> 
                    <h3>12</h3>
                    <p>Department</p>               
                </div> 
                <div class="icon">
                    <i class="fa fa-deaf"></i>
                </div> 
                @include('hr::hr.employee.partials.department') 
            </div>             
        </div>
        <div class="row">
            <div class="input-field ">
                <a class="waves-effect waves-light btn" href="{{ url('hr/badge/create')}}">Badge</a>
            </div>
        </div>
    </div> 

    <!--Hidden Variables for creating Employee -->
    <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-relations' value="{{$relations or '[]'}}"/>
    <input type="hidden" id='data-shifttype' value="{{$shifttypes or '[]'}}"/>
    <input type="hidden" id='data-countries' value="{{$countries or '[]'}}"/>
    <input type="hidden" id='data-salutations' value="{{$salutations or '[]'}}"/>
    <input type="hidden" id='data-leaves' value="{{$leaves or '[]'}}"/>
    <input type="hidden" id='data-banks' value="{{$banks or '[]'}}"/>     
    <input type="hidden" id='data-tags' value="{{$tags or '[]'}}"/>
    <input type="hidden" id='data-task' value="{{$task or '[]'}}"/>
     <input type="hidden" id='data-listitems' value="{{$listitems or '[]'}}"/>
</div>
@stop