@extends('layouts.backend')
@section('extraCss')

<style type="text/css">    

    table.dataTable {    
      margin-top: 0px !important; 
      margin-bottom: 0px !important;
    }

    .fieldset{
        padding: 1rem !important;
        border : 2px dashed #d0d7dd !important; 
        
    }

    table.dataTable tr.odd { background-color: rgb(240, 241, 243);  }
    table.dataTable tr.even{ background-color: white;  }

</style>

@endsection
@section('mainContentArea')
    <div class="card card-default">
        <div class="card-header">
            <h4>Daily Task FollowUp</h4>  
        </div>
        <div class="card-body">
      
            <div class="alert alert-default " >  
                <form action="{{ route('task-followup') }}" >
                        <div class="row">                            
                            <div class="col-12 col-sm-12 col-md-4 col-lg-4">                                
                                <button class="btn  btn-success  btn-sm d-inline" id="submit" name="byme" value="1"><i class="fa fas fa-list"> Task Given By Me </i></button>
                                <button class="btn  btn-info  btn-sm d-inline" id="submit" name="tome" value="2"><i class="fa fas fa-list"> Task Given To Me </i></button>
                            </div>
                        </div>
                </form>
            </div>          
          
            <table class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th>S.N</th>                      
                        <th>Task Giver</th>                                    
                        <th>Task Given To</th> 
                        <th>Task </th> 
                        <th>Last Comment </th> 
                        <th>Status </th> 
                        <th>Priority </th> 
                        <th>Date Assigned </th> 
                        <th>Target Complition date </th> 
                        <!-- <th>Total Days</th> -->
                        <th>Comunication</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($tasks as $key => $task)
                        <tr style="background-color:{{ ($task->task_status == 1) ? 'white' : 'green'}}">
                            <td>{{$key + 1 }}</td> 
                            <td>{{ $task->fromUser->name}}</td>
                            <td>{{ $task->toUser->name}}</td>
                            <td>{{ $task->description }}</td>                            
                            <td>{{ !empty($task->latestMessageFrom) ? $task->latestMessageFrom->remarks : ''  }}</td>  
                            <td>{{ ($task->task_status == 2 ? 'Complete' : 'Pending') }}</td>
                            <td>{{ ($task->priority == 1 ? 'High' : (($task->priority == 2) ? 'Medium' : 'Low')) }}</td>
                            <td>{{ !empty($task->fromdate) ? $task->fromdate : '' }}</td>
                            <td>{{ !empty($task->todate) ? $task->todate : '' }}</td> 
                            
                            <td>
                                <a href="{{ route('followup-edit', ['id' => $task->latestMessageFrom->id]) }}"
                                        class="btn btn btn-info"><i class="fa fas fa-pencil"></i> Comment
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endsection

@section('extraJs')
<script type="text/javascript">
    $("#summary").click(function(){ 
    var query = {
         fromdate : $('#fromdate').val(),
         todate : $('#todate').val(),
         user_id : $('#user_id').val()
    }
       var url = "{{URL::to('task-summary')}}?" + $.param(query)

      window.location = url;
      // var _token   = $('meta[name="csrf-token"]').attr('content');
      // var fromdate = $('#fromdate').val();
      // var todate = $('#todate').val();
      // var user_id = $('#user_id').val();
      // //console.log(fromdate,todate,user_id); return false;
      // $.ajax({
      //     url:"{{ route('task-summary') }}",
      //     method:"get",
      //     responseType: 'blob',
      //     data:{fromdate: fromdate,todate: todate,user_id: user_id, _token:_token},
      //     success:function(response)
      //     {
      //           console.log(response.data); return false;
      //           const url = window.URL.createObjectURL(new Blob([response.data]));
      //           const link = document.createElement('a');
      //           link.setAttribute('download', 'file.pdf');
      //           document.body.appendChild(link);
      //           link.click();
      //     } 
      // });
    }); 
</script>
@endsection