@extends('backend.layouts.app')
 
@section('content')
<div class="container">
    <div class="row">
    <div class="col-md-8 col-md-offset-2">
            
<div class="col-md-8 col-md-offset-2">
    <h2 class="text-center">To-Do-List</h2>
        <br />
        <div class="panel panel-default">
            <div class="panel-heading">
                <ul>
                    <a href="#" data-toggle="modal" data-target="#modal-add" class="text-left">Add a Task</a>
                </ul>
            </div>
        
            <div class="panel-body">
                    <table class="table table-striped table-bordered table-hover">
                        <thead>
                            <tr>
                                 <th>Task</th>
                                 <th>Status</th>
                                 <th>Actions</th>
                            </tr>
                           {{ csrf_field() }}  
                        </thead>
                        <tbody>