@extends('layout') 
 
@section('main-content') 
    <div> 
        <div class="float-start"> 
            <h4 class="pb-3">My Tasks</h4> 
        </div> 
        <div class="float-end"> 
            <a href="{{ route('task.create') }}" class="btn btn-info"> 
               <i class="fa fa-plus-circle"></i> Create Task 
            </a> 
        </div> 
        <div class="clearfix"></div> 
    </div> 
 
    @foreach ($tasks as $task) 
        <div class="card mt-3"> 
            <h5 class="card-header"> 
                @if ($task->status === 'Todo') 
                    {{ $task->title }} 
                @else 
                    <del>{{ $task->title }}</del> 
                @endif 
 
                <span class="badge rounded-pill bg-warning text-dark"> 
                    {{ $task->created_at->diffForHumans() }} 
                </span> 
            </h5> 
 
            <div class="card-body"> 
                <div class="card-text"> 
                    <div class="float-start"> 
                        @if ($task->status === 'Todo') 
                            {{ $task->description }} 
                        @else 
                            <del>{{ $task->description }}</del> 
                        @endif 
                        <br> 
 
                        @if ($task->status === 'Todo') 
                            <span class="badge rounded-pill bg-info text-dark"> 
                                Todo 
                            </span> 
                        @else 
                            <span class="badge rounded-pill bg-success text-white"> 
                                Done 
                            </span> 
                        @endif 
 
 
                        <small>Last Updated - {{ $task->updated_at->diffForHumans() }} </small> 
                    </div> 
                    <div class="float-end"> 
                        <a href="{{ route('task.edit', $task->id) }}" class="btn btn-success"> 
                           <i class="fa fa-edit"></i> 
                        </a> 
 
                        <form action="{{ route('task.destroy', $task->id) }}" style="display: inline" method="POST" onsubmit="return confirm('Are you sure to delete ?')"> 
                            @csrf 
                            @method('DELETE') 
 
                            <button type="submit" class="btn btn-danger"> 
                                <i class="fa fa-trash"></i> 
                            </button> 
                        </form> 
 
                    </div> 
                    <div class="clearfix"></div> 
                </div> 
            </div> 
        </div> 
    @endforeach 
 
    @if (count($tasks) === 0) 
        <div class="alert alert-danger p-2"> 
            No Task Found. Please Create one task 
            <br> 
            <br> 
            <a href="{{ route('task.create') }}" class="btn btn-info"> 
                <i class="fa fa-plus-circle"></i> Create Task 
             </a> 
        </div> 
    @endif 
 
@endsection 
 
 |