@extends('layouts.app')

@section('title', 'Completed Task')

@section('content')

<div class="panel panel-default holder">
  <div class="panel-body minh750" >

  <div class="row">
    <div class="apdi">
        <div class="col-md-5">
            <h3 class="modal-title">{{ str_plural('Task') }} </h3>
        </div>
        <div class="col-md-7 page-action text-right">           
           @if( auth()->user()->role_id == 1 || auth()->user()->role_id == 3 || auth()->user()->role_id == 4 || auth()->user()->role_id == 5   )          
            
            <a href="{{ route('task/create') }}" class="btn btn-success btn-sm"> <i class="glyphicon glyphicon-plus-sign"></i> Add New</a>           

        @endif    
        </div>
    </div>
  </div>
  
    <div class="result-set">
      <ul class="ui-component-nav__tabs">
        <li class="ui-component-nav__item "><div class="ui-component-nav__container"><span class="ui-component-nav__content_active"><a href="/incompleteTask" class="ui-component-link ui-component-link_style_unadorned ui-component-link_ngc">Incomplete</a></span></div></li>
        <li class="ui-component-nav__item "><div class="ui-component-nav__container ui-component-nav__container_active"><span class="ui-component-nav__content ui-component-nav__content"><a href="/completeTask" class="ui-component-link ui-component-link_style_unadorned ui-component-link_ngc">Completed</a></span></div></li>
      </ul>

      <div class="table-filter filter-box">
              <div class="row">
                <form method="post" id="searchBox" action="">                                 
                    <div class="col-md-12">
                      <div class="row">
                        <div class="col-md-4">                         
                            <input type="text" class="form-control from" placeholder="Type name :" name="">
                        </div>
                        <div class="col-md-4">
                          <div class="input-group  custom_datepicker">
                            <input type="text" class="form-control from" placeholder="From date:" name="from">
                            <span class="input-group-addon add-on"><span class="fa fa-calendar"></span></span>
                          </div>
                        </div>
                        <div class="col-md-4">
                          <div class="input-group  custom_datepicker">
                            <input type="text" class="form-control to" placeholder="To date:" name="to">
                            <span class="input-group-addon add-on"><span class="fa fa-calendar"></span></span>
                          </div>
                        </div>
                      </div>
                    </div>
                  

                </form>
            </div>
        </div>

        <table class="table table-hover table-striped taskTable" id="">
            <thead>
            <tr>                                
                <th>Task</th>
                <th>Project</th>
                <th>Due Date</th>
                <th>Complete at</th>
                <th>Priority</th>                            
                <th class="text-center">Actions</th>
                
            </tr>
            </thead>
            <tbody>
            @if($result->count() > 0)
            @foreach($result as $item)
                <tr>
                    <td><a href="/task/view/{{ base64_encode($item->id)}}" >
                        <span class="text-semibold">{{ ucfirst($item->name)}}</span>
                        <br>
                        <small class="text-muted">{{ ucfirst($item->description)}} </small></a>
                    </td>
                    <td>{{$item->projectName}}</td>
                    <td>
                                            @if($due_date < $today )                      
                      <span class="text-danger">{{ date('d M Y',strtotime($due_date)) }}</span>                      
                      @else
                      <span class="">{{ date('d M Y',strtotime($due_date)) }}</span>
                      @endif
                    </td>
                    <td>
                      {{ date('d M Y',strtotime($item->completed_at)) }}
                    </td>
                    <td><span class="label label-info">{{ucfirst($item->priority)}}</span></td>                    
                    <td class="text-center">
                       <button type="button" class="btn btn-success btn-sm " data="{{ base64_encode($item->id)}}">
                          <span style="font-size: 16px;" class="glyphicon glyphicon-ok-circle"></span>
                        </button>
                    </td>

                </tr>
            @endforeach
            @else
            <tr style="background-color: transparent;">
                <td colspan="5" align="center"> 
                  <h3 style="padding-top: 30px;">It's seems like you have not completed yet a task. </h3> 
                  <img src="{{asset('images/no-task.svg')}}">
                </td>
            </td>
            @endif

            </tbody>
        </table>

        <div class="text-center">
            
        </div>
    </div>
</div>
</div>

@stack('scripts')

<script type="text/javascript">                          
//autocomplete script
$(document).on('click','.doComplete',function(e){
  e.preventDefault();
  
  if(confirm("Are you sure to Mark as Complete ?")){
  var  task_id = $(this).attr('data');  
    $.ajax({
          url: "/doCompleteTask",
          type:"POST",
          dataType: "json",
          data: {
              task_id:task_id,              
              _token:"