@extends('layouts.default')

@section('content')

<h1>Add a new station</h1>
<br>

<div class="card-body">
  <form method="POST"
        action="{{ route('stations.store') }}">
	@csrf

    <table class="table table-borderless mb-0">
      <tbody>
        <tr>
          <td class="align-middle text-end" style="width: 40%;">Station name:</td>
        </tr>
        <tr>
          <td class="align-middle text-end" style="width: 40%;">
            <input id="station_name"
                    name="station_name"
                    class="form-group">
            </input>
	  </td>
        </tr>

        <tr>
          <td class="align-middle text-end" style="width: 40%;">Longitude:</td>
	</tr>
	<tr>
          <td>
            <input id="longitude"
                    name="longitude"
		    type="number"
		    step=".01"
		    min="-90"
		    max="90"
                    class="form-group">
            </input>
          </td>
        </tr>

        <tr>
          <td class="align-middle text-end" style="width: 40%;">Latitude:</td>
	</tr>
	<tr>
          <td>
            <input id="latitude"
                    name="latitude"
		    type="number"
		    step=".01"
		    min="-180"
		    max="180"
                    class="form-group">
            </input>
          </td>
        </tr>

        <tr>
          <td class="align-middle text-end" style="width: 40%;">Altitude:</td>
	</tr>
	<tr>
	  <td>
            <input id="altitude"
                    name="altitude"
		    type="number"
		    step=".01"
		    min="0"
                    class="form-group">
            </input>
          </td>
        </tr>

        <tr>
          <td class="align-middle text-end" style="width: 40%;">Station Type:</td>
	</tr>
	<tr>
          <td>
            <select id="station_type_id"
                    name="station_type_id"
                    class="form-select">
              @foreach($station_types as $id => $name)
                <option value="{{ $id }}"
                  {{ request('station_types') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
          </td>
        </tr>

        <tr>
          <td class="align-middle text-end" style="width: 40%;">Region:</td>
	</tr>
	<tr>
          <td>
            <select id="region_id"
                    name="region_id"
                    class="form-select">
              @foreach($regions as $id => $name)
                <option value="{{ $id }}"
                  {{ request('regions') == $id ? 'selected' : '' }}>
                  {{ $name }}
                </option>
              @endforeach
            </select>
          </td>
        </tr>

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

      </tbody>
    </table>
  </form>
</div>

@endsection