@extends('layouts.default')

@section('content')

<h1>Add a new Grid Path</h1>
<br>

<div class="card-body">

  <form method="POST"
	action="{{ route('gridpaths.store') }}">

    @csrf

    <div class="row">

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Dataset:</label>
        <select id="gridtype_id"
                name="gridtype_id"
		class="form-control">
          @foreach($gridtypes as $gridtype)
          <option value="{{ $gridtype }}"
                  {{ request('gridtype_id') == $gridtype ? 'selected' : '' }}>
            {{ $gridtype }}
          </option>
          @endforeach
        </select>
      </div>


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

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Parameter:</label>
        <select id="parameter"
                name="parameter"
		class="form-control">
          @foreach([
                'rainfall'=>'rainfall','NDVI'=>'NDVI','soil moisture'=>'soil moisture'
              ] as $val => $label)
            <option value="{{ $val }}"
                    {{ request('parameter') == $val ? 'selected' : '' }}>
              {{ $label }}
            </option>
          @endforeach
        </select>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Accumulation:</label>
        <select id="accumulation"
                name="accumulation"
		class="form-control">
          @foreach([
                'dekad'=>'dekad','monthly'=>'monthly','seasonal'=>'seasonal'
              ] as $val => $label)
            <option value="{{ $val }}"
                    {{ request('parameter') == $val ? 'selected' : '' }}>
              {{ $label }}
            </option>
          @endforeach
        </select>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Value type:</label>
        <select id="value_type"
                name="value_type"
		class="form-control">
          @foreach([
                'actual'=>'actual','difference'=>'difference','percent_anomaly'=>'percent_anomaly','zscore'=>'zscore'
              ] 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>Folder path:</label>
        <input id="folder_path"
                name="folder_path"
		class="form-control">
        </input>
      </div>

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

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

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>Date format:</label>
        <select id="date_format"
                name="date_format"
		class="form-control">
          @foreach([
                'yyyymmd'=>'yyyymmd','mmd'=>'mmd','yyyymmdd'=>'yyyymmdd','yyyymm'=>'yyyymm'
              ] as $val => $label)
            <option value="{{ $val }}"
                    {{ request('date_format') == $val ? 'selected' : '' }}>
              {{ $label }}
            </option>
          @endforeach
        </select>
      </div>

      <div class="d-inline-block bg-light form-div" style="width: 100%">
	<label>File extension:</label>
        <select id="file_extension"
                name="file_extension"
		class="form-control">
          @foreach([
                'tif'=>'tif','tiff'=>'tiff','shp'=>'shp'
              ] as $val => $label)
            <option value="{{ $val }}"
                    {{ request('file_extension') == $val ? 'selected' : '' }}>
              {{ $label }}
            </option>
          @endforeach
        </select>
      </div>

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

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

    </div>
  </form>

</div>

@endsection