@extends('hops')

@section('main')
<div class="row">
 <div class="col-sm-12 offset-sm-2">
    <h1 class="display-3">Add a Hop</h1>
  <div>
    @if ($errors->any())
      <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
              <li>{{ $error }}</li>
            @endforeach
        </ul>
      </div><br />
    @endif
      <form method="post" action="{{ route('hops.store') }}">
          @csrf
          <div class="form-group">
            <label for="">Name</label>
                <input type="text" class="form-control" name="name">
          </div>
          <div class="form-group">
            <label for="">Bittering?</label>
		          <input type="checkbox" class="form-control" name="bitter">
          </div>
          <div class="form-group">
            <label for="">Aroma?</label>
		          <input type="checkbox" class="form-control" name="aroma">
          </div>
          <div class="form-group">
            <label for="">Profile</label>
		          <textarea type="text" class="form-control" name="profile" ></textarea>
          </div>
          <div class="form-group">
            <label for="">Alpha-Acid %</label>
                <input type="text" class="form-control" name="alpha_acid">
          </div>
          <div class="form-group">
            <label for="">Beta-Acid %</label>
                <input type="text" class="form-control" name="beta_acid">
          </div>
          <div class="form-group">
            <label for="">Total Oil %</label>
                <input type="text" class="form-control" name="total_oil">
          </div>
          <div class="form-group">
            <label for="">Cohumulone %</label>
                <input type="text" class="form-control" name="cohumulone">
          </div>
          <div class="form-group">
            <label for="">Myrcene %</label>
                <input type="text" class="form-control" name="myrcene">
          </div>
          <div class="form-group">
            <label for="">Humulene %</label>
                <input type="text" class="form-control" name="humulene">
          </div>
          <div class="form-group">
            <label for="">Farnesene %</label>
                <input type="text" class="form-control" name="farnesene">
          </div>
          <div class="form-group">
            <label for="">Caryophyllene</label>
                <input type="text" class="form-control" name="caryophyllene">
          </div>
          <button type="submit" class="btn btn-primary">Add Hop</button>
      </form>
  </div>
</div>
</div>
@endsection