{% extends "layout.html" %}
{% set active_page = "sensor" %}
{% set help_page = ["sensors", _('Sensors')] %}

{% block title %} - {{_('Sensors')}}{% endblock %}

{% block head %}{% endblock %}

{%- block body %}
  <!-- Route: /sensor -->
  <div class="container">
    {% include 'flash_messages.html' %}

    <h4>{{_('Sensors')}} <a href="/help#sensors" target="_blank"><span style="font-size: 16px" class="glyphicon glyphicon-question-sign"></span></a></h4>

    <p>{{_('Sensors enable measuring conditions in the environment. Add, configure, and activate sensors to begin recording measurements to the database and allow them to be used throughout Mycodo.')}}</p>

    <div style="clear: both; padding: 0.5em 0;"></div>

    <div class="row small-gutters" style="padding-left: 1em">
      <form id="new_sensor_form" method="post" action="/sensor">
      <input type="hidden" name="form-name" value="addSensor">
      {{form_add_sensor.hidden_tag()}}
      <div class="col-xs-3 col-sm-3 col-md-2 no-gutters">
        {{form_add_sensor.numberSensors(class_='form-control', type="number", value=1)}}
      </div>
      <div class="col-xs-9 col-sm-6 col-md-4 no-gutters">
        {{form_add_sensor.sensor(class_='form-control')}}
      </div>
      <div class="col-xs-12 col-sm-3 col-md-2 no-gutters">
        {{form_add_sensor.sensorAddSubmit(class_='form-control btn btn-default')}}
      </div>
      </form>
    </div>

    <div style="clear: both; padding: 1em 0;"></div>

    {%- if displayOrder -%}
    {%- for order in displayOrder -%}
      {%- for each_sensor in sensor if each_sensor.id == order -%}

    <div class="container" style="border: 2px solid #ddd; border-radius: 5px;">

      <form method="post" action="/sensor">
        {{form_mod_sensor.csrf_token}}
        {{form_mod_sensor.modSensor_id(value=each_sensor.id)}}

      <div class="row {% if each_sensor.is_activated -%}active-background
                      {% else -%}inactive-background
                      {% endif %} small-gutters" style="padding: 0.5em">

        <div class="col-xs-2 col-sm-1 text-center icon-fh">
          <a data-toggle="collapse" href="#collapseContainer{{each_sensor.id}}" aria-expanded="false" aria-controls="collapseContainer{{each_sensor.id}}">
            <span class="collapse-button{{each_sensor.id}} fa fa-3x fa-plus-square"></span>
          </a>
        </div>
        <div class="col-xs-5 col-sm-3">
          {{form_mod_sensor.name(class_='form-control', value=each_sensor.name, **{'title':_('A common name to distinguish this sensor from others')})}}
        </div>
        <div class="col-xs-5 col-sm-2">
          <input class="form-control btn btn-default" disabled="" title="UUID: {{each_sensor.unique_id}}" value="{{each_sensor.device}} ({{each_sensor.id}})" type="text">
        </div>
        <div class="col-xs-4 col-xs-offset-2 col-sm-2 col-sm-offset-0">
        {% if each_sensor.is_activated -%}
          {%- set has_active_pid = [] -%}
          {%- for each_pid in pid if each_pid.sensor_id == each_sensor.id and each_pid.is_activated -%}
            {%- do has_active_pid.append(1) -%}
          {%- endfor -%}
          {%- set has_active_lcd = [] -%}
          {%- for each_lcd in lcd if each_lcd.is_activated and (each_lcd.line_1_sensor_id == each_sensor.id or each_lcd.line_2_sensor_id == each_sensor.id or each_lcd.line_3_sensor_id == each_sensor.id or each_lcd.line_4_sensor_id == each_sensor.id) -%}
            {%- do has_active_lcd.append(1) -%}
          {%- endfor -%}
          {% if has_active_pid or has_active_lcd -%}
            {{form_mod_sensor.deactivateSensorSubmit(class_='form-control btn btn-default',**{'onclick':'return confirm("There are currently active PID or LCD controllers that rely on this sensor to be active. If you deactivate this sensor, all active PID and LCD controllers that use it will be deactivated. Select OK to deactivate this sensor and all associated PID and LCD controllers, otherwise click Cancel to leave them active.")'})}}
          {% else -%}
            {{form_mod_sensor.deactivateSensorSubmit(class_='form-control btn btn-default')}}
          {% endif -%}
        {% else -%}
          {{form_mod_sensor.activateSensorSubmit(class_='form-control btn btn-default')}}
        {% endif -%}
        </div>

        <div class="col-xs-3 col-sm-2">
          {{form_mod_sensor.orderSensorUp(class_='form-control btn btn-default')}}
        </div>
        <div class="col-xs-3 col-sm-2">
          {{form_mod_sensor.orderSensorDown(class_='form-control btn btn-default')}}
        </div>

      </div>

      <div class="collapse" id="collapseContainer{{each_sensor.id}}">

        <form method="post" action="/sensor">
        {{form_mod_sensor.csrf_token}}
        {{form_mod_sensor.modSensor_id(value=each_sensor.id)}}
        {% if each_sensor.device in ['RPiCPULoad', 'RPiFreeSpace'] -%}
          <input id="pre_relay_id" name="pre_relay_id" type="hidden" value="0">
          <input id="pre_relay_duration" name="pre_relay_duration" type="hidden" value="0">
        {% endif -%}

        <div class="row small-gutters">
          <div class="col-xs-6 col-sm-4">
            {{form_mod_sensor.modSensorSubmit(class_='form-control btn btn-default')}}
          </div>
          <div class="col-xs-6 col-sm-4">
            {% if has_active_pid or has_active_lcd -%}
              {{form_mod_sensor.delSensorSubmit(class_='form-control btn btn-default',**{'onclick':'return confirm("Note: there are currently active PID or LCD controlelrs that rely on this sensor to operate. Deleting it will deactivate these sensors. Are you sure you want to delete this sensor?")'})}}
            {% else -%}
              {{form_mod_sensor.delSensorSubmit(class_='form-control btn btn-default',**{'onclick':'return confirm("Are you sure you want to delete this sensor?")'})}}
            {% endif -%}
          </div>

          {% if each_sensor.device != 'RPiCPULoad' -%}
            <div class="col-xs-12 col-sm-4">
              {{form_mod_sensor.sensorCondAddSubmit(class_='form-control btn btn-default')}}
            </div>
          {% endif -%}
        </div>

        <div style="padding: 0.5em;" class="row small-gutters">
          {% for each_sensor_template in sensor_templates if each_sensor_template[:-5] == each_sensor.device %}
            {% include 'pages/sensor_options/'+each_sensor_template %}
          {% endfor %}

          {% if each_sensor.device != 'EDGE' -%}
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.period.label(class_='control-label')}}
              <div>
                {{form_mod_sensor.period(class_='form-control', value=each_sensor.period, **{'title':_('The duration (seconds) between sensor reads')})}}
              </div>
            </div>
          {% endif -%}

          {% if each_sensor.device not in ['EDGE', 'RPi', 'RPiCPULoad', 'RPiFreeSpace', 'MYCODO_RAM'] -%}
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.pre_relay_id.label(class_='control-label')}}
              <div>
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="pre_relay_id" name="pre_relay_id" title="{{_('Turn the selected relay on before taking every measurement')}}.">
                  <option value="">Disabled</option>
                  {% for rel in relay -%}
                    <option value="{{rel.id}}"{% if each_sensor.pre_relay_id == rel.id %} selected{% endif %}>{{rel.id}} ({{rel.name}})</option>
                  {% endfor -%}
                </select>
              </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.pre_relay_duration.label(class_='control-label')}}
              <div>
                {{form_mod_sensor.pre_relay_duration(class_='form-control', value=each_sensor.pre_relay_duration, **{'title':_('If a Pre Relay is selected, set the duration (seconds) to turn the Pre Relay on for before every measurement is acquired.')})}}
              </div>
            </div>
          {% endif -%}

          {% if each_sensor.device in ['AM2315', 'ATLAS_PT1000', 'BME280', 'BMP', 'HTU21D', 'TSL2561', 'TMP006', 'ADS1x15', 'MCP342x', 'SHT2x'] -%}
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.multiplexer_address.label(class_='control-label')}}
              <div>
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="multiplexer_address" name="multiplexer_address" title="{{_('The I2C address of the multiplexer (if used)')}}.">
                  <option value=""{% if each_sensor.multiplexer_address == '' %} selected{% endif %}>{{_('Disabled')}}</option>
                {% for each_mp_add in multiplexer_addresses %}
                  <option value="{{each_mp_add}}"{% if each_sensor.multiplexer_address == each_mp_add %} selected{% endif %}>{{_('I2C Address %(address)s', address=each_mp_add)}}</option>
                {% endfor %}
                </select>
              </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.multiplexer_bus.label(class_='control-label')}}
              <div>
                {{form_mod_sensor.multiplexer_bus(class_='form-control', value=each_sensor.multiplexer_bus, **{'title':_('Which I2C bus is this multiplexer connected?')})}}
              </div>
            </div>
            <div class="col-xs-6 col-sm-3 col-md-3 col-lg-2">
              {{form_mod_sensor.multiplexer_channel.label(class_='control-label')}}
              <div>
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="multiplexer_channel" name="multiplexer_channel" rel="tooltip" title="{{_('If a multiplexer address is selected, select the channel connected to your target device')}}.">
                  <option value="0"{% if each_sensor.multiplexer_channel == 0 %} selected{% endif %}>{{_('Disabled')}}</option>
                {% for each_mp_chan in multiplexer_channels %}
                  <option value="{{each_mp_chan}}"{% if each_sensor.multiplexer_channel == each_mp_chan %} selected{% endif %}>{{_('Channel %(channel)s', channel=each_mp_chan)}}</option>
                {% endfor %}
                </select>
              </div>
            </div>
          {% endif -%}
        </div>

        </form>

        {%- set sensor_conditional = [] -%}

        {%- for each_cond in conditional if each_cond.sensor_id == each_sensor.id -%}
          {%- do sensor_conditional.append(1) -%}
        {% endfor %}

        {% if sensor_conditional %}
          <h4>{{_('Sensor Conditionals')}} <a href="/help#conditional-statements" target="_blank"><span style="font-size: 16px" class="glyphicon glyphicon-question-sign"></span></a></h4>
          <p>{{_('Conditionals allow certain actions to be carried out when a certain set of conditions are met.')}}</p>
        {% endif %}

        {%- for each_cond in conditional if each_cond.sensor_id == each_sensor.id -%}

        <div class="container" style="width: 100%; border: 2px solid #ddd; border-radius: 5px;">

          <form method="post" action="/sensor">
          {{form_conditional.csrf_token}}
          {{form_conditional.sensor_id(class_='form-control', value=each_sensor.id)}}
          {{form_conditional.conditional_id(class_='form-control', value=each_cond.id)}}

          <div class="row small-gutters {% if each_cond.is_activated -%}active-background
                            {% else -%}inactive-background
                            {% endif -%}" style="padding-top: 0.2em; padding-bottom: 0.5em;">
            <div class="col-xs-12 col-sm-3 col-md-3">
              {{form_conditional.name(class_='form-control', value=each_cond.name, **{'title':_('Name')})}}
            </div>
            <div class="col-xs-4 col-sm-3 col-md-3">
              {%- if each_cond.is_activated %}
                {{form_conditional.deactivate_cond(class_='form-control btn btn-default')}}
              {%- else %}
                {{form_conditional.activate_cond(class_='form-control btn btn-default')}}
              {%- endif -%}
            </div>
            <div class="col-xs-4 col-sm-3 col-md-3">
              {{form_conditional.save_cond(class_='form-control btn btn-default')}}
            </div>
            <div class="col-xs-4 col-sm-3 col-md-3">
              {{form_conditional.delete_cond(class_='form-control btn btn-default',**{'onclick':'return confirm("Are you sure you want to delete this Relay Conditional?")'})}}
            </div>
          </div>

          <div class="row small-gutters {% if each_cond.is_activated -%}active-background
                                        {% else -%}inactive-background
                                        {% endif -%}" style="border-bottom: 2px solid #ddd; padding-bottom: 0.2em">
            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                <label class='control-label'>If</label>
              </div>
            </div>

            {% if each_sensor.measurements == 'edge' %}

            <div class="col-xs-1 col-sm-1 col-md-1 col-lg-1 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                <input id="if_sensor_edge_select_0" name="if_sensor_edge_select" type="radio" value="edge" {% if each_cond.if_sensor_edge_select == 'edge' %} checked{% endif %}>
              </div>
            </div>
            <div class="col-xs-10 col-sm-3 col-md-3 col-lg-2">
              <label class='control-label'>{{_('Detection Direction')}}</label>
              <div>
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="if_sensor_edge_detected" name="if_sensor_edge_detected" title="{{_('Detect low to high (rising), high to low (falling), or both?')}}">
                  <option value="rising"{% if each_cond.if_sensor_edge_detected == 'rising' %} selected{% endif %}>{{_('Rising')}}</option>
                  <option value="falling"{% if each_cond.if_sensor_edge_detected == 'falling' %} selected{% endif %}>{{_('Falling')}}</option>
                  <option value="both"{% if each_cond.if_sensor_edge_detected == 'both' %} selected{% endif %}>{{_('Both')}}</option>
                </select>
              </div>
            </div>

            <div class="col-xs-1 col-xs-offset-1 col-sm-1 col-md-1 col-lg-1 col-xs-offset-0 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                <input id="if_sensor_edge_select_1" name="if_sensor_edge_select" type="radio" value="state" {% if each_cond.if_sensor_edge_select == 'state' %} checked{% endif %}>
              </div>
            </div>
            <div class="col-xs-10 col-sm-3 col-md-3 col-lg-2">
              <label class='control-label'>GPIO state is</label>
              <div>
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="if_sensor_gpio_state" name="if_sensor_gpio_state">
                  <option value="1"{% if each_cond.if_sensor_gpio_state == 1 %} selected{% endif %}>{{_('HIGH (3.3 volts)')}}</option>
                  <option value="0"{% if each_cond.if_sensor_gpio_state == 0 %} selected{% endif %}>{{_('LOW (0 volts)')}}</option>
                </select>
              </div>
            </div>

          {% else %}

            <div class="col-xs-11 col-sm-3 col-md-3 col-lg-2">
              <label class='control-label'>Measurement</label>
              <div>
                <input type="hidden" class="form-control" id="if_sensor_edge_detected" name="if_sensor_edge_detected" value="">
                <select class="form-control form-tooltip form-dropdown" data-placement="top" id="if_sensor_measurement" name="if_sensor_measurement" title="{{_('The measurement from the sensor to test the following conditional logic')}}.">
                  <option value=""></option>
                  {% for key, measurements in measurements.items() if each_sensor.device == key %}
                    {% for each_measure in measurements %}
                      <option value="{{each_measure}}"{% if each_cond.if_sensor_measurement == each_measure %} selected{% endif %}>{{units[each_measure]['name']}} ({{units[each_measure]['unit']}})</option>
                    {%- endfor -%}
                    {% if key in ['MCP342x', 'ADS1x15'] %}
                      <option value="{{each_sensor.adc_measure}}"{% if each_cond.if_sensor_measurement == each_sensor.adc_measure %} selected{% endif %}>{{each_sensor.adc_measure}} ({{each_sensor.adc_measure_units}})</option>
                    {% endif %}
                  {%- endfor -%}
                </select>
              </div>
            </div>
            <div class="col-xs-1 col-sm-1 col-md-1 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                <label class='control-label'>Is</label>
              </div>
            </div>

             <div class="col-xs-5 col-sm-3 col-md-2 col-lg-2">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                  <select class="form-control form-tooltip form-dropdown" data-placement="top" id="if_sensor_direction" name="if_sensor_direction" title="{{_('The conditional is true when the measured condition is greater than or less than the set value.')}}">
                    <option value=""></option>
                    <option value="above"{% if each_cond.if_sensor_direction == 'above' %} selected{% endif %}>{{_('Greater Than')}}</option>
                    <option value="below"{% if each_cond.if_sensor_direction == 'below' %} selected{% endif %}>{{_('Less Than')}}</option>
                  </select>
              </div>
            </div>
            <div class="col-xs-6 col-sm-2 col-md-2 col-lg-1">
              <label class='control-label'>Value</label>
              <div>
                {{form_conditional.if_sensor_setpoint(class_='form-control', value=each_cond.if_sensor_setpoint, **{'title':_('What value to check the measurement against.'), 'size':'3'})}}
              </div>
            </div>

          {% endif %}

            <div class="col-xs-4 col-xs-offset-2 col-sm-2 col-md-2 col-xs-offset-1 col-lg-2 col-lg-offset-1">
              <label class='control-label'>Period</label>
              <div>
                {{form_conditional.if_sensor_period(class_='form-control', value=each_cond.if_sensor_period, **{'title':_('The duration (seconds) between checking whether the conditional is true. Set to 0 to check after every sensor measurement.'), 'size':'3'})}}
              </div>
            </div>
          </div>

          </form>

          {% for each_cond_action in conditional_actions if each_cond_action.conditional_id == each_cond.id %}

          <form method="post" action="/sensor">
          {{form_conditional_actions.csrf_token}}
          {{form_conditional_actions.conditional_id(class_='form-control', value=each_cond.id)}}
          {{form_conditional_actions.conditional_action_id(class_='form-control', value=each_cond_action.id)}}

          <div class="row small-gutters" style="padding-top: 0.3em">
            <div class="col-xs-1 col-sm-1 col-md-1 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                ({{loop.index}})
              </div>
            </div>
            <div class="col-xs-3 col-sm-2 col-md-2">
              <label class='control-label' style="padding-top: 1em"></label>
              <select class="form-control form-tooltip form-dropdown" id="do_action" name="do_action" data-placement="top" title="{{_('The action to perform when the conditional is True')}}">
                {% for each_action, each_action_string in conditional_actions_list.items() %}
                  <option value="{{each_action}}"{% if each_cond_action.do_action == each_action %} selected{% endif %}>{{_(each_action_string)}}</option>
                {% endfor %}
              </select>
            </div>

          {% if each_cond_action.do_action == 'relay' %}

            <div class="col-xs-4 col-sm-2 col-md-3">
              {{form_conditional_actions.do_relay_id.label(class_='control-label')}}
              <select class="form-control form-tooltip form-dropdown" id="do_relay_id" name="do_relay_id" data-placement="top" title="{{_('What relay to manipulate')}}">
                <option value=""></option>
                {%- for each_relay in relay -%}
                  <option value="{{each_relay.id}}"{% if each_cond_action.do_relay_id == each_relay.id %} selected{% endif %}>{{each_relay.id}} ({{each_relay.name}})</option>
                {%- endfor -%}
              </select>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-2">
              <label class='control-label'>Turn</label>
              <select class="form-control form-tooltip form-dropdown" id="do_relay_state" name="do_relay_state" data-placement="top" title="{{_('Turn the relay on or off')}}">
                <option value=""></option>
                <option value="on"{% if each_cond_action.do_relay_state == 'on' %} selected{% endif %}>{{_('On')}}</option>
                <option value="off"{% if each_cond_action.do_relay_state == 'off' %} selected{% endif %}>{{_('Off')}}</option>
              </select>
            </div>
            <div class="col-xs-2 col-sm-1 col-md-2">
              <label class='control-label'>Sec.</label>
              {{form_conditional_actions.do_relay_duration(class_='form-control', value=each_cond_action.do_relay_duration, **{'title':_('How long to turn the relay on (optional)'), 'size':'3'})}}
            </div>
            <div class="col-xs-1 hidden-sm hidden-md hidden-lg"></div>

          {% elif each_cond_action.do_action in ['activate_pid', 'deactivate_pid'] %}

            <div class="col-xs-4 col-sm-5 col-md-7">
              <label class='control-label'>PID</label>
              <select class="form-control form-tooltip form-dropdown" id="do_pid_id" name="do_pid_id" data-placement="top" title="{{_('LCD to flash')}}">
                <option value=""></option>
                {%- for each_pid in pid -%}
                  <option value="{{each_pid.id}}"{% if each_cond_action.do_pid_id == each_pid.id %} selected{% endif %}>{{each_pid.id}} ({{each_pid.name}})</option>
                {%- endfor -%}
              </select>
            </div>

          {% elif each_cond_action.do_action == 'email' %}

            <div class="col-xs-4 col-sm-5 col-md-7">
              <label class='control-label'>Email</label>
              <select class="form-control form-tooltip form-dropdown" id="do_action_string" name="do_action_string" data-placement="top" title="{{_('Email address to notify')}}">
                <option value=""></option>
                {%- for each_user in user -%}
                  <option value="{{each_user.email}}"{% if each_cond_action.do_action_string == each_user.email %} selected{% endif %}>{{each_user.email}}</option>
                {%- endfor -%}
              </select>
            </div>

          {% elif each_cond_action.do_action == 'flash_lcd' %}

            <div class="col-xs-4 col-sm-5 col-md-7">
              <label class='control-label'>LCD</label>
              <select class="form-control form-tooltip form-dropdown" id="do_lcd_id" name="do_lcd_id" data-placement="top" title="{{_('LCD to flash')}}">
                <option value=""></option>
                {%- for each_lcd in lcd -%}
                  <option value="{{each_lcd.id}}"{% if each_cond_action.do_lcd_id == each_lcd.id %} selected{% endif %}>{{each_lcd.id}} ({{each_lcd.name}})</option>
                {%- endfor -%}
              </select>
            </div>

          {% elif each_cond_action.do_action == 'photo' %}

            <div class="col-xs-4 col-sm-5 col-md-7">
              <label class='control-label'>Camera</label>
              <select class="form-control form-tooltip form-dropdown" id="do_camera_id" name="do_camera_id" data-placement="top" title="{{_('Camera to capture with')}}">
                <option value=""></option>
                {%- for each_camera in camera -%}
                  <option value="{{each_camera.id}}"{% if each_cond_action.do_camera_id == each_camera.id %} selected{% endif %}>{{each_camera.id}} ({{each_camera.name}})</option>
                {%- endfor -%}
              </select>
            </div>

          {% elif each_cond_action.do_action == 'photo_email' %}

            <div class="col-xs-2 col-sm-3 col-md-4">
              <label class='control-label'>Email</label>
              <select class="form-control form-tooltip form-dropdown" id="do_action_string" name="do_action_string" data-placement="top" title="{{_('Email address to notify')}}">
                <option value=""></option>
                {%- for each_user in user -%}
                  <option value="{{each_user.email}}"{% if each_cond_action.do_action_string == each_user.email %} selected{% endif %}>{{each_user.email}}</option>
                {%- endfor -%}
              </select>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-3">
              <label class='control-label'>Camera</label>
              <select class="form-control form-tooltip form-dropdown" id="do_camera_id" name="do_camera_id" data-placement="top" title="{{_('Camera to capture with')}}">
                <option value=""></option>
                {%- for each_camera in camera -%}
                  <option value="{{each_camera.id}}"{% if each_cond_action.do_camera_id == each_camera.id %} selected{% endif %}>{{each_camera.id}} ({{each_camera.name}})</option>
                {%- endfor -%}
              </select>
            </div>

          {% elif each_cond_action.do_action == 'video' %}

            <div class="col-xs-2 col-sm-3 col-md-5">
              <label class='control-label'>Camera</label>
              <select class="form-control form-tooltip form-dropdown" id="do_camera_id" name="do_camera_id" data-placement="top" title="{{_('Camera to capture with')}}">
                <option value=""></option>
                {%- for each_camera in camera -%}
                  <option value="{{each_camera.id}}"{% if each_cond_action.do_camera_id == each_camera.id %} selected{% endif %}>{{each_camera.id}} ({{each_camera.name}})</option>
                {%- endfor -%}
              </select>
            </div>
            <div class="col-xs-2 col-sm-2 col-md-2">
              {{form_conditional_actions.do_camera_duration.label(class_='control-label')}}
              {{form_conditional_actions.do_camera_duration(class_='form-control', value=each_cond_action.do_camera_duration, **{'title':_('Duration to record video (sec)')})}}
            </div>

          {% elif each_cond_action.do_action == 'video_email' %}

            <div class="col-xs-1 col-sm-1 col-md-1">
              <label class='control-label'>Email</label>
              <select class="form-control form-tooltip form-dropdown" id="do_action_string" name="do_action_string" data-placement="top" title="{{_('Email address to notify')}}">
                <option value=""></option>
                {%- for each_user in user -%}
                  <option value="{{each_user.email}}"{% if each_cond_action.do_action_string == each_user.email %} selected{% endif %}>{{each_user.email}}</option>
                {%- endfor -%}
              </select>
            </div>
            <div class="col-xs-2 col-sm-3 col-md-5">
              <label class='control-label'>Camera</label>
              <select class="form-control form-tooltip form-dropdown" id="do_camera_id" name="do_camera_id" data-placement="top" title="{{_('Camera to capture with')}}">
                <option value=""></option>
                {%- for each_camera in camera -%}
                  <option value="{{each_camera.id}}"{% if each_cond_action.do_camera_id == each_camera.id %} selected{% endif %}>{{each_camera.id}} ({{each_camera.name}})</option>
                {%- endfor -%}
              </select>
            </div>
            <div class="col-xs-1 col-sm-1 col-md-1">
              {{form_conditional_actions.do_camera_duration.label(class_='control-label')}}
              {{form_conditional_actions.do_camera_duration(class_='form-control', value=each_cond_action.do_camera_duration, **{'title':_('Duration to record video (sec)')})}}
            </div>

          {% elif each_cond_action.do_action == 'command' %}

            <div class="col-xs-4 col-sm-5 col-md-7">
              <label class='control-label'>Command</label>
              {{form_conditional_actions.do_action_string(class_='form-control', value=each_cond_action.do_action_string, **{'title':_('Command to execute (as user "mycodo")')})}}
            </div>

          {% endif %}

            <div class="col-xs-2 col-sm-2 col-md-1">
              <label class='control-label' style="padding-top: 1em"></label>
              {{form_conditional_actions.save_action(class_='form-control btn btn-default')}}
            </div>
            <div class="col-xs-2 col-sm-2 col-md-1">
              <label class='control-label' style="padding-top: 1em"></label>
              {{form_conditional_actions.delete_action(class_='form-control btn btn-default')}}
            </div>
          </div>

          </form>

          {% endfor %}

          <form method="post" action="/sensor">
          {{form_conditional_actions.csrf_token}}
          {{form_conditional_actions.conditional_id(class_='form-control', value=each_cond.id)}}

          <div class="row small-gutters" style="padding-bottom: 1em">
            <div class="col-xs-2 col-sm-2 col-md-1 text-center">
              <label class='control-label' style="padding-top: 1em"></label>
              <div>
                Action
              </div>
            </div>
            <div class="col-xs-6 col-sm-4 col-md-2">
              <label class='control-label' style="padding-top: 1em"></label>
              <select class="form-control form-tooltip form-dropdown" id="do_action" name="do_action" data-placement="top" title="{{_('The action to perform when the conditional is True')}}">
                {% for each_action, each_action_string in conditional_actions_list.items() %}
                  <option value="{{each_action}}">{{_(each_action_string)}}</option>
                {% endfor %}
              </select>
            </div>
            <div class="col-xs-4 col-sm-4 col-md-2">
              <label class='control-label' style="padding-top: 1em"></label>
              {{form_conditional_actions.add_action(class_='form-control btn btn-default')}}
            </div>
          </div>
          </form>
        </div>

        <div style="clear: both; padding: 0.5em 0;"></div>

      {%- endfor -%}

      </div> <!- collapse container end ->

    </div>

    {%- endfor -%}

    <div style="clear: both; padding-bottom: 0.5em;"></div>

  {%- endfor -%}
  {%- endif -%}

  </div>

  <script>
    $('.collapse').on('show.bs.collapse', function(){
      $(this).parent().find(".fa-plus-square").removeClass("fa-plus-square").addClass("fa-minus-square");
    }).on('hide.bs.collapse', function(){
      $(this).parent().find(".fa-minus-square").removeClass("fa-minus-square").addClass("fa-plus-square");
    });
  </script>

{% endblock -%}