@extends('adjunctadditions')

@section('main')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <div class="card">
@include('inc.navbar')
                <div class="card-header"><a href="/home">Home</a> -> {{ __('Adjunct Additions') }}<span class="backlink"><a href="{{url()->previous()}}">Go Back</a></span></div>

                <div class="card-body">
@if (Auth::user()->isAdmin())
<a href="{{ route('adjunctadditions.create') }}" class="btn btn-primary">Add Adjunct Addition</a>
<hr />
@endif
<table class="table table-striped table-dark" id="table-programs">
  <!-- This piece of code is for error messages display purposes -->
  @include('inc.messages')
  <thead>
    <tr>
      <th scope="col">Adjunct</th>
      <th scope="col">Beer</th>
      <th scope="col">Amount</th>
      <th scope="col" class="hideable">Timing</th>
      <th scope="col" class="hideable">Alternative</th>
      @if (Auth::user()->isAdmin())<th scope="col">Admin</th>@endif
  <tbody>
  @foreach ($adjunctadditions as $adjunctaddition)
    <tr>
      <td><a href="/adjunct/{{$adjunctaddition->adjunct_id}}">{{$adjunctaddition->name}}</a> </td>
      <td><a href="/beer/{{$adjunctaddition->beer_id}}">{{$adjunctaddition->beer}}</a> </td>
      <td>{{$adjunctaddition->amount}} </td>
      <td class="hideable">{{$adjunctaddition->timing}} </td>
      <td class="hideable"><a href="/adjunct/{{$adjunctaddition->alternative}}">{{$adjunctaddition->alternativename}}</a> </td>
      @if (Auth::user()->isAdmin())
        <td><span id="buttons"><a href="{{ route('adjunctadditions.edit',$adjunctaddition->id)}}" class="btn btn-primary editbutton">Edit</a>
        <form action="{{ route('adjunctadditions.destroy', $adjunctaddition->id)}}" method="post">
          @csrf
          @method('DELETE')
          <button class="btn btn-danger deletebutton" type="submit">Delete</button>
        </form></span></td>
      @endif
    </tr>
  @endforeach
  </tbody>
</table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection