@extends('hr::layouts.employeemaster')
@section('content')
<style type="text/css">
</style>
<link rel="stylesheet" href="{{asset('/css/nav_vertical.css')}}" >
<!-- Modal Trigger -->
<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="taskPagingInit()">
        
        <div class="col s12">
            <div class="card minheight">
                <h1 class="page-title pad-top">Project
                <!--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'>
                            <li><a href="{{ url('hr/empTimesheetView')}}">Time-Sheets</a></li>
                       
                            <li><a href="{{ url('hr/viewTimesheet')}}">Time-Sheets Report</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>
                            <form  class="row custom-form">
                                <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="selTstatus" name="selTstatus" ng-model="selTstatus" ng-change="searchAllProjects()" data-select>
                            <option value="" disabled>Choose Task 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>
                    </div>
                </div>
            </div>
        </div>
        
        
        <div ng-show="task.data == 0" class="col s12 card">
            <div class="no-data">
                <i class="no-data-img"></i>
                <p>No results found</p>
            </div>
        </div>
       
        <div class="right-align but-mar">
            <div ng-hide="task.data == 0">
                <!--Pagination starts here-->
                 <ul class="pagination" ng-if="1 < pages.length || !autoHide">
                        <li  ng-disabled="pagingData.current_page == 1">
                            <a href="" ng-click="pagingData.current_page == 1 || setCurrentTaskPage(1)">&laquo;</a>
                        </li>
                        <li  ng-disabled="pagingData.current_page == 1">
                            <a href="" ng-click="pagingData.current_page == 1 || setCurrentTaskPage(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="setCurrentTaskPage(pageNumber)">@{{ pageNumber}}</a>
                        </li>

                        <li  ng-disabled="pagingData.current_page == pagingData.last_page">
                            <a href="" ng-click="pagingData.current_page == pagingData.last_page || setCurrentTaskPage(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 || setCurrentTaskPage(pagingData.last_page)">&raquo;</a>
                        </li>
                    </ul>
            </div>
        </div>
      
        <!--Pagination ends here-->
        <!--tiles start here-->
        
        <!-- info card -->  
        <div class="">
            <div class="row">
                <div class="col s12 m6 l3 employeinforesponcive"  ng-repeat="tasks in task.data">
                    <div class="card card-zoom">
                        <div class="card-image">
                            <img src="{{ asset('/img/info-back.jpg')}}">
                        </div>
                        <div class="card-content ash-clr">
                            <div class="container top-space">
                                <h2 class="line-bt-test center-align"><span>@{{tasks.pname}}</span></h2>
                                
                            </div>
                            <h2><b>Task name: </b>@{{tasks.taskname}}</h2>
                            <h2><b>Start Date: </b>@{{tasks.startdate}}</h2>
                            <h2><b>End Date: </b>@{{tasks.enddate}}</h2>
                            <h2><b>Priority: </b>@{{tasks.priority}}</h2>
                            <h2><b>Status: </b>@{{tasks.status}}</h2>
                        </div>
                        </div>
                       
                    </div>
                </div>
            </div>

        
        <input type="hidden" id='data-task' value="{{$task or '[]'}}"/>
<input type="hidden" id="stat" value="{{$stat}}"/>
<input type="hidden" id="todate" value="{{$todate}}"/>
<input type="hidden" id="fromdate" value="{{$fromdate}}"/>
<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>
<!-- end info card -->
@stop