@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 Boards
        </div>
        <div class="col-lg-6 text-right">
			<div class="widgetbar">
			 	<a href="{{url('admin/todo')}}" class="a-btn btn btn-primary"><i class="fa fa-list"></i> My Boards</a>
			</div>                        
		</div>
	</div> 
	<br>
	<div class="row">
		<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>Owner</th>
    						<th>Assigned To</th>
    						<th>Tasks</th>
    						<th>Completed</th>
    						<th>Checked</th>
    						<th>Status</th>
    						<th>Action</th>
    						</tr>
    					  </thead>
				    @if (isset($boards))
    					<tbody>
						  @foreach($boards as $key => $list)
							<tr>
							  <td>
							  {{$key+1}}
							  </td>
							  <td><a href="{{url('admin/todoboard/list/'.$list->id)}}">{{ucfirst($list->title)}}</a>
									@if($list->is_public == 1)
										<span class="label label-info font-10 m-l-5"> Public</span>
									@endif
								</td>
							  <td>{{ucfirst($list->user->name)}}</td>
							  <td>{{$list->assigned_to != null ? ucfirst($list->assignedto->name) : ''}}</td>
							  <td>{{$list->todos->count()}}</td>
							  <td>{{$list->todos->where('is_complete','1')->count()}}</td>
							  <td>{{$list->todos->where('is_checked','1')->count()}}</td>
							  <td>
							  	@if($list->is_active == 1)
							  		<span class="label label-success">Active</span>
							  	@else
							  		<span class="label label-danger">Inactive</span>
							  	@endif
							  </td>
							  <td>
								<div class="button-list">
									<a href="{{url('admin/todoboard/list/'.$list->id)}}" class="text-info mr-2" title="Edit"><i class="fa fa-eye"></i></a>
									<a href="{{route('todoboard.edit', $list->id)}}" class="text-success mr-2" title="Edit"><i class="feather icon-edit-2"></i></a>
									<a href="#" class="deletemodal text-danger mr-5" data-toggle="modal" data-target="#deleteModal" data-id="{{$list->id}}"  title="Delete"><i class="feather icon-trash"></i></a>
								</div>
						  </td>
						</tr>
					  @endforeach
					</tbody>
    			  @endif  
    			</table>
			</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/todoboard')}}" 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