@extends('hr::layouts.employeemaster')
@section('content')
<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" ng-init="gettodayDate()">
   
        <div class="col s12">
            <div class="card">
                <h1 class="page-title">Time sheet
                    <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>
        </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="taske in task.data" value="@{{taske.projectId}}">@{{taske.pname}}</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">
                               <option value="" disabled selected>Select Task</option>
                                <option ng-repeat="task in tasks" value="@{{task.id}}">@{{task.taskname}}</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>
            </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>
     <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