@extends('hr::layouts.master')
@section('content')
<!--form starts here.-->
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/timesheetController.js')}}"></script>
<div  ng-app="timesheetApp">
    <div ng-controller="timesheetCtrl" ng-init="gettodayDate()">
        <input type="hidden" id='data-projects' value="{{$projects or '[]'}}"/>
        <div class="col s12">
            <div class="card">
                <h1 class="page-title">Timesheet
                <div class="">
                    <a href="#" class='dropdown-button button-style3' 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/timesheetreport')}}">Time Report</a></li>
                         <li class="divider"></li>
                        <li><a href="{{ url('hr/costreport')}}">Cost Report</a></li>
                        <!--<li><a href="#modal_client">Clients</a></li>-->
                    </ul>
                    <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>
        </div>
        <form  class="custom-form col s12" id="frmTimesheet">
            <div class="col s12">
                <div class="card">
                    <div class="row">
                        <div class="input-field col s12 m4 l4">
                            <p>Date</p>
                            <input type="date" class="datepicker" id="dtpcurrentDate" ng-change="displayTask()" value="currentDate" ng-model="currentDate">
                        </div>
                        <div class="input-field col s12 m4 l4">
                            <p>Project</p>
                            <select class="browser-default" class="validate" name="drpproject" id="drpproject" ng-model="drpproject" ng-change="displayTask()">
                                <option value="" disabled selected>Select project</option>
                                <option ng-repeat="project in projects" value="@{{project.id}}">@{{project.name}}</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col s12 m12 l12">
                            <div class="cloneId" class="row" ng-repeat="count in counter track by $index">
                                <div class="row" id="del@{{$index}}">
                                    <div class="input-field col s2 left">
                                        <p>Task</p>
                                        <select class="browser-default select" name="drptask[]" id="drptask@{{$index}}" ng-model="task[$index].drptask" ng-change="selectEmployee($index)">
                                            <option ng-repeat="task in tasks" value="@{{task.id}}">@{{task.taskname}}</option>
                                        </select>
                                    </div>
                                    <div class="input-field col s2">
                                        <p>Employee</p>
                                        <select class="browser-default select" name="drpemployee[]" id="drpemployee@{{$index}}" ng-model="task[$index].drpemployee">
                                            <option ng-repeat="employee in employees[$index]" value="@{{employee.empId}}">@{{employee.name}}</option>
                                        </select>
                                    </div>
                                    <div class="input-field col s2">
                                        <p>Date</p>
                                        <input type="text" name="" value="@{{currentDate}}" readonly="readonly">
                                        <!--<input id="dtpdate@{{$index}}" type="date" class="datepicker" name="dtpdate[]" ng-model="task[$index].dtpdate" required>-->
                                        <!-- <label>@{{currentDate}}</label> -->
                                    </div>
                                    <div ng-show="meassure == 'hours' ">
                                        <div class="input-field col s2">
                                            <p>Billable Hours</p>
                                            <input id="txtbillable@{{$index}}" type="text" name="txtbillable[]" ng-model="task[$index].txtbillable" required>
                                        </div>
                                        <div class="input-field col s2">
                                            <p>Non billable Hours</p>
                                            <input id="txtnonbillable@{{$index}}" type="text" name="txtnonbillable[]" ng-model="task[$index].txtnonbillable" required>
                                        </div>
                                    </div>
                                    <div ng-show="meassure == 'units' ">
                                        <div class="input-field col s2">
                                            <p>Units</p>
                                            <input id="unit@{{$index}}" type="text" name="txtunit[]" ng-model="task[$index].txtunit" required>
                                        </div>
                                    </div>
                                    <div class="input-field col s2">
                                        <p>Notes</p>
                                        <input id="txtnotes@{{$index}}" type="text" name="txtnotes[]" ng-model="task[$index].txtnotes" required>
                                    </div>
                                    
                                    <div class="input-field col s2">
                                        <br><br>
                                        <a  href="#modal_createJobposition" ng-click="cloneTimesheet($event)">
                                        <i class="small material-icons">add_circle</i></a>
                                        <a  href="#modal_createJobposition" ng-click="dropTimesheet($event, $index)"ng-hide="$index == 0" >
                                        <i class="small material-icons">do_not_disturb_on</i></a>
                                    </div>
                                </div>
                            </div>
                            <!--parallel code.-->
                            <!--                <table class="highlight">
                                <thead>
                                    <tr>
                                        <th>Task</th>
                                        <th>Employee</th>
                                        <th>Date</th>
                                        <th>Billable Hours</th>\
                                        <th>Non billable Hours</th>
                                        <th>Notes</th>
                                    </tr>
                                </thead>
                                <tbody class="cloneId" class="row" ng-repeat="count in counter track by $index">
                                    <tr>
                                        <td><select class="browser-default abc" name="drptask[]" id="drptask@{{$index}}" ng-model="task[$index].drptask" ng-change="selectEmployee($index)">
                                            <option ng-repeat="task in tasks" value="@{{task.id}}">@{{task.taskname}}</option>
                                        </select></td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <select class="browser-default abc" name="drpemployee[]" id="drpemployee@{{$index}}" ng-model="task[$index].drpemployee">
                                                <option ng-repeat="employee in employees[$index]" value="@{{employee.empId}}">@{{employee.name}}</option>
                                            </select></td>
                                        </tr>
                                        <tr><td>
                                            <input id="dtpdate@{{$index}}" type="date" name="dtpdate[]" ng-model="task[$index].dtpdate" required>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input id="txtbillable@{{$index}}" type="text" name="txtbillable[]" ng-model="task[$index].txtbillable" required>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input id="txtnonbillable@{{$index}}" type="text" name="txtnonbillable[]" ng-model="task[$index].txtnonbillable" required>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <input id="txtnotes@{{$index}}" type="text" name="txtnotes[]" ng-model="task[$index].txtnotes" required>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <button ng-click="cloneTimesheet($event)"><a class="btn-floating disabled"><i class="material-icons">add</i></a></button>
                                            <button ng-click="dropTimesheet($event, $index)"ng-hide="$index == 0"><a class="btn-floating disabled"><i class="material-icons">-</i></a></button>
                                            
                                        </td>
                                    </tr>
                                </tbody>
                            </table>-->
                            <!--code ends here.-->
                            
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <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 green-text primary waves-effect"ng-click="saveTimesheet()" type="submit">Save</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--form ends here.-->
@stop