<template name="settings">
  <div class="modal fade">
    <div class="modal-dialog">
      <div class="modal-content">

        <div class="modal-header">
          <h4 class="modal-title">Automatsko zaljevanje</h4>
        </div>

        <div class="modal-body">
          <div class="form-group">
            <select name="time_of_day" id="time_of_day" class="form-control">
              <option value="00:00" selected={{ timeSelected "00:00" }}>00:00</option>
              <option value="00:30" selected={{ timeSelected "00:30" }}>00:30</option>
              <option value="01:00" selected={{ timeSelected "01:00" }}>01:00</option>
              <option value="01:30" selected={{ timeSelected "01:30" }}>01:30</option>
              <option value="02:00" selected={{ timeSelected "02:00" }}>02:00</option>
              <option value="02:30" selected={{ timeSelected "02:30" }}>02:30</option>
              <option value="03:00" selected={{ timeSelected "03:00" }}>03:00</option>
              <option value="03:30" selected={{ timeSelected "03:30" }}>03:30</option>
              <option value="04:00" selected={{ timeSelected "04:00" }}>04:00</option>
              <option value="04:30" selected={{ timeSelected "04:30" }}>04:30</option>
              <option value="05:00" selected={{ timeSelected "05:00" }}>05:00</option>
              <option value="05:30" selected={{ timeSelected "05:30" }}>05:30</option>
              <option value="06:00" selected={{ timeSelected "06:00" }}>06:00</option>
              <option value="06:30" selected={{ timeSelected "06:30" }}>06:30</option>
              <option value="07:00" selected={{ timeSelected "07:00" }}>07:00</option>
              <option value="07:30" selected={{ timeSelected "07:30" }}>07:30</option>
              <option value="08:00" selected={{ timeSelected "08:00" }}>08:00</option>
              <option value="08:30" selected={{ timeSelected "08:30" }}>08:30</option>
              <option value="09:00" selected={{ timeSelected "09:00" }}>09:00</option>
              <option value="09:30" selected={{ timeSelected "09:30" }}>09:30</option>
              <option value="10:00" selected={{ timeSelected "10:00" }}>10:00</option>
              <option value="10:30" selected={{ timeSelected "10:30" }}>10:30</option>
              <option value="11:00" selected={{ timeSelected "11:00" }}>11:00</option>
              <option value="11:30" selected={{ timeSelected "11:30" }}>11:30</option>
              <option value="12:00" selected={{ timeSelected "12:00" }}>12:00</option>
              <option value="12:30" selected={{ timeSelected "12:30" }}>12:30</option>
              <option value="13:00" selected={{ timeSelected "13:00" }}>13:00</option>
              <option value="13:30" selected={{ timeSelected "13:30" }}>13:30</option>
              <option value="14:00" selected={{ timeSelected "14:00" }}>14:00</option>
              <option value="14:30" selected={{ timeSelected "14:30" }}>14:30</option>
              <option value="15:00" selected={{ timeSelected "15:00" }}>15:00</option>
              <option value="15:30" selected={{ timeSelected "15:30" }}>15:30</option>
              <option value="16:00" selected={{ timeSelected "16:00" }}>16:00</option>
              <option value="16:30" selected={{ timeSelected "16:30" }}>16:30</option>
              <option value="17:00" selected={{ timeSelected "17:00" }}>17:00</option>
              <option value="17:30" selected={{ timeSelected "17:30" }}>17:30</option>
              <option value="18:00" selected={{ timeSelected "18:00" }}>18:00</option>
              <option value="18:30" selected={{ timeSelected "18:30" }}>18:30</option>
              <option value="19:00" selected={{ timeSelected "19:00" }}>19:00</option>
              <option value="19:30" selected={{ timeSelected "19:30" }}>19:30</option>
              <option value="20:00" selected={{ timeSelected "20:00" }}>20:00</option>
              <option value="20:30" selected={{ timeSelected "20:30" }}>20:30</option>
              <option value="21:00" selected={{ timeSelected "21:00" }}>21:00</option>
              <option value="21:30" selected={{ timeSelected "21:30" }}>21:30</option>
              <option value="22:00" selected={{ timeSelected "22:00" }}>22:00</option>
              <option value="22:30" selected={{ timeSelected "22:30" }}>22:30</option>
              <option value="23:00" selected={{ timeSelected "23:00" }}>23:00</option>
              <option value="23:30" selected={{ timeSelected "23:30" }}>23:30</option>
            </select>
          </div>
          <div class="form-group">
            <div>

              <input type="checkbox" id="day_1" name="day_1" value="2" class="day_checkbox form_control" checked="{{ dayChecked '2' }}" />
              <label for="day_1">Ponedjeljak</label>
            </div>
            <div>
              <input type="checkbox" id="day_2" name="day_2" value="3" class="day_checkbox form_control" checked="{{ dayChecked '3' }}" />
              <label for="day_2">Utorak</label>
            </div>
            <div>
              <input type="checkbox" id="day_3" name="day_3" value="4" class="day_checkbox form_control" checked="{{ dayChecked '4' }}" />
              <label for="day_3">Srijeda</label>
            </div>
            <div>
              <input type="checkbox" id="day_4" name="day_4" value="5" class="day_checkbox form_control" checked="{{ dayChecked '5' }}" />
              <label for="day_4">Četvrtak</label>
            </div>
            <div>
              <input type="checkbox" id="day_5" name="day_5" value="6" class="day_checkbox form_control" checked="{{ dayChecked '6' }}" />
              <label for="day_5">Petak</label>
            </div>
            <div>
              <input type="checkbox" id="day_6" name="day_6" value="7" class="day_checkbox form_control" checked="{{ dayChecked '7' }}" />
              <label for="day_6">Subota</label>
            </div>
            <div>
              <input type="checkbox" id="day_7" name="day_7" value="1" class="day_checkbox form_control" checked="{{ dayChecked '1' }}" />
              <label for="day_7">Nedjelja</label>
            </div>
          </div>
          <div class="form-group">
            <div>
              <input type="checkbox" value="true" id="manual_inflow" name="manual_inflow" class="manual_inflow_checkbox form_control" checked="{{ manualInflowChecked }}" /> Ručna kontrola pumpe
            </div>
            <div class="bg-danger">
              PAŽNJA! Ako pumpa predugo bude radila - rezervoar se može prepuniti.
            </div>
          </div>
        </div>

        <div class="modal-footer">
          <button id="save_settings" class="btn btn-default" name="save_settings" data-dismiss="modal">Zapamti</button>
        </div>

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

</template>
