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

                <div class="card-body">
	 <ul id="editbuttons">
          <li><button class="btn btn-primary btn-lg" data-toggle="gmodal" data-target="#gaddModal" type="button" name="gbutton" >
            Add Grain Bill
          </button></li>
          <li><button class="btn btn-primary btn-lg" data-toggle="mmodal" data-target="#maddModal" type="button" name="mbutton" >
            Add Mash Step
          </button></li>
          <li><button class="btn btn-primary btn-lg" data-toggle="hmodal" data-target="#haddModal" type="button" name="hbutton" >
            Add Hop Addition
          </button></li>
          <li><button class="btn btn-primary btn-lg" data-toggle="amodal" data-target="#aaddModal" type="button" name="abutton" >
            Add Adjunct Addition
          </button></li>
          <li><button class="btn btn-primary btn-lg" data-toggle="fmodal" data-target="#faddModal" type="button" name="fbutton" >
            Add Fermentation Step
          </button></li></ul>


                </div>
            </div>
        </div>
    </div>
</div>

<!-- this code if for the modal -->
<div class="modal fade bg-primary text-dark" tabindex="-1" role="dialog" id="gaddModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Grain Bill</h5>
        <button type="button" class="close" data-dismiss="gmodal" aria-label="Close" >
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="" action="{{route('gstore')}}" method="post">
          {{csrf_field()}}
          <div class="form-group">
            <label for="">Beer ID</label>
                <input type="text" class="form-control" name="beer_id">
          </div>
          <div class="form-group">
            <label for="">Grain ID</label>
            <input type="text" class="form-control" name="grain_id" >
          </div>
          <div class="form-group">
            <label for="">Amount</label>
                <input type="text" class="form-control" name="amount">
          </div>
          <div class="form-group">
            <label for="">% of Total Grain Bill</label>
                <input type="text" class="form-control" name="grain_bill">
          </div>
          <input type="submit" name="submit" value="Submit" class="btn btn-success">
        </form>
      </div>
    </div>
  </div>
</div>

<!-- this code if for the modal -->
<div class="modal fade bg-primary text-dark" tabindex="-1" role="dialog" id="maddModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Grain</h5>
        <button type="button" class="close" data-dismiss="mmodal" aria-label="Close" >
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="" action="{{route('mstore')}}" method="post">
          {{csrf_field()}}
          <div class="form-group">
            <label for="">Beer ID</label>
                <input type="text" class="form-control" name="beer_id">
          </div>
          <div class="form-group">
            <label for="">Temperature</label>
            <input type="text" class="form-control" name="temp" >
          </div>
          <div class="form-group">
            <label for="">Duration</label>
                <input type="text" class="form-control" name="duration">
          </div>
          <div class="form-group">
            <label for="">Stage</label>
                <input type="text" class="form-control" name="stage">
          </div>
          <div class="form-group">
            <label for="">Length of Boil</label>
                <input type="text" class="form-control" name="boil">
          </div>
          <input type="submit" name="submit" value="Submit" class="btn btn-success">
        </form>
      </div>
    </div>
  </div>
</div>

<!-- this code if for the modal -->
<div class="modal fade bg-primary text-dark" tabindex="-1" role="dialog" id="haddModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Hop Addition</h5>
        <button type="button" class="close" data-dismiss="hmodal" aria-label="Close" >
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="" action="{{route('hstore')}}" method="post">
          {{csrf_field()}}
          <div class="form-group">
            <label for="">Beer ID</label>
                <input type="text" class="form-control" name="beer_id">
          </div>
          <div class="form-group">
            <label for="">Hop ID</label>
            <input type="text" class="form-control" name="hop_id" >
          </div>
          <div class="form-group">
            <label for="">Amount</label>
                <input type="text" class="form-control" name="amount">
          </div>
          <div class="form-group">
            <label for="">Timing</label>
                <input type="text" class="form-control" name="timing">
          </div>
          <input type="submit" name="submit" value="Submit" class="btn btn-success">
        </form>
      </div>
    </div>
  </div>
</div>

<!-- this code if for the modal -->
<div class="modal fade bg-primary text-dark" tabindex="-1" role="dialog" id="aaddModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Grain</h5>
        <button type="button" class="close" data-dismiss="amodal" aria-label="Close" >
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="" action="{{route('astore')}}" method="post">
          {{csrf_field()}}
          <div class="form-group">
            <label for="">Beer ID</label>
                <input type="text" class="form-control" name="beer_id">
          </div>
          <div class="form-group">
            <label for="">Adjunct ID</label>
            <input type="text" class="form-control" name="adjunct_id" >
          </div>
          <div class="form-group">
            <label for="">Amount</label>
                <input type="text" class="form-control" name="amount">
          </div>
          <div class="form-group">
            <label for="">Timing</label>
                <input type="text" class="form-control" name="timing">
          </div>
          <div class="form-group">
            <label for="">Alternative (ID)</label>
                <input type="text" class="form-control" name="alternative">
          </div>
          <div class="form-group">
            <label for="">Notes</label>
                <textarea type="text" class="form-control" name="notes"></textarea>
          </div>
          <input type="submit" name="submit" value="Submit" class="btn btn-success">
        </form>
      </div>
    </div>
  </div>
</div>

<!-- this code if for the modal -->
<div class="modal fade bg-primary text-dark" tabindex="-1" role="dialog" id="faddModal">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Add Fermentation</h5>
        <button type="button" class="close" data-dismiss="fmodal" aria-label="Close" >
          <span aria-hidden="true">x</span>
        </button>
      </div>
      <div class="modal-body">
        <form class="" action="{{route('fstore')}}" method="post">
          {{csrf_field()}}
          <div class="form-group">
            <label for="">Beer ID</label>
                <input type="text" class="form-control" name="beer_id">
          </div>
          <div class="form-group">
            <label for="">Yeast ID</label>
            <input type="text" class="form-control" name="yeast_id" >
          </div>
          <div class="form-group">
            <label for="">Temperature</label>
                <input type="text" class="form-control" name="temperature">
          </div>
          <div class="form-group">
            <label for="">Duration</label>
                <textarea type="text" class="form-control" name="duration"></textarea>
          </div>
          <div class="form-group">
            <label for="">Alternative (ID)</label>
                <input type="text" class="form-control" name="alternative">
          </div>
          <input type="submit" name="submit" value="Submit" class="btn btn-success">
        </form>
      </div>
    </div>
  </div>
</div>

@endsection