Currently, I am utilizing bootstrap and Laravel form control to generate the table structures below. The one issue I am encountering is figuring out how to align the delete and edit buttons from two separate tables. Here is a snapshot of the current layout as well as the code for displaying the tables.
https://i.sstatic.net/tX8iU.png
@extends('layouts.app')
@section('content')
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Dashboard</div>
<div class="card-body">
@if (session('status'))
<div class="alert alert-success">
{{ session('status') }}
</div>
@endif
<a href="/incidents/create" class="btn btn-primary">Create Incident</a>
<a href="/servers/create" class="btn btn-primary">Create Server</a>
<h1></h1>
<h3>Your Incidents </h3>
@if($incidents)
<table class='table table-striped'>
<tr>
<th>Title</th>
<th></th>
<th></th>
</tr>
@foreach($incidents as $incident)
<tr>
<td><h4>{{$incident->title}} : <strong>{{$incident->status}}</strong></h4></td>
<td><a href="/incidents/edit/{{$incident->id}}" class="btn btn-success">Edit</a></td>
<td>
{!!Form::open(['action' => ['IncidentsController@destroy', $incident->id], 'method' => 'POST', 'class' => 'float-right'])!!}
{{Form::hidden('_method', 'DELETE') }}
{{Form::submit('Delete', ['class' => 'btn btn-danger'])}}
{!!Form::close() !!}
</td>
</tr>
@endforeach
</table>
@endif
<h3>Your Servers </h3>
@if($servers)
<table class='table table-striped'>
<tr>
<th>Server Names</th>
<th></th>
<th></th>
</tr>
@foreach($servers as $server)
<tr>
<td><h4>{{$server->name}}</h4></td>
<td><a href="/servers/edit/{{$server->id}}" class="btn btn-success">Edit</a></td>
<td>
{!!Form::open(['action' => ['ServerController@destroy', $server->id], 'method' => 'POST', 'class' => 'float-right'])!!}
{{Form::hidden('_method', 'DELETE') }}
{{Form::submit('Delete', ['class' => 'btn btn-danger'])}}
{!!Form::close() !!}
</td>
</tr>
@endforeach
</table>
@endif
</div>
</div>
</div>
</div>
</div>
@endsection
I appreciate all the assistance given, and any suggestions on how to align the columns in the two distinct tables would be highly welcomed!