{{ define "connectionPoint" }}

{{ $comPortValue := .ComPort }}
{{ $customSelectClass := "custom-select" }}
{{ $comPortLabelClass := "" }}
{{ $disableMode := "disabled" }}
{{if .Enable }} {{ $customSelectClass = "custom-select custom-select-read-only" }} {{ end }}

{{if .OfflineDevice }}
    {{ $disableMode := "" }}
{{ else }}
    {{ range .ComPortStatuses }}
        {{ if eq $comPortValue .Name }}
            {{ if .Disabled }} {{ $comPortLabelClass = "label-disabled" }} {{ end }}
        {{ end }}
    {{ end }}
{{ end }}
<tr class="row-data">
  <td class="col-data-label">Comm. Port:</td>
  <td class="col-data-input">
    <div class="select-wrapper">
      <select class="{{ $customSelectClass }} {{ $comPortLabelClass }}" name="ComPort" id="ComPort" value="{{ .ComPort }}" onchange="handleSerialConnectionPointChanged()">
          {{ range .ComPortStatuses }}
          <option value={{ .Name }}  {{ if eq $comPortValue .Name }} selected {{ end }} {{if .Disabled}}  {{ $disableMode }} {{ end }}>
              {{ .Name }}
          </option>
          {{ end }}
      </select>
    </div>
  </td>
</tr>
<tr class="row-data">
  <td class="col-data-label">Port Type:</td>
  <td class="col-data-input">
    <div class="select-wrapper">
      <select class="{{ $customSelectClass }}" name="ConnType" id="ConnType" value="{{ .ConnType }}" onchange="handleSerialConnectionPointChanged()">
          {{ $connTypeSelected := .ConnType }}
          {{ range .ConnTypes }}
          <option value={{ . }}  {{ if eq $connTypeSelected .}} selected {{ end }} >
              {{ . }}
          </option>
          {{ end }}
      </select>
    </div>
  </td>
</tr>
<tr class="row-data">
  <td class="col-data-label">Baudrate:</td>
  <td class="col-data-input">
    <div class="select-wrapper">
      <select class="{{ $customSelectClass }}" name="BaudRate" id="BaudRate" value="{{ .BaudRate }}" onchange="handleSerialConnectionPointChanged()">
          {{ $rateSelected := .BaudRate }}
          {{ range .BaudRates }}
          <option value={{ . }}  {{ if eq $rateSelected .}} selected {{ end }} >
              {{ . }}
          </option>
          {{ end }}
      </select>
    </div>
  </td>
</tr>
<tr class="row-data">
  <td class="col-data-label">Parity:</td>
  <td class="col-data-input">
    <div class="select-wrapper">
      <select class="{{ $customSelectClass }}" name="Parity" id="Parity" value="{{ .Parity }}" onchange="handleSerialConnectionPointChanged()">
          {{ $paritySelected := .ParityStr }}
          {{ range .Parities }}
          <option value={{ .Value }}  {{ if eq $paritySelected .Name}} selected {{ end }} >
              {{ .Name }}
          </option>
          {{ end }}
      </select>
    </div>
  </td>
</tr>
{{ end }}