@extends('layouts.default')

@section('content')

<script type="text/javascript">

    $('.date').datepicker({  

       format: 'mm-dd-yyyy'

     });  

</script>  

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

      @csrf

      <table class="table table-borderless mb-0" style="width: 100%;">

	<tr>
          <td class="align-middle text-end">District:</td>
          <td class="align-middle text-end">Station:</td>
          <td class="align-middle text-end">Observation date:</td>
	</tr>
	
	<tr>
          <td class="align-middle text-end">
	    <select id="region_id"
	            name="region_id"
                    class="form-control">
	      <option value="">--- Select district ---</option>
	      @foreach($regions as $id => $name)
                <option value="{{ $id }}"
                  {{ request('regions') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
	  </td>

          <td class="align-middle text-end">
            <select id="station_id"
		    name="station_id"
                    class="form-control">
	      <option value="">--- Select station ---</option>
              @foreach($stations as $id => $name)
                <option value="{{ $id }}"
                  {{ request('stations') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
	  </td>

          <td class="align-middle text-end">
            <input id="observation_date"
                   name="observation_date"
		   type="date"
		   class="form-control">
            </input>
	  </td>
	</tr>

	<tr>
          <td class="align-middle text-end">Observer:</td>
	</tr>

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

      </table>
      <br>

      <table class="table table-borderless mb-0" style="width: 100%;">
	<tr>
          <td class="align-middle text-end">Crop:</td>
          <td class="align-middle text-end">Crop stage:</td>
          <td class="align-middle text-end">General assesment:</td>
	</tr>

	<tr>
	  <td>
            <select id="crop_id"
		    name="crop_id"
                    class="form-control">
	      <option value="">--- Select crop ---</option>
              @foreach($crops as $id => $name)
                <option value="{{ $id }}"
                  {{ request('crops') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
	  </td>

	  <td>
            <select id="crop_stage_number"
                    name="crop_stage_number"
		    class="form-control">
              @foreach([
                '1'=>'stage 1','2'=>'stage 2'
              ] as $val => $label)
                <option value="{{ $val }}"
                  {{ request('crop_stage_number') == $val ? 'selected' : '' }}>
                  {{ $label }}
                </option>
              @endforeach
            </select>
	  </td>

          <td class="align-middle text-end">
	    <select id="general_assessment"
	            name="general_assessment"
                    class="form-control">
              @foreach([
                '1'=>'1 - Bad state','2'=>'2 - Unsatisfactory state','3'=>'3 - Moderate state','4'=>'4 - Good state','5'=>'5 - Excellent state'
              ] as $val => $label)
                <option value="{{ $val }}"
                  {{ request('general_assessment') == $val ? 'selected' : '' }}>
                  {{ $label }}
                </option>
              @endforeach
            </select>
	  </td>

	</tr>

      </table>
      <br>

      <table class="table table-borderless mb-0" style="width: 100%;">
	<tr>
          <td class="align-middle text-end">Number of plants per acre:</td>
          <td class="align-middle text-end">Number of stems per sqm:</td>
          <td class="align-middle text-end">Plant height (cm):</td>
	</tr>

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

          <td class="align-middle text-end">
            <input id="number_of_stems_per_sqm"
                   name="number_of_plants_per_sqm"
		   class="form-control">
            </input>
	  </td>

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

	<br>

	<tr>
          <td class="align-middle text-end">Met phenomena:</td>
          <td class="align-middle text-end">phenomena date:</td>
          <td class="align-middle text-end">phenomena duration:</td>
	</tr>

	<tr>
          <td class="align-middle text-end">
	    <select id="met_phenomena"
	            name="met_phenomena"
                    class="form-control">
	      <option value="">--- Select phenomena ---</option>
              @foreach([
                'dry spell'=>'dry spell','drought'=>'drought','hail storm'=>'hail storm','heavy rainfall'=>'heavy rainfall','flood'=>'flood','strong winds'=>'strong winds'
              ] as $val => $label)
                <option value="{{ $val }}"
                  {{ request('met_phenomena') == $val ? 'selected' : '' }}>
                  {{ $label }}
                </option>
              @endforeach
            </select>
	  </td>
	  </td>

          <td class="align-middle text-end">
            <input id="met_phenomena_date"
                   name="met_phenomena_date"
		   type="date"
		   class="form-control">
            </input>
	  </td>

          <td class="align-middle text-end">
            <input id="met_phenomena_duration"
                   name="met_phenomena_duration"
		   class="form-control">
            </input>
	  </td>
	</tr>
	<tr>
          <td class="align-middle text-end">phenomena damage:</td>
          <td class="align-middle text-end">phenomena damage %:</td>
	</tr>

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

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

      </table>
      <br>

      <table class="table table-borderless mb-0" style="width: 100%;">
	<tr>
          <td class="align-middle text-end">Name of pests / disease:</td>
          <td class="align-middle text-end">Pest/ / disease damage date:</td>
          <td class="align-middle text-end">Pests / disease damage kind:</td>
	</tr>

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

          <td class="align-middle text-end">
            <input id="pests_disease_damage_date"
                   name="pests_disease_damage_date"
		   type="date"
		   class="form-control">
            </input>
	  </td>

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

	<tr>
          <td class="align-middle text-end">Pests / disease damage %:</td>
	</tr>

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

      </table>
      <br>

      <table class="table table-borderless mb-0" style="width: 100%;">

	<tr>
          <td class="align-middle text-end">Weeds spreading percent %:</td>
          <td class="align-middle text-end">Harvesting date:</td>
          <td class="align-middle text-end">Yield:</td>
	</tr>

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

          <td class="align-middle text-end">
            <input id="harvesting_date"
                   name="harvesting_date"
		   type="date"
		   class="form-control">
            </input>
	  </td>

          <td class="align-middle text-end">
            <input id="yield"
                   name="yield"
		   class="form-control">
            </input>
	  </td>
	</tr>
      </table>
      <br>

      <table class="table table-borderless mb-0" style="width: 100%;">
	<tr>
          <td class="align-middle text-end">Notes:</td>
	</tr>

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

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

    </form>

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

@endsection