@extends('layouts.app', ['pageSlug' => 'TodoBoard'])
@section('content')
<div class="splynx_top_nav">
    <div style="float: left">
        <ul class="splynx_breadcrumbs">
            <li><span>All Todos</span></li>
        </ul>
    </div>
    <div class="clearfix"></div>
</div>
<div class="spl-page-panel">
    <div class="row">
        <div class="col-lg-6">
           All Todos
        </div>
		<div class="col-lg-12">
			<div class="table-responsive">
						<table id="todo-table" class="table table-borderless">
							<thead>
								<tr>
									<th> 
									  #</th>
									<th>Title</th>
									<th>Created By</th>
									<th>Date</th>
									<th>Complete Status</th>
									<th>Status</th>
									<th>Action</th>
									</tr>
								  </thead>
								  @if (isset($todos))
									<tbody>
									  @foreach($todos as $key => $list)
										<tr>
										  <td>
										  {{$key+1}}
										  </td>
										  <td>{{ucfirst(\Str::limit($list->task,20))}}
										  	<br><span class="label label-secondary">{{ucfirst($list->board->title)}}</span>
												@if($list->priority == 'h')
													<span class="label label-danger">High</span>
												@elseif($list->priority == 'm')
													<span class="label label-success">Medium</span>
												@else
													<span class="label label-info">Low</span>
												@endif
											</td>
										  <td>{{ucfirst($list->user->name)}}</td>
										  <td>Assigned On: <b>{{$list->assigned_on != null ? date('d M Y',strtotime($list->assigned_on)) : ''}}</b>
										  		<br>Due On: <b>{{$list->due_on != null ? date('d M Y',strtotime($list->due_on)) : ''}}</b>
										  </td>
										  <td>Completed On: <b>{{$list->completed_on != null ? date('d M Y',strtotime($list->completed_on)) : ''}}</b>
										  		<br>Checked On: <b>{{$list->checked_on != null ? date('d M Y',strtotime($list->checked_on)) : ''}}</b>
										  </td>
										  <td>{{$list->is_checked == 1 ? 'Checked & Complete' : ($list->is_complete == 1 ? 'Complete' : 'Not Complete')}}</td>
										  <td>
											<div class="button-list">
												<a href="#" class="todo-editbtn" data-toggle="modal" data-id="{{$list->id}}" title="Edit"><i class="fa fa-edit"></i></a>
												<a href="#" class="deletemodal" data-toggle="modal" data-target="#deleteModal" data-id="{{$list->id}}"  title="Delete"><i class="fa fa-trash"></i></a>
											</div>
									  </td>
									</tr>
								  @endforeach
								</tbody>
						  @endif  
						</table>
					</div>
		</div>
	</div>
</div>
<!-- Modal -->
<div id="todoeditModal" class="edit-modal modal fade" role="dialog">
	<div class="modal-dialog modal-lg">
	  <div class="modal-content">
			<div class="modal-header">
				<h5 class="modal-title">Edit Task</h5>
			  <button type="button" class="close" data-dismiss="modal">&times;</button>
			  <div class="delete-icon"></div>
			</div>
			<div class="todo-edit-modal modal-body">
			</div>
		</div>
  </div>
</div>
<div id="deleteModal" class="delete-modal modal fade" role="dialog">
	<div class="modal-dialog modal-sm">
	  <!-- Modal content-->
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <div class="delete-icon"></div>
		</div>
		<div class="modal-body text-center">
		  <h4 class="modal-heading">Are You Sure ?</h4>
		  <p>Do you really want to delete these records? This process cannot be undone.</p>
		</div>
		<div class="modal-footer">
		  <form class="form-horizontal" role="form" action="{{url('admin/todo')}}" method="DELETE" id="deleteform">
                @csrf
			  <button type="reset" class="btn btn-dark" data-dismiss="modal">No</button>
			  <button type="submit" class="btn btn-danger">Yes</button>
		  </form>
		</div>
	  </div>
	</div>
</div>
<!-- End Contentbar -->
@endsection 
@push('js')
<script>
var table1 = $('#todo-table').DataTable();
</script>
@endpush