@extends('layouts.admin')
@section('pageTitle')
  <title>Best Insurance | Insurers</title>
@stop
@section('content')

<section class="content">

 <div class="row">
      <!-- <div class="col-md-3 col-sm-6 col-xs-12">
        Add Affiliate button
          <div class="info-box">
            <a href="{{URL::to('account/affiliates/create')}}" >
              <button type="button" class="btn btn-block btn-primary btn-lg"><i class="fa fa-plus"></i>&nbsp;&nbsp;&nbsp;Add Affiliate</button>
            </a>
          </div>
      </div> -->
      <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="m-b-10">
        <a href="{{URL::to('account/dashboard')}}" class="btn btn-primary btn-lg">
          <span class="" > <i class="fa fa-plus"></i>&nbsp;&nbsp;Pending Tasks</span>
        </a>
      </div>
    </div>    <!-- /.col -->
  </div>


  <div class="box">
       <!--  <div class="box-header">
          <h3 class="box-title">Insurers</h3>
        </div> -->
        <!-- /.box-header -->
        <div class="box-body">
            <table id="datatable" class="table table-bordered table-hover">
                <thead>
                  <tr>
                    
                    <th>Start Date</th>
                    <th>Start Date</th>
                    <th>Due Date</th>
                    <th>Assigned To</th>                   
                    <th>Task</th>
                    <th>Category</th>
                    <th>Priority</th>
                    <th>Status</th>
                    <th>Owner</th>                
                    <th>Actions</th>
                  
                  </tr>
                </thead>
                <tbody>
                @if(isset($tasks))
                @foreach($tasks as $task)
                  <tr>
                    <td>{{$task->start_date}}</td>
                    <td>{{$task->start_date}}</td>
                    <td>{{$task->due_date}} </td>
                    <td>{{$task->first_name}} {{$task->last_name}}</td>                    
                    <td>{{$task->task_description}} </td>
                    <td>{{$task->category}} </td>
                    <td>{{$task->priority}} </td>
                    <td>{{$task->status}} </td>
                    <td>{{$task->assigned_by}} </td>

                   
                   
                   <td class="actalign"> 
                    <!-- Edit button -->
                      Mark As &nbsp; &nbsp;

                      <div class="form-group col-4">
                         
                          <select name="status" id="status" class="form-control" data-id='{{$task->id}}'>
                                              <option value="">Select Status</option>
                                              <option value="New" {{ ($task->status == 'New' ? "selected":"") }}>New</option>
                                              <option value="In Progress" {{ ($task->status == 'In Progress' ? "selected":"") }}>In Progress</option>
                                              <option value="Completed" {{ ($task->status == 'Completed' ? "selected":"") }}>Completed</option>
                                             

                            </select>
                         
                    </div>

                  </td>
                  </tr>
                @endforeach
                @endif
              </tbody>
            </table>
        </div>
        <!-- /.box-body -->
        </div>

    <a data-target="#ConfirmDelete" role="button" data-toggle="modal" id="trigger"></a>
   
</section>

@stop
@section('pageBottomJs')
<style type="text/css">
  .fa-fw {
    width: 2.285714em;
    text-align: center;
  }
  .info-box {
    min-height: 42px;
  }
  .info-box-icon {
    height: 42px;
  }
  /* for Actions alignments in table */
  .actalign{
    text-align: center;
  }
</style> 
<script src="{{ URL::asset('assets/js/dataTables/jquery.dataTables.min.js') }}"></script>
<script src="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.min.js') }}"></script>
<link rel="stylesheet" href="{{ URL::asset('assets/js/dataTables/dataTables.bootstrap.css') }}">
<script>
    $(document).ready(function () {

    $('#datatable').dataTable({
        "paging": true,
        "lengthChange": true,
        "searching": true,
        "ordering": true,
        "info": true,
        "autoWidth": false,
        "order": [[0, 'desc']],
        "aoColumnDefs": [
          {"bSortable": false, "aTargets": [7]},
          {'visible': false, "aTargets" : 0}
        ],
        "iDisplayLength": 20,
        "aLengthMenu" : [[10,20,50,100],[10,20,50,100,"All"]],
      });   

    });
    $(".delete-btn").click(function () {
        var id = $(this).attr("data-id");
        $("#confirmButton").html(
           "<a href='/account/tasks/delete-task/"+ id+"'  class='btn btn-danger'>Confirm</a>"
        );
        $('#modal-title').html(
          '<h4 class="modal-title">Task deletion</h4>'
          );
        $('#modal-body').html(
          '<p> Do you really want to delete the task?</p>'
          );
        $("#trigger").click();
    });


  $("#status").change(function () {

    alert("status changed");
      var id = $(this).attr("data-id");
     var status = $('#status').val();

     $("#confirmButton").html(
           "<a href='/account/tasks/update-status/"+ id+"/"+status+"'  class='btn btn-danger'>Confirm</a>"
        );
        $('#modal-title').html(
          '<h4 class="modal-title">Task Update</h4>'
          );
        $('#modal-body').html(
          '<p> Do you really want to update the task status?</p>'
          );
        $("#trigger").click();

     alert(status);
       
    });



</script>
@stop