@extends('layouts.default')

@section('content')

<div class="row">
 <div class="col-sm-8 offset-sm-2">
    <h3 class="display-5">Add a Station Parameter</h3>
  <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('station-parameters.store') }}">

      @csrf

    <div class="row">

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Parameter name:</label>
        <input id="parameter_name"
                name="parameter_name"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Parameter code:</label>
        <input id="parameter_code"
                name="parameter_code"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Units:</label>
        <input id="units"
                name="units"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Minimum value:</label>
        <input id="minimum_val"
                name="minimum_val"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Maximum value:</label>
        <input id="maximum_val"
                name="maximum_val"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Data type:</label>
        <select id="data_type"
                name="data_type"
		class="form-control">
          @foreach([
                'decimal'=>'decimal','integer'=>'integer','text'=>'text'
              ] as $val => $label)
            <option value="{{ $val }}"
                    {{ request('value_type') == $val ? 'selected' : '' }}>
              {{ $label }}
            </option>
          @endforeach
        </select>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Purpose:</label>
        <input id="purpose"
                name="purpose"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Priority:</label>
        <input id="priority"
                name="priority"
		class="form-control">
        </input>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Parameter description:</label>
        <input id="parameter_description"
                name="parameter_description"
		class="form-control">
        </input>
      </div>

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

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

@endsection