@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/hr/Chart.min.js')}}"></script>
<!-- Modal Trigger -->
<div  ng-app="projectApp" ng-controller="projCtrl" ng-init="editproject()" >
    <input type="hidden" id='data-projectdetails' value="{{$projectdetails or '[]'}}"/>
    <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-timesheet" value="{{$timesheets 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 '[]'}}"/>
    <div class="col s12">
        <div class="card">
            <h1 class="page-title">
            Projects</h1>
            <a href="#!" ng-click="GoBack()" class="waves-effect page-button"><i class="material-icons left">arrow_back</i>Back</a>
        </div>
    </div>
    <div class="col s12">
        <div class="card">
            <div id="modal_createproject" data-modalfire>
                <div class="modal-content">
                    <div class="row">
                        <form class="custom-form col s12 padtop" id="editfrmproject" >
                            <div class="col s12">
                                <div class="row">
                                    <div class="input-field col s4">
                                        <input id="txtname" type="text" name="txtname" ng-model="txtname" required>
                                        <label class="labeltop" for="txtname">Name</label>
                                    </div>
                                    <div class="input-field col s4">
                                        <select id="sctdepartment" type="text" name="sctdepartment" ng-model="sctdepartment" data-select required>
                                            <option value="">choose your option</option>
                                            <option ng-repeat="department in departments.data" value="@{{department.id}}">@{{department.name}}</option>
                                        </select>
                                        <label class="labeltop" for="sctdepartment">Department</label>
                                    </div>
                                    <div class="input-field mandatory col s4">
                                        <select id="sctlead" class="validate"  name="sctlead" ng-model="sctlead" data-select required>
                                            <option value="">choose your option</option>
                                            <option ng-repeat="lead in leads" value="@{{lead.id}}">@{{lead.name}}</option>
                                        </select>
                                        <label class="labeltop" for="txtlead">Lead</label>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="clo s12">
                                        <div class="input-field col s4">
                                            <input id="dtpdate" type="date" name="dtpdate" ng-model="dtpdate" class="datepicker" required>
                                            <label class="labeltop" for="dtpdate">Start Date</label>
                                        </div>
                                        <div class="input-field col s4">
                                            <input id="dtpexpecteddate" type="date" name="dtpexpecteddate" ng-model="dtpexpecteddate" class="datepicker" required>
                                            <label class="labeltop" for="txtexpectedtime">Expected End Date</label>
                                        </div>
                                        <div class="input-field col s4">
                                            <input id="dtpenddate" type="date" name="dtpenddate" ng-model="dtpenddate" class="datepicker" required>
                                            <label class="labeltop" for="dtpenddate">End Date</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="input-field col s6">
                                    <input id="txtnote" type="text" name="txtnote" ng-model="txtnote" required>
                                    <label class="labeltop" for="txtnote">Note</label>
                                </div> <div class="row">
                                <div class="input-field col s6">
                                    <select id="sctstatus" name="sctstatus" ng-model="sctstatus" data-select>
                                        <option value="">choose your option</option>
                                        <option value="notstarted">Not Started</option>
                                        <option value="started">Started</option>
                                        <option value="ongoing">On Going</option>
                                        <option value="compleated">Finished</option>
                                        <option value="reinforce">Reinforce</option>
                                        <option value="onhold">On Hold</option>
                                    </select>
                                    <label class="labeltop" for="sctstatus">Status</label>
                                </div>
                                <div class="input-field col s6">
                                    <select id="sctpriority" name="sctpriority" ng-model="sctpriority" data-select>
                                        <option value="">choose your option</option>
                                        <option value="low">Low</option>
                                        <option value="medium">Medium</option>
                                        <option value="high">High</option>
                                    </select>
                                    <label class="labeltop" for="sctpriority">Priority</label>
                                </div>
                                <div class="input-field col s6">
                                    <input id="txtdescription" type="text" name="txtdescription" ng-model="txtdescription"  required>
                                    <label class="labeltop" for="txtdescription">Description</label>
                                </div></div>
                                <div class="row">
                                    <div class="input-field col s4">
                                        <input id="radiointernal" type="radio" name="rdointernal" value='1' ng-model="rdointernal" >
                                        <label class="labeltop" for="radiointernal">Internal</label>
                                        <input id="radioexternal" type="radio" name="rdointernal"  value="2" ng-model="rdointernal" >
                                        <label class="labeltop" for="radioexternal">External</label>
                                    </div>
                                    <div class="input-field col s4" ng-show="rdointernal == 2">
                                        <select id="txtclient"  name="txtclient" ng-model="txtclient" data-select required>
                                            <option value="">choose your option</option>
                                            <option ng-repeat="client in clients.data" value="@{{client.id}}">@{{client.name}}</option>
                                        </select>
                                        <label class="labeltop" for="txtclient">Client</label>
                                    </div>
                                    <div class="input-field col s4">
                                        <input id="radioHr" type="radio" name="rdohourorunit" value='1' ng-model="rdohourorunit" >
                                        <label class="labeltop" for="radioHr">Hour</label>
                                        <input id="radioUt" type="radio" name="rdohourorunit"  value="2" ng-model="rdohourorunit" >
                                        <label class="labeltop" for="radioUt">Unit</label>
                                    </div></div>
                                    
                                    <input type="hidden" value="@{{projectId}}" id="projectId" name='projectId' ng-model="projectId"/>
                                </div>
                                <div class="row">
                                </div>
                                <hr/>
                                <div class="row">
                                    <label>Add Task</label>
                                </div>
                                <div id="clone-container-package" class="clone-container-package scroll" style=overflow-y:hidden;overflow-y:hidden>
                                    <div class="cloneId" ng-repeat="package in packageCounter track by $index">

                                           <div class="row">
                                               <div class="input-field col s12 m3 l3">
                                                        <input type="text" name="task[]"  placeholder="Task" ng-model="emptask[$index].task"  required data-vtype="name">
                                                        <span class="error-msg"></span>
                                                    </div>
                                                    <div class="input-field col s12  m3 l3">
                                                        <select class="employeestask" name="employeestask@{{$index}}[]" ng-model="emptask[$index].employeestask" multiple="multiple" required >
                                                            <option ng-repeat="emp in employee" value="@{{emp.id}}">@{{emp.name}}</option>
                                                        </select>
                                                    </div>
                                                    <div class="input-field col s12 m3 l3">
                                                    <!--<input type="date" name="noofdays" class="validate" class="datepicker" placeholder="Start Date">-->
                                                        <input  type="date" name="startdate[]" id="starttask" ng-model="emptask[$index].startdate" ng-change="checktaskdate($index)" class="datepicker" placeholder="Start Date" required data-vtype="date">
                                                    <span class="error-msg"></span>
                                                </div>
                                                <div class="input-field col s12 m3 l3">
                                                <input  type="date" name="enddate[]" ng-model="emptask[$index].enddate" class="datepicker" placeholder="End Date" required data-vtype="date">
                                                <span class="error-msg"></span>
                                            </div>

                                           </div>
                                           <div class="row">
                                           <div class="input-field col s12 m3 l3">
                                                <select id="status" name="status[]" ng-model="empstatus[$index].status" data-select required>
                                                    <option value="">choose 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 col s12 m3 l3">
                                                <select id="priority" name="priority[]" ng-model="emptask[$index].priority" data-select required>
                                                    <option value="">choose Priority</option>
                                                    <option value="low">Low</option>
                                                    <option value="medium">Medium</option>
                                                    <option value="high">High</option>
                                                </select>
                                            </div>
                                             <div class="input-field col s12 m3 l3">
                                                <input type="text" name="cost[]"  placeholder="Cost per Unit/Hour" ng-model="empcost[$index].cost" required data-vtype="number">
                                                <span class="error-msg"></span>
                                            </div>
                                             <div class="input-field col s12 m3 l3">
                                               
                                                <a class="add-butn" ng-click="cloneAddtask($event)" ng-model="Addtask" >
                                                <i class="small material-icons" >add_circle</i>
                                                </a>
                                                
                                                <a class="add-butn" ng-click="droppackagedetails($event, $index)" ng-model="Deletetask" ng-hide="$index == 0">
                                                <i class="small material-icons">do_not_disturb_on</i>
                                                </a>
                                            </div>

                                   

                                       </div>








                                     <!--    <table class="responsive-table">
                                            <tr>
                                                <td>
                                                    <div class="input-field col s12">
                                                        <input type="text" name="task[]"  placeholder="Task" ng-model="emptask[$index].task"  required data-vtype="name">
                                                        <span class="error-msg"></span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="input-field col s12">
                                                        <select class="employeestask" name="employeestask@{{$index}}[]" ng-model="emptask[$index].employeestask" multiple="multiple" required >
                                                            <option ng-repeat="emp in employee" value="@{{emp.id}}">@{{emp.name}}</option>
                                                        </select>
                                                    </div>
                                                </td><td>
                                                <div class="input-field col s12">
                                                    <input  type="date" name="startdate[]" ng-model="emptask[$index].startdate" class="datepicker" placeholder="Start Date" required data-vtype="date">
                                                    <span class="error-msg"></span>
                                                </div>
                                            </td><td>
                                            <div class="input-field col s12">
                                                <input  type="date" name="enddate[]" ng-model="emptask[$index].enddate" class="datepicker" placeholder="End Date" required data-vtype="date">
                                                <span class="error-msg"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-field col s12">
                                                <select id="status" name="status[]" ng-model="empstatus[$index].status" data-select required>
                                                    <option value="">choose 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>
                                        </td>
                                        <td>
                                            <div class="input-field col s12">
                                                <select id="priority" name="priority[]" ng-model="emptask[$index].priority" data-select required>
                                                    <option value="">choose Priority</option>
                                                    <option value="low">Low</option>
                                                    <option value="medium">Medium</option>
                                                    <option value="high">High</option>
                                                </select>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-field col s12">
                                                <input type="text" name="cost[]"  placeholder="Cost per Unit/Hour" ng-model="empcost[$index].cost" required data-vtype="number">
                                                <span class="error-msg"></span>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="input-field col s12">
                                                <button ng-click="cloneAddtask($event)" ng-model="Addtask"> <a class="btn-floating disabled" ><i class="material-icons"  >add</i></a></button>
                                                <button ng-click="droppackagedetails($event, $index)" ng-model="Deletetask" ng-hide="$index == 0"><a class="btn-floating disabled"><i class="material-icons">-</i></a></button>
                                            </div>
                                        </td>
                                    </tr>
                                </table> -->
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
    
    <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="saveEditproject($event)" type="submit">Save</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<!--     Modal Structure
<div id="modal-delete-project" class="modal modal-fixed-footer" data-modalfire>
<div class="modal-content">
    <h4>Do you want delete this item(s) ?</h4>
</div>
<div class="modal-footer">
    <a href="#!" ng-click="deleteprojectItem()" class="modal-action waves-effect waves-red btn-flat ">Yes</a>
    <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">No</a>
</div>
</div>-->
<!---Project Display Starts here ---->
<!-- Ends -->
<!-- project Ends Here -->
@stop