@extends('hr::layouts.employeemaster')
@section('content')
<style type="text/css">
</style>
<!--form starts here.-->
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script> 
<script src="{{ asset('/js/hr/controller/empdashbordController.js')}}"></script>
<div  ng-app="empdashbordApp" ng-controller="empdashbord">
        <div class="col s12">
            <div class="card minheight">
                <h1 class="page-title">Time sheet Report
                <div class="">
                    <a href="#!" ng-click="GoBack()" class="waves-effect page-button backbutton-timesheet"><i class="material-icons left">arrow_back</i>Back</a>
                </div>
                </h1>
                <div class="row">
                    <div class="col s12">
                        <div class="bordr-color filter">
                            <h1>Filter </h1>
                            
                            <form  class="row custom-form" >
                                <div class="input-field col s2">
                                      <label class="labelfont">From</label>
                                    <input type="date"  class="datepicker" value="" ng-model="timestart"  >
                                </div>
                                <div class="input-field col s2">
                                     <label  class="labelfont">Till</label>
                                    <input type="date" class="datepicker" value="" ng-model="timeend" >
                                </div>
                                <div class="input-field col s2">
                                    <select id="sctproject" class="validate"  name="sctproject"  ng-model="sctproject" data-select required>
                                        <option value="">choose your Project</option>
                                        <option ng-repeat="tasks in task.data" value="@{{tasks.projectId}}">@{{tasks.pname}}</option>
                                    </select>
                                </div>
                                <div class="input-field col s2">
                                    <a  ng-click="searchtimesheetReport()" class="waves-effect waves-light btn">Generate Report</a>
                                </div>
                                <div class="input-field col s2 right">
                                    <a href="#!" class='dropdown-button printbutton' ng-click="printTimesheetReport()"><i class="fa fa-print"></i></a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="col s12">
            <!--The search result displayed here.-->
            <div class="row" ng-init="showResults == 'false'" ng-show="showResults == 'true'" ng-model="showResults">
                <div class="col m12 card" style="min-height: 322px">
                    <div ng-show="timesheetreport.length == 0">
                        <div class="no-data">
                            <i class="no-data-img"></i>
                            <p>No results found</p>
                        </div>
                    </div>
                    <div ng-hide="timesheetreport.length == 0">
                        <table class="highlight">
                            
                            <thead>
                                <tr>
                                    <th>Project Name</th>
                                    <th>Task</th>
                                    <th>Date</th>
                                    <th>Billable Time In Hour</th>
                                    <th>Non billable Time In Hour</th>
                                    <th>notes</th>
                                    <th>Hours Spend</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr  ng-repeat="timesheet in timesheetreport track by $index" >
                                    <td>@{{timesheet.projectname}}</td>
                                    <td>@{{timesheet.taskname}}</td>
                                    <td>@{{timesheet.date}}</td>
                                    <td>@{{timesheet.billableTimeInHour}}</td>
                                    <td>@{{timesheet.nonbillableTimeInHour}}</td>
                                    <td>@{{timesheet.notes}}</td>
                                    <td>@{{timesheet.billableTimeInHour+timesheet.nonbillableTimeInHour}}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <!--search display ends here.-->
        </div>
        
    <input type="hidden" id='data-task' value="{{$task or '[]'}}"/>
    <input type="hidden" id='data-dash' value="{{$dash or '[]'}}"/>
    <input type="hidden" id="data-timesheet" value="{{$timesheets or '[]'}}"/>
    <input type="hidden" id='data-projects' value="{{$projects or '[]'}}"/>
     <input type="hidden" id="data-calenderevents" value="{{$calendarevents or '[]'}}"/>
     
<input type="hidden" id='data-empdash' value="{{$empdashbord or '[]'}}"/>
<input type="hidden" id="data-task" value="{{$pendingtask or '[]'}}"/>
    <input type="hidden" id="data-leavedetails" value="{{$leave or '[]'}}"/>
    <input type="hidden" id='data-employeeEvents' value="{{$todaysEmployeeEvents or '[]'}}"/>
    <input type="hidden" id="data-leavetype" value="{{$leavetype or '[]'}}"/>
    <input type="hidden" id='data-eventtypes' value="{{$eventtypes or '[]'}}"/>
    <input type="hidden" id='data-pendingtask' value="{{$pendingtask or '[]'}}"/>
</div>
<!--form ends here.-->

@stop