@extends('hr::layouts.master')
@section('content')
<link rel="stylesheet" href="{{asset('/css/calendar/fullcalendar.min.css')}}" />
<link type="text/css" rel="stylesheet" href="{{asset('/css/hr/reset.css')}}"  media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="{{asset('/css/hr/custom.css')}}"  media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<script src="{{asset('js/hr/moment.js')}}"></script>
<script src="{{asset('js/hr/Chart.min.js')}}"></script>
<script type="text/javascript" src="{{asset('js/hr/fullcalendar.min.js')}}"></script>
<!--call ends here.-->
<!--page layout start here.-->
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/timesheetreportController.js')}}"></script>
<input type="hidden" id='data-projects' value="{{$projects or '[]'}}"/>
<input type="hidden" id='data-departments' value="{{$departments or '[]'}}"/>
<input type="hidden" id='data-employees' value="{{$employees or '[]'}}"/>
<input type="hidden" id='data-internalproject' value="{{$internalprojects or '[]'}}"/>
<input type="hidden" id='data-externalproject' value="{{$externalprojects or '[]'}}"/>
<input type="hidden" id='data-unitproject' value="{{$unitwiseproject or '[]'}}"/>
<input type="hidden" id='data-hourproject' value="{{$hourwiseproject or '[]'}}"/>
<div  ng-app="timesheetApp" ng-controller="timesheetreportCtrl" >
    <div class="col s12">
        <div class="card minheight">
            <div class="row">
                <h1 class="page-title">Cost-Report</h1>
                <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
            </div>
            <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="sctunitorhour" class="validate"  name="sctunitorhour" ng-change="searchtimesheetReport()" ng-model="sctunitorhour" data-select required>
                                    <option value="">choose your option</option>
                                    <option value="hour">Hour</option>
                                    <option value="unit">Unit</option>
                                </select>
                            </div>
                            <div class="input-field col s2" ng-show="sctunitorhour == 'hour'">
                                <select id="sctprojects" class="validate"  name="sctprojects"  ng-model="sctproject" data-select required>
                                    <option value="">choose your option</option>
                                    <option ng-repeat="hourproject in hourprojects" value="@{{hourproject.id}}">@{{hourproject.name}}</option>
                                </select>
                            </div>
                            <div class="input-field col s2" ng-show="sctunitorhour == 'unit'">
                                <select id="sctunit" class="validate"  name="sctunit"  ng-model="sctproject" data-select required>
                                    <option value="">choose your option</option>
                                    <option ng-repeat="unitproject in unitprojects" value="@{{unitproject.id}}">@{{unitproject.name}}</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="printCostReport()"><i class="fa fa-print"></i></a>
                            </div>
                        </form>
                        
                    </div>
                </div>
            </div>
            <br>
        </div>
    </div>
    <div class="col s12">
        <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">
                    <h4><b>Project Name :@{{Projectname}}</b></h4>
                    <table class="highlight">
                        <thead>
                            <tr>
                                <th>Task</th>
                                <th ng-show="sctunitorhour == 'hour'">billableTimeInHour</th>
                                <th ng-show="sctunitorhour == 'unit'">billableTimeInUnit</th>
                                <th ng-show="sctunitorhour == 'hour'">nonbillableTimeInHour</th>
                                <th>total Amount</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr  ng-repeat="timesheet in timesheetreport track by $index" >
                                <td>@{{timesheet.taskname}}</td>
                                <td>@{{timesheet.totalbill}}</td>
                                <td ng-hide="sctunitorhour == 'unit'">@{{timesheet.totalnonbill}}</td>
                                <td>@{{timesheet.totalbill * timesheet.costunitorhour}}</td>
                            </tr>
                        </tbody>
                    </table>
                    <!--</div>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
</div>
@stop