@extends('employee.layouts.master')
@section('styles')
<style type="text/css">
	.add_dec{
		    list-style-type: none;
	}
  .nav-link{
        cursor: grab;
  }
</style> 
@endsection
@section('contents')
  <div class="content-wrapper">
    <div class="page-header">
      <h3 class="page-title">Task Manage</h3>
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Dashboard</a></li>
          <li class="breadcrumb-item active" aria-current="page"> Task Manage</li>
        </ol>
      </nav>
    </div>
    <div class="row">
    
      <div class="col-lg-12 grid-margin stretch-card">
       
        <div class="card">
          <div class="card-body">
            <h4 class="card-title">Task Manage </h4>
            <div class="row">
              <div class="col-md-4">
               <button class="btn btn-success btn-fw" onclick="addMember()"> Add task </button>
              </div>
         
            </div>
           
            <div class="table-responsive" id="data-change" style="margin-top: 10px;">
              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Task</th>
                    <th>Assignee</th>
                    <th>Checklist</th>
                    <th>Priority</th>
                    <th>Due Date</th>
                    <th>Tags</th>
                    <th>Followers</th>
                    <th>Description</th>
                    <th>Attach</th>
                  </tr>
                </thead>
                <tbody>
                  @if(count($task)>0)
                  @foreach($task as $key=>$value)
                    <tr>
                      <td>{{$value->name}}</td>
                      <td>{{$value->assignee}}</td>
                      <td>{{$value->checklist}}</td>
                      <td>{{$value->priority}}</td>
                      <td>{{$value->due}}</td>
                      <td>{{$value->tags}}</td>
                      <td>{{$value->followers}}</td>
                      <td>{{$value->description}}</td>
                      <td>{{$value->attachment1}}</td>
                   
                </tr>
                  @endforeach
                  @else
                  <tr>
                  <td colspan="9" style="text-align:center;">No Task found <button class="btn btn-success btn-fw" onclick="addMember()"> Add task </button></td>
                </tr>  
                @endif
                </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
     
    </div>
  </div>
<div class="modal modal-add fade show" id="modal-default" aria-modal="true" role="dialog" style="padding-right: 17px; display: none;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Add task</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
         <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('save-task')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
          @csrf
          <div class="form-group">
            <div class="add-id">
            </div>
            
            <label for="recipient-name" class="control-label mb-10">Task Name *:</label>
            <input type="text" class="form-control all-clean" id="name" name="name" value="{{old('name')}}" placeholder="Please Enter Task Name" required>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Please select Assignee *:</label>
            <select class="form-control all-clean" id="assignee" name="assignee" required>
              <option value="">Please select Assignee</option>
              @foreach($employee as $value)
              <option value="{{$value->id}}">{{$value->name}}</option>
              @endforeach        
            </select>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Checklist *:</label>
            <select class="form-control all-clean" id="checklist" name="checklist" required>
              <option value="all">All</option>
            </select>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Priority *:</label>
            <select class="form-control all-clean" id="priority" name="priority" required>
              <option value="Low">Low</option>
              <option value="Medium">Medium</option>
              <option value="High">High</option>
            </select>
          </div>
          
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Due Date *:</label>
            <input type="date" class="form-control all-clean" id="due" name="due" value="{{old('due')}}" placeholder="Please Due Date" required>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Tags *:</label>
            <input type="text" class="form-control all-clean" id="tags" name="tags" value="{{old('tags')}}"   placeholder="Please Enter tags" required>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Please select Followers *:</label>
            <select class="form-control all-clean" id="followers" name="followers" required>
              <option value="">Please select Followers</option>
              @foreach($employee as $value)
              <option value="{{$value->id}}">{{$value->name}}</option>
              @endforeach        
            </select>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Description *:</label>
            <input type="text" class="form-control all-clean" id="description" name="description" value="{{old('description')}}" placeholder="Please Enter email" required>
          </div>
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Attach File *:</label>
            <input type="file" class="form-control all-clean" id="attachment1" name="attachment1" value="{{old('attachment1')}}"   placeholder="Please Select File" required>
          </div>
        </form>
        
      </div>
      <div class="modal-footer justify-content-between">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()">Add Task
        </button>
      </div>
    </div>
  </div>
</div>        	
@endsection
@section('scripts')
<script>
	function addMember(){

		$('.add-id').html('');
		$('.all-clean').val('');
		$('#title-button').html('Add Shift');
		$('.modal-add').modal('toggle');
	}
	function editSubAdmin(id,name,start_time,end_time,total_hours,break_time) {
		$('.add-id').html('<input type="hidden" name="id" value="'+id+'">');
		$('#name').val(name);
		$('#start_time').val(start_time);
		$('#end_time').val(end_time);
		$('#total_hours').val(total_hours);
		$('#break').val(break_time);
		$('#title-button').html('Update Shift');
		$('.modal-add').modal('toggle');
	}
	function getGroup(department) {
      $.ajax({
          url: '',
          type: "get",
          data: {department:department},
          success: function (response) {
            // alert(response.success);
            console.log(response);
            if(response.success == 3)
            {
              $("#net-set").empty();
              $("#net-set").html(response.data);
            }
          },
          error: function(jqXHR, textStatus, errorThrown) {
             console.log(textStatus, errorThrown);
          }
      });
  }
	function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if ((charCode < 48 || charCode > 57))
        return false;

    return true;
 }
</script>

@endsection