@extends('hr::layouts.employeemaster')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/empdashbordController.js')}}"></script>
<script src="{{asset('/js/app.js')}}"></script>
<input type="hidden" id="data-leavedetails" value="{{$leave or '[]'}}"/>
<input type="hidden" id="data-timesheet" value="{{$timesheets or '[]'}}"/>
<input type="hidden" id='data-dash' value="{{$dash or '[]'}}"/>
<input type="hidden" id='data-task' value="{{$task or '[]'}}"/>
<input type="hidden" id='data-emp' value="{{$empid or '[]'}}"/>
<input type="hidden" id="data-leavetype" value="{{$leavetype or '[]'}}"/>
<input type="hidden" id='data-eventtypes' value="{{$eventtypes or '[]'}}"/>
<input type="hidden" id="data-calenderevents" value="{{$calendarevents or '[]'}}"/>
<input type="hidden" id='data-employeeEvents' value="{{$todaysEmployeeEvents or '[]'}}"/>
<input type="hidden" id='data-pendingtask' value="{{$pendingtask or '[]'}}"/>
<input type="hidden" id='data-projects' value="{{$projects or '[]'}}"/>
<div  ng-app="empdashbordApp">
    <div class="row">
        <div ng-controller="empdashbord">
            <div class="col s12">
                <div class="card">
                    <h1 class="page-title">
           Leave-details
            <!--code for dropdown buttons-->
                <div class="">
                    <a href="#" class="dropdown-button button-style" data-activates='dropdownempindex'><i id="gear" class="fa fa-gear" ng-mouseover="mouseOver()" ng-mouseleave="mouseLeave()"></i></a>
                    <ul id='dropdownempindex' class='dropdown-content dropdown-card-width2'>
                        <li><a href="{{ url('hr/employeedashbord/applyleave')}}">Apply-Leave</a></li>
                    </ul>
                     <a href="#!" ng-click="GoBack()" class="waves-effect page-button backbutton-settings"><i class="material-icons left">arrow_back</i>Back</a>

                </div>
                <!--code ends here.-->
            </h1>
                </div>
            </div>
           
            <!-- leave table starts here -->
            <div class="col s12">
                <div ng-show="leave == 0">
                    <div class="no-data">
                        <i class="no-data-img"></i>
                        <p>No results found</p>
                    </div>
                </div>
                <div class="card" ng-hide="leave == 0" style="padding: 20px;
                    min-height: 484px;">
                    <h1><b>Recent Leave Updates</b></h1>
                    <div class="responsive-table">
                        <div class="item-list" time-sheet-scroll="timeSheetScroll()">
                            <table class="table table-responsive highlight bordered">
                                <thead>
                                    <tr>
                                        <th>Leave Type</th>
                                        <th>Reson</th>
                                        <th>From date</th>
                                        <th>To Date</th>
                                        <th>No of Days</th>
                                        <th>Workoverto </th>
                                        <th>Comment</th>
                                        <th>Leave Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="leaves in leave">
                                        <td>@{{leaves.leavetype}}</td>
                                        <td>@{{leaves.reson}}</td>
                                        <td>@{{leaves.fromdate}}</td>
                                        <td>@{{leaves.todate}}</td>
                                        <td>@{{leaves.numofdays}}</td>
                                        <td>@{{leaves.workoverto}}</td>
                                        <td>@{{leaves.cmnthigher}}</td>
                                        <td ng-show="@{{leaves.approveBit == 'APPROVED' }}"><span class="green-bac" >@{{leaves.approveBit}}</span></td>
                                        <td ng-show="@{{leaves.approveBit == 'PENDING' }}"><span class="blue-bac">@{{leaves.approveBit}}</span></td>
                                        <td ng-show="@{{leaves.approveBit == 'REJECTED' }}"><span class="red-bac">@{{leaves.approveBit}}</span></td>
                                    </tr>                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--        <div class="modal-footer">
    <a href="#!" ng-click="saveLeaves()" class="waves-effect waves-light btn">Create</a>
    <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
</div>-->
@stop