@extends('hr::layouts.master')
@section('content')
<script src="{{ asset('/js/hr/controller/empModules.js')}}"></script>
<script src="{{ asset('/js/hr/controller/employeeController.js')}}"></script>
<script src="{{ asset('/js/calendar/controller/clientController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/tagController.js')}}"></script>
<script src="{{ asset('/js/hr/controller/taskController.js')}}"></script>
<script src="{{ asset('/js/projectdashboard.js')}}"></script>
<script src="{{ asset('/js/hr/controller/projectController.js')}}"></script>
<script src="{{asset('/js/validation.js')}}"></script>
<input type="hidden" id='data-projectdetails' value="{{$projectdetails or '[]'}}"/>
<script src="{{asset('js/hr/Chart.min.js')}}"></script>
<!-- Modal Trigger -->
<div  ng-app="projectApp" ng-controller="projCtrl" ng-init="projectPagingInit()">
    <input type="hidden" id='data-projects' value="{{$projects or '[]'}}"/>
    <input type="hidden" id='data-departments' value="{{$departments or '[]'}}"/>
    <input type="hidden" id='data-clients' value="{{$clients or '[]'}}"/>
    <input type="hidden" id='data-task' value="{{$task or '[]'}}"/>
    <input type="hidden" id='data-tags' value="{{$tags or '[]'}}"/>
    <input type="hidden" id='data-employee' value="{{$employees or '[]'}}"/>
    <input type="hidden" id='data-lead' value="{{$leads or '[]'}}"/>
    <input type="hidden" id="data-timesheet" value="{{$timesheets or '[]'}}"/>
    <input type="hidden" id="stat" value="{{$stat}}"/>
    <input type="hidden" id="todate" value="{{$todate}}"/>
    <input type="hidden" id="fromdate" value="{{$fromdate}}"/>
    <div class="col s12 m12 l12">
        <div class="card card-minheight">
            <h1 class="page-title">
            Projects
            <!--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="#modal_createproject" ng-click="projectFormFields()">Create</a></li>
                    <li class="divider"></li>
                    <li><a href="{{ url('hr/timesheet')}}">Time-Sheets</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 class="row">
                <div class="col s12">
                    <div class="bordr-color filter">
                        <h1>Filter </h1>
                        <div class="row">
                            <form class="custom-form col s12" id="frmprojectsN">
                                <div class="input-field col s3">
                                    <input type="date" ng-model="dtpfrmdate"  name="dtpfrmdate" placeholder="From Date" class="datepicker" ng-change="searchAllProjects()">
                                </div>
                                <div class="input-field col s3">
                                    <input type="date" ng-model="dtptodate" name="dtptodate" placeholder="To Date" class="datepicker" ng-change="searchAllProjects()">
                                </div>
                                <div class="input-field col s3">
                                    <select id="selPstatus" name="selPstatus" ng-model="selPstatus" data-select ng-change="searchAllProjects()">
                                        <option value="" disabled>Choose Project Status</option>
                                        <option value="all">ALL</option>
                                        <option value="notstarted">Not Started</option>
                                        <option value="started">Started</option>
                                        <option value="ongoing">On Going</option>
                                        <option value="onhold">On Hold</option>
                                        <option value="completed">Completed</option>
                                        <option value="reinforce">Reinforce</option>
                                    </select>
                                </div>
                            </form>
                            <div class="col s9">
                                <div class="card">
                                    <div class="col s6 " ng-hide="projects.total == 0">
                                        <ul class="pagination left" ng-if="1 < pages.length || !autoHide">
                                            <li  ng-disabled="pagingData.current_page == 1">
                                                <a href="" ng-click="pagingData.current_page == 1 || setCurrentprojectPage(1)">&laquo;</a>
                                            </li>
                                            <li  ng-disabled="pagingData.current_page == 1">
                                                <a href="" ng-click="pagingData.current_page == 1 || setCurrentprojectPage(pagingData.current_page - 1)">&lsaquo;</a>
                                            </li>
                                            <li ng-repeat="pageNumber in pages track by  $index" ng-class="{ active :pagingData.current_page == pageNumber, disabled : pageNumber == '...' }">
                                                <a href="" ng-click="setCurrentprojectPage(pageNumber)">@{{ pageNumber}}</a>
                                            </li>
                                            <li  ng-disabled="pagingData.current_page == pagingData.last_page">
                                                <a href="" ng-click="pagingData.current_page == pagingData.last_page || setCurrentprojectPage(pagingData.current_page + 1)">&rsaquo;</a>
                                            </li>
                                            <li  ng-disabled="pagingData.current_page == pagingData.last_page">
                                                <a href="" ng-click="pagingData.current_page == pagingData.last_page || setCurrentprojectPage(pagingData.last_page)">&raquo;</a>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped table-hover highlight"  ng-hide="projects.data == 0">
                                            <thead>
                                                <tr>
                                                    <th>Project Name</th>
                                                    <th>Start Date</th>
                                                    <th>End Date</th>
                                                    <th>Priority</th>
                                                    <th>Task</th>
                                                    <th>Status</th>
                                                    <th>View Details</th>
                                                    <th>Change Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr ng-repeat="project in projects.data|  filter:searchproject" ng-click="setprojectGraphid(project.id, $index)" ng-model="tblproj" >
                                                    <td>@{{project.name}}</td>
                                                    <td>@{{project.startdate}}</td>
                                                    <td>@{{project.enddate}}</td>
                                                    <td>@{{project.priority}}</td>
                                                    <td>@{{project.taskcount}}</td>
                                                    <td>@{{project.ptstatus}}</td>
                                                    <td>
                                                        <a href="#!" ng-click="viewProject(project.id, $index)"><i class="fa fa-pencil fa-fw"></i>VIEW</a>
                                                    </td>
                                                    <td>
                                                        <!--materialize switch start here.-->
                                                        <div class="switch" style="float: right">
                                                            <label>
                                                                <b>Status :</b>
                                                                <!--Inactive-->
                                                                <input ng-checked="project.ptstatus == 'started'" type="checkbox" id="chkstatus_@{{project.id}}" ng-click="checkprojectStatus(project.id, $index)">
                                                                <span class="lever"></span>
                                                                <!--Active-->
                                                            </label>
                                                        </div>
                                                        <!--materialize switch ends here.-->
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="col s3">
                                    <div class="card">
                                        <div class="row">
                                            <div class="no-data" ng-show="nodataproj == 'true'">
                                                <i class="no-data-img"></i>
                                                <p>No statistical data Found</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col s3" ng-show="tblproj == 'true'">
                                    <div class="card">
                                        <div class="row">
                                            <div class="col s12 widget">
                                                <div class="widget-header">
                                                    <a href="{{url('hr/leavesmain')}}"><h3 class="col s6 left"><i class="drag-handle"></i>@{{proj[0].name}}</h3></a>
                                                    <div class="col s6 right">
                                                    </div>
                                                </div>
                                                <div style="float: right">
                                                    <h3 class="col s6">@{{proj[0].pstatus}}</h3>
                                                </div>
                                                <div class="widget-content">
                                                    <div class="doughnut-wrapproject">
                                                        <canvas id="mychartproject@{{project.id}}" width="50" height="50" style="width: 50px;"></canvas>
                                                        <div class="center-legend legend">
                                                            <h4>@{{proj[0].name}}</h4>
                                                            <p>Project</p>
                                                        </div>
                                                    </div>
                                                    <ul class="legend-wrap small legendproject"  >
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa fa-hourglass red accent-3 circle"></i>
                                                                <h5>@{{pStatus['notstarted']}}</h5>
                                                                <p>Not Started</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa fa-hourglass-1 light-blue accent-4 circle"></i>
                                                                <h5>@{{pStatus['started']}}</h5>
                                                                <p>Started</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa  fa-hourglass-3  orange accent-3 circle"></i>
                                                                <h5>@{{pStatus['ongoing']}}</h5>
                                                                <p>On Going</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                    <ul class="legend-wrap small legendproject" >
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa fa-hourglass-half light-blue accent-2 circle"></i>
                                                                <h5>@{{pStatus['onhold']}}</h5>
                                                                <p>On Hold</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa fa-hourglass-o green accent-4 circle"></i>
                                                                <h5>@{{pStatus['completed']}}</h5>
                                                                <p>Completed</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                        <li class="col s4">
                                                            <div class="legend with-icon with-link">
                                                                <i class="fa fa-hourglass red accent-4 circle"></i>
                                                                <h5>@{{pStatus['reinforce']}}</h5>
                                                                <p>Reinforce</p>
                                                                <a href="#"> <i class="fa fa-angle-right"></i></a>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col s6 m3 l3 offset-l9">
                    <div class="table-filter">
                        <div class="input-field">
                            <input type="text" value="" placeholder="search" ng-model="txtproject" ng-keyup="searchAjaxproject()"><i class="material-icons">search</i>
                        </div>
                    </div>
                </div>
            </div>
            <br>
        </div>
    </div>
    <!--Card of each project-->
    <div class="col s12">
        <div class="no-data" ng-show="projects.data == 0">
            <i class="no-data-img"></i>
            <p>No results found</p>
        </div>
    </div>
    <!--model for creating project starts here.-->
    <div id="modal_createproject" class="modal fade-in-right modal-fixed-footer" data-modalfire>
        <div class="modal-content">
            <h4>Add Project </h4>
            <div class="row">
                <form class=" custom-form col s12" id="frmproject" >
                    <div class="row">
                        <div class="row">
                            <div class="input-field mandatory col s12">
                                <input id="txtname" type="text" name="txtname" ng-model="txtname" data-vtype="name" required="required">
                                <span class="error-msg"></span>
                                <label class="labelfont" for="txtname">Name</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field mandatory col s6">
                                <select id="sctdepartment" type="text" name="sctdepartment" ng-model="sctdepartment" data-select required="required">
                                    <option value="">choose Department</option>
                                    <option ng-repeat="department in departments.data" value="@{{department.id}}">@{{department.name}}</option>
                                </select>
                                <label for="sctdepartment">Department</label>
                            </div>
                            <div class="input-field mandatory col s6">
                                <select id="sctlead" class="validate"  name="sctlead" ng-model="sctlead" data-select required="required">
                                    <option value="">choose your option</option>
                                    <option ng-repeat="lead in leads" value="@{{lead.id}}">@{{lead.name}}</option>
                                </select>
                                <label class="labelfont" for="txtlead">Lead</label>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field mandatory col s4">
                                <input id="dtpdate" type="date" name="dtpdate" ng-model="dtpdate" data-vtype="date" class="datepicker" required>
                                <span class="error-msg"></span>
                                <label class="labelfont" for="dtpdate">Start Date</label>
                            </div>
                            <div class="input-field mandatory col s4">
                                <input id="dtpexpecteddate" type="date" name="dtpexpecteddate" ng-model="dtpexpecteddate" class="datepicker" required>
                                <label class="labelfont" for="txtexpectedtime">Expected End Date</label>
                                <span class="labelfont" class="error-msg"></span>
                            </div>
                            <div class="input-field mandatory col s4">
                                <input id="dtpenddate" type="date" name="dtpenddate" data-vtype="date" ng-model="dtpenddate"class="datepicker" required>
                                <span class="error-msg"></span>
                                <label class="labelfont" for="dtpenddate">End Date</label>
                            </div>
                        </div>
                        <div class="input-field mandatory col s6">
                            <textarea id="txtnote"  name="txtnote" ng-model="txtnote" required> </textarea>
                            <label class="labelfont" for="txtnote">Note</label>
                        </div>
                        <div class="input-field mandatory col s6">
                            <textarea id="txtdescription"  name="txtdescription" ng-model="txtdescription"  required>  </textarea>
                            <label class="labelfont" for="txtdescription">Description</label>
                        </div>
                        
                        <div class="row">
                            <div class="input-field mandatory col s6">
                                <select id="sctstatus" name="sctstatus" ng-model="sctstatus" data-select>
                                    <option value="">Project Status</option>
                                    <option value="notstarted">Not Started</option>
                                    <option value="started">Started</option>
                                    <option value="ongoing">On Going</option>
                                    <option value="completed">Finished</option>
                                    <option value="reinforce">Reinforce</option>
                                    <option value="onhold">On Hold</option>
                                </select>
                            </div>
                            <div class="input-field mandatory col s6">
                                <select id="sctpriority" name="sctpriority" ng-model="sctpriority" data-select>
                                    <option value="">Project priority</option>
                                    <option value="low">Low</option>
                                    <option value="medium">Medium</option>
                                    <option value="high">High</option>
                                </select>
                            </div>
                        </div>
                        <div class="row">
                            <div class="input-field mandatory col s6">
                                <input id="radiointernal" type="radio" name="rdointernal" value='1' ng-model="rdointernal" >
                                <label class="labelfont" for="radiointernal">Internal</label>
                                <input id="radioexternal" type="radio" name="rdointernal"  value="2" ng-model="rdointernal" >
                                <label class="labelfont" for="radioexternal">External</label>
                            </div>
                            <div class="input-field mandatory col s3" ng-show="rdointernal == 2">
                                <select id="sctclient"  name="sctclient" ng-model="txtclient" data-select required>
                                    <option value="">choose client</option>
                                    <option ng-repeat="client in clients.data" value="@{{client.id}}">@{{client.name}}</option>
                                </select>
                            </div>
                        </div>
                        <div class="input-field mandatory col s4">
                            <input id="radioHr" type="radio" name="rdohourorunit" value='1' ng-model="rdohourorunit" >
                            <label class="labelfont" class="labelfont" for="radioHr">Hour</label>
                            <input id="radioUt" type="radio" name="rdohourorunit"  value="2" ng-model="rdohourorunit" >
                            <label class="labelfont" class="labelfont" for="radioUt">Unit</label>
                        </div>
                        <input type="hidden" value="" id="projectId" name='projectId' ng-model="projectId"/>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#!" ng-click="saveproject($event)" class="waves-effect waves-light btn">Create</a>
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
        </div>
    </div>
    <!--model for creating projects end here.-->
    <!-- Modal Ends -->
    <!-- Modal Create Team -->
    <!-- Modal Structure -->
    <div id="modal_createclient" class="modal" data-modalfire>
        <div class="modal-content">
            <h4>Create Client Type</h4>
            <div class="row">
                <form class="custom-form col s12" id="frmclient">
                    <div class="row">
                        <div class="input-field col s12">
                            <input id="radiocompanyornot" type="radio" name="radiocompanyornot" value="COMPANY" ng-model="radiocompanyornot" ng-click="rCclear()">
                            <label for="radiocompanyornot">Company</label>
                            <input id="radiocompanyorno" type="radio" name="radiocompanyornot"  value="INDIVIDUAL" ng-model="radiocompanyornot" ng-click="rIclear()" >
                            <label class="labelfont" for="radiocompanyorno">Individual</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtname" type="text" name="txtname" ng-model="txtname" required>
                            <label class="labelfont" for="txtname">Name</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtaddress" type="text" name="txtaddress" ng-model="txtaddress" required>
                            <label class="labelfont" for="txtaddress">Address</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txttin" type="text" name="txttin" ng-model="txttin" required>
                            <label class="labelfont" for="txttin">Tin</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtwebsite" type="url" name="txtwebsite" ng-model="txtwebsite" required>
                            <label class="labelfont" for="txtwebsite">Web site</label>
                        </div>
                        <div class="input-field col s6" ng-show="radiocompanyornot == 'INDIVIDUAL'" >
                            <select id="sctjob" name="sctjob" ng-model="sctjob" data-select>
                                <option ng-repeat="jobposition in jobpositions.data" value="@{{jobposition.id}}">@{{jobposition.position}}</option>
                            </select>
                            <label class="labelfont" for="txttin">Job Position</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtphone" type="text" name="txtphone" ng-model="txtphone" required>
                            <label class="labelfont" for="txtphone">Phone</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtemail" type="email" name="txtemail" ng-model="txtemail" required>
                            <label class="labelfont" for="txtemail">Email</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtfax" type="text" name="txtfax" ng-model="txtfax" required>
                            <label class="labelfont" for="txtfax">Fax</label>
                        </div>
                        <div class="input-field col s6"  ng-show="radiocompanyornot == 'INDIVIDUAL'" >
                            <select id="sctsalutation" name="sctsalutation" ng-model="sctsalutation" data-select>
                                <option ng-repeat="salutation in salutations.data" value="@{{salutation.id}}">@{{salutation.name}}</option>
                            </select>
                            <label class="labelfont" for="txttin">Salutation</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtlanguage" type="text" name="txtlanguage" ng-model="txtlanguage" required>
                            <label class="labelfont" for="txtlanguage">Language</label>
                        </div>
                        <div class="input-field col s6" ng-show="radiocompanyornot == 'COMPANY'">
                            <input id="txtcontactname" type="text" name="txtcontactname" ng-model="txtcontactname" required>
                            <label class="labelfont" for="txtcontactname">Contact Person Name</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txttitle" type="text" name="txttitle" ng-model="txttitle" required>
                            <label class="labelfont" for="txttitle">Title</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtpersonemail" type="email" name="txtpersonemail" ng-model="txtpersonemail" required>
                            <label class="labelfont" for="txtpersonemail">Person Email</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtpersoncontact" type="text" name="txtpersoncontact" ng-model="txtpersoncontact" required>
                            <label class="labelfont" for="txtpersoncontact">Person Contact</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="txtnotes" type="text" name="txtnotes" ng-model="txtnotes" required>
                            <label class="labelfont" for="txtnotes">Notes</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="chkcustomer" type="checkbox" name="chkcustomer"  ng-model="chkcustomer">
                            <label class="labelfont" for="chkcustomer">Is customer</label>
                        </div>
                        <div class="input-field col s6">
                            <input id="chkvendor" type="checkbox" name="chkvendor"  ng-model="chkvendor" >
                            <label class="labelfont" for="chkvendor">Is Vendor</label>
                        </div>
                        <input type="hidden" value="" id="clientId" name='clientId' ng-model="clientId"/>
                    </div>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#!" ng-click="saveclient()" class="waves-effect waves-light btn">Create</a>
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
        </div>
    </div>
    <!---------------------------Time sheets Start Here ---------------------->
    <div class="col s12">
        <div class="card">
            <h1 class="page-title">
            Time-Sheets
            </h1>
        </div>
    </div>
    <!------------card for recent time-sheet updates--------------->
    <div class="col s12">
        <div class="card">
            <div class="no-data" ng-show="timesheet.data == 0">
                <i class="no-data-img"></i>
                <p>No data Found</p>
            </div>
        </div>
    </div>
    <div class="col s12">
        <div class="card" ng-hide="timesheet.data == 0">
            <h3><b>Recent Time-Sheet Updates</b></h3>
            <div class="responsive-table">
                <div class="item-list" time-sheet-scroll="timeSheetScroll()">
                    <table class="table table-responsive highlight"  >
                        <thead>
                            <tr>
                                <th>Project Name</th>
                                <th>Employee Name</th>
                                <th>Task Name</th>
                                <th>Date</th>
                                <th>Unit</th>
                                <th>Billable Time</th>
                                <th>Non Billable Time</th>
                                <th>Notes</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="timesheets in timesheet.data|  filter:searchproject">
                                <td>@{{timesheets.projectname}}</td>
                                <td>@{{timesheets.name}}</td>
                                <td>@{{timesheets.taskname}}</td>
                                <td>@{{timesheets.date}}</td>
                                <td>@{{timesheets.unit}}</td>
                                <td>@{{timesheets.billableTimeInHour}}</td>
                                <td>@{{timesheets.nonbillableTimeInHour}}</td>
                                <td>@{{timesheets.notes}}</td>
                                <td>
                                    <a href="#!" ng-click="editTimesheet(timesheets.id, $index)"><i class="fa fa-pencil fa-fw"></i>Edit</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!---------------------Modal for edit Timesheet----------------------------->
    <div id="modal_edittimesheet" class="modal modal-fixed-footer" data-modalfire>
        <div class="modal-content">
            <h3><b>Edit Time-sheet</b></h3>
            <div class="row">
                <form class="custom-form col s12" id="frmtimesheet">
                    <div class="input-field mandatory col s6">
                        <p>Project</p>
                        <select class="browser-default" class="validate" name="drpproject" id="drpproject" ng-model="drpproject" ng-change="displayTask()">
                            <option ng-repeat="project in projects.data" value="@{{project.id}}">@{{project.name}}</option>
                        </select>
                    </div>
                    <div class="input-field mandatory col s6">
                        <p>Task</p>
                        <select class="browser-default select" name="drpTask" id="drpTask" ng-model="drpTask" ng-change="selectEmployee($index)">
                            <option ng-repeat="task in tasks.data" value="@{{task.id}}">@{{task.taskname}}</option>
                        </select>
                    </div>
                    <div class="input-field mandatory col s6">
                        <p>Employee</p>
                        <select class="browser-default select" name="drpemployee" id="drpemployee" ng-model="drpemployee" >
                            <option ng-repeat="employees in employee.data" value="@{{employees.id}}">@{{employees.name}}</option>
                        </select>
                    </div>
                    <div class="input-field mandatory col s6">
                        <p>Date</p>
                        <input id="dtpdate" type="date" class="datepicker" name="dtpdate" ng-model="dtpdate" required>
                    </div>
                    <div ng-show="meassure == 'hours'">
                        <div class="input-field mandatory col s6">
                            <p>Billable Hours</p>
                            <input id="txtbillable" type="text" name="txtbillable" ng-model="txtbillable" required>
                        </div>
                        <div class="input-field mandatory col s6">
                            <p>Non billable Hours</p>
                            <input id="txtnonbillable" type="text" name="txtnonbillable" ng-model="txtnonbillable" required>
                        </div>
                    </div>
                    <div ng-show="meassure == 'units'">
                        <div class="input-field mandatory col s6">
                            <p>Units</p>
                            <input id="txtunit" type="text" name="txtunit" ng-model="txtunit" required>
                        </div>
                    </div>
                    <div class="input-field mandatory col s6">
                        <p>Notes</p>
                        <input id="txtnotes" type="text" name="txtnotes" ng-model="txtnotes" required>
                    </div>
                    <input type="hidden" value="" id="timesheetId" name='timesheetId' ng-model="timesheetId"/>
                </form>
            </div>
        </div>
        <div class="modal-footer">
            <a href="#!" ng-click="saveTimesheet()" class="waves-effect waves-light btn">Save</a>
            <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Cancel</a>
        </div>
    </div>
</div>
@stop