<div class="record-details-map"/>
<div class="record-details-description">
  <div class="processing-panel">
      <form class="form-horizontal">
        {{#if processes.length}}
          <div class="form-group">
            <div class="col-sm-2">
              <label class="control-label">{{t 'Processes'}}</label>
            </div>
            <div class="col-sm-10">
              <select class="form-control select-process">
                <option>---</option>
                {{#each processes}}
                  <option value={{#if this.additionalInputs}} {{#if this.additionalInputs.identifier}} "{{this.additionalInputs.identifier}}"{{else}}"{{this.id}}"{{/if}}{{else}}"{{this.id}}"{{/if}}>{{this.title}}</option>
                {{/each}}
              </select>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-2">
              <label class="control-label">{{t 'DEM Tile'}}</label>
            </div>
            <div class="col-sm-10">
                <label class="control-label">{{t coverageID}}</label>
            </div>
          </div>
          {{#each processes}}
          <div class= {{#if this.additionalInputs}}{{#if this.additionalInputs.identifier}}"process-parameters  process-{{this.additionalInputs.identifier}}"{{else}}"process-parameters  process-{{this.id}}"{{/if}}{{else}}"process-parameters  process-{{this.id}}"{{/if}}>
            <div class="form-group">
            <div class="col-sm-2">
              <label class="control-label">{{t 'Process Description'}}</label>
            </div>
            <div class="col-sm-10">
              <p class="download-confirm">
                <i>{{this.description}}</i>
              </p>
            </div>
            </div>
            {{#each this.inputs}}
              {{#if this.options}}
                {{#if this.options.[1]}}
                  <div class="form-group">
                    <div class="col-sm-2">
                      <label class="control-label" title="{{this.description}}">{{this.title}}</label>
                    </div>
                    <div class="col-sm-10">
                      <select class="form-control select-inputs parameter-{{this.id}} {{this.id}}" name="{{this.id}}">
                        {{#each this.options}}
                          <option value="{{this.title}}">{{this.title}}</option>
                        {{/each}}
                      </select>
                    </div>
                  </div>
                {{else}}
                <div class="form-group">
                  <div class="col-sm-2">
                    <label class="control-label">{{this.options.[0].id}}</label>
                  </div>
                  <div class="col-sm-10">
                      <label class="control-label parameter-{{this.id}} {{this.id}}" name="{{this.id}}">{{this.options.[0].title}}</label>
                  </div>
                </div>
                {{/if}}
              {{else }}
                {{#if this.box }}
                  <div class="form-group">
                    <div class="col-sm-2">
                      <label class="control-label">{{t 'Bounding Box'}}</label>
                    </div>
                    <div class="col-sm-10">
                      <div class="checkbox">
                        <label>
                          <input type="checkbox" class="subset-by-bounds" checked="checked">{{t 'Use bounding box of current coverage'}}
                        </label>
                      </div>
                      <div class="input-group">
                        <input class="form-control show-bbox input-sm box-0" placeholder="Min-X" value="{{bbox.[0]}}">
                        <span class="input-group-addon"> </span>
                        <input class="form-control show-bbox input-sm box-1" placeholder="Min-Y" value="{{bbox.[1]}}">
                        <span class="input-group-addon"> </span>
                        <input class="form-control show-bbox input-sm box-2" placeholder="Max-X" value="{{bbox.[2]}}">
                        <span class="input-group-addon"> </span>
                        <input class="form-control show-bbox input-sm box-3" placeholder="Max-Y" value="{{bbox.[3]}}">
                        <span class="input-group-addon"> </span>
                        <div class="input-group-btn">
                          <button type="button" class="btn btn-default btn-draw-bbox">{{t 'Draw Bounding Box'}}</button>
                        </div>
                      </div>
                    </div>
                  </div>
                {{else}}
                  {{#if this.line }}
                    <div class="form-group">
                      <div class="col-sm-2">
                        <label class="control-label">{{t 'Horizontal line'}}</label>
                      </div>
                      <div class="col-sm-8 line-points">
                        <div class="input-group line-point-1">
                          <input class="form-control show-line input-sm point1-X" placeholder="Point1-X" >
                          <span class="input-group-addon"> </span>
                          <input class="form-control show-line input-sm point1-Y" placeholder="Point1-Y" >
                          <span class="input-group-addon"> </span>
                        </div>
                        <div class="input-group line-point-2">
                          <input class="form-control show-line input-sm point2-X" placeholder="Point2-X" >
                          <span class="input-group-addon"> </span>
                          <input class="form-control show-line input-sm point2-Y" placeholder="Point2-Y" >
                          <span class="input-group-addon"> </span>
                        </div>
                      </div>
                      <div class="input-group-btn col-sm-2 line-draw-button">
                            <button type="button" class="btn btn-default btn-draw-line">{{t 'Horizontal line'}}</button>
                      </div>
                    </div>
                {{else}}
                    <div class="form-group">
                      <div class="col-sm-2">
                        <label class="control-label" title="{{this.description}}">{{this.title}}</label>
                      </div>
                      <div class="col-sm-10">
                        <div class="radio">
                          <label>
                            <input name="input-parameter-{{this.id}}" class={{this.id}} type="text">
                          </label>
                        </div>
                      </div>
                    </div>
                  {{/if}}
                {{/if}}
              {{/if}}
            {{/each}}
            {{#each this.outputs}}
                <div class="form-group">
                  <div class="col-sm-2">
                    <label class="control-label">{{this.title}}</label>
                  </div>
                  {{#if this.mime_types.[1]}}
                    <div class="col-sm-10">
                      <select class="form-control select-output parameter-{{this.id}} {{this.id}}" name="{{this.id}}">
                        {{#each this.mime_types}}
                          <option value="{{this.id}}" >{{this.title}}</option>
                        {{/each}}
                      </select>
                    </div>
                  {{else}}
                      <div class="col-sm-10">
                          <label class="control-label parameter-{{this.id}} {{this.id}}" name="{{this.id}}">{{this.mime_types.[0].title}}</label>
                      </div>
                  {{/if}}
                </div>
            {{/each}}
            </div>
          {{/each}}
        {{/if}}
      </form>
  </div>
</div>

