@extends('layouts.default')

@section('content')

<div class="row">
 <div class="col-sm-8 offset-sm-2">
    <h4 class="display-3">Add a crop stage</h4>
  <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('crop-stages.store') }}">

      @csrf

      <table class="table table-borderless mb-0">
	<tr style="width: 60%;">
          <td class="align-middle text-end">Crop:</td>
	  <td>
            <select id="crop_id"
		    name="crop_id"
                    class="form-control">
              @foreach($crops as $id => $name)
                <option value="{{ $id }}"
                  {{ request('crops') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
	  </td>
	</tr>

	<tr style="width: 40%;">
          <td class="align-middle text-end">Stage number:</td>
	  <td>
            <input id="stage_number"
		    name="stage_number"
                    class="form-control">
            </input>
	  </td>
	</tr>

	<tr>
          <td class="align-middle text-end">Stage name:</td>
	  <td>
            <input id="stage_name"
		    name="stage_name"
                    class="form-control">
            </input>
	  </td>
	</tr>

	<tr>
          <td class="align-middle text-end">Notes:</td>
	  <td>
            <input id="notes"
		    name="notes"
                    class="form-control">
            </input>
	  </td>
	</tr>
      </table>

      <br>
      <input type="submit" value="Submit"> </td>

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

@endsection