@extends('grainbills')

@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> -> {{ __('Grain Bills') }}<span class="backlink"><a href="{{url()->previous()}}">Go Back</a></span></div>

                <div class="card-body">
@if (Auth::user()->isAdmin())
          <a href="{{ route('grainbills.create') }}" class="btn btn-primary">Add Grain</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">Grain</th>
      <th scope="col">Beer</th>
      <th scope="col">Amount</th>
      <th scope="col" class="hideable">% of Grain Bill</th>
      @if (Auth::user()->isAdmin())<th scope="col">Admin</th>@endif
  <tbody>
  @foreach ($grainbills as $grainbill)
    <tr>
      <td><a href="/grain/{{$grainbill->grain_id}}">{{$grainbill->name}}</a> </td>
      <td><a href="/beer/{{$grainbill->beer_id}}">{{$grainbill->beer}}</a> </td>
      <td>{{$grainbill->amount}} </td>
      <td class="hideable">{{$grainbill->grain_bill}} </td>
      @if (Auth::user()->isAdmin())
        <td><span id="buttons"><a href="{{ route('grainbills.edit',$grainbill->id)}}" class="btn btn-primary editbutton">Edit</a>
        <form action="{{ route('grainbills.destroy', $grainbill->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