You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
2.1 KiB
89 lines
2.1 KiB
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
<div class="container">
|
|
<div class="col-sm-offset-2 col-sm-8">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
New Task
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
@if (count($errors) > 0)
|
|
<!-- Form Error List -->
|
|
<div class="alert alert-danger">
|
|
<strong>Whoops! Something went wrong!</strong>
|
|
|
|
<br><br>
|
|
|
|
<ul>
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<!-- New Task Form -->
|
|
<form action="/task" method="POST" class="form-horizontal">
|
|
{{ csrf_field() }}
|
|
|
|
<div class="form-group">
|
|
<label for="task" class="col-sm-3 control-label">Task</label>
|
|
|
|
<div class="col-sm-6">
|
|
<input type="text" name="name" id="task-name" class="form-control" value="{{ old('task') }}">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<div class="col-sm-offset-3 col-sm-6">
|
|
<button type="submit" class="btn btn-default">
|
|
<i class="fa fa-plus"></i>Add Task
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Current Tasks -->
|
|
@if (count($tasks) > 0)
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
Current Tasks
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<table class="table table-striped task-table">
|
|
<thead>
|
|
<th>Task</th>
|
|
<th> </th>
|
|
</thead>
|
|
<tbody>
|
|
@foreach ($tasks as $task)
|
|
<tr>
|
|
<td class="table-text"><div>{{ $task->name }}</div></td>
|
|
|
|
<!-- Task Delete Button -->
|
|
<td>
|
|
<form action="/task/{{ $task->id }}" method="POST">
|
|
{{ csrf_field() }}
|
|
<input type="hidden" name="_method" value="DELETE">
|
|
|
|
<button type="submit" class="btn btn-danger">
|
|
<i class="fa fa-trash"></i>Delete
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endsection
|