{% if user_device_type == "desktop" %}
    <div class="row" style="margin: 0">
        <div class="input-group input-group-sm" id="ParamsList" style="margin: 0">
            <span class="input-group-addon" style="width: 100%; max-width:500px; min-width:100px">
                {% if lang == "hr" %}
                {{ param.info.infotext_cro_brief }}
                {% else %}
                {{ param.info.infotext_eng_brief }}
                {% endif %}
            </span>


            {% if param.info.type == "STRING" %}
                <input title= "string_input" type="text" style="min-width: 150px" class="form-control" value="{{ param.tmp_rem }}" readonly>
                <span class="input-group-addon"></span>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "string_input" id="{{ param.info.name }}" type="text" style="width: 100px" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorText(this,'{{ param.tmp_rem }}');" maxlength="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "string_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 100px" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorText(this,'{{ param.tmp_rem }}');" maxlength="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "INTEGER" %}
                <input title= "integer_input" type="number" style="min-width: 150px" class="form-control" value="{{ param.tmp_rem }}" readonly>
                <span class="input-group-addon"></span>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "integer_input" id="{{ param.info.name }}" type="text" style="width: 150px" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorInteger(this,'{{ param.tmp_rem }}');" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "integer_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 150px" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorInteger(this,'{{ param.tmp_rem }}')" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "DOUBLE" %}
                <input type="number" title= "double_input" style="min-width: 150px" class="form-control" value="{{ param.tmp_rem }}" readonly>
                <span class="input-group-addon"></span>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "double_input" id="{{ param.info.name }}" type="text" style="width: 100px" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorDouble(this,'{{ param.tmp_rem }}');" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "double_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 100px" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorDouble(this,'{{ param.tmp_rem }}')" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "ENUM" %}
                {% if param.tmp_rem_num >= param.enum_list|length %}
                    <input type="text" title= "enum_input" style="background-color:#ff0000;min-width: 100px" class="form-control" value="UNAVAILABLE" readonly>
                    <span class="input-group-addon"></span>
                    <input type="text" title= "enum_input" style="background-color:#ff0000;width: 100px" class="form-control" value="UNAVAILABLE" readonly>
                {% else %}
                    {% for enum1 in param.enum_list %}
                        {% if forloop.counter0 == param.tmp_rem_num %}
                            <input type="text" title= "enum_input" style="min-width: 150px" class="form-control" value="{{ enum1 }}" readonly>
                        {% endif %}
                    {% endfor %}
                    <span class="input-group-addon"></span>

                    {% if param.tmp_rem == param.tmp_loc %}
                        <select name="param_input" title= "enum_input" class="form-control" style="width: 100px" id="{{ param.info.name }}" onchange="formEvaluatorWeek(this,'{{ param.tmp_rem }}')">
                    {% else %}
                        <select name="param_input" title= "enum_input" class="form-control" style="background-color:#ddffdd;width: 100px" id="{{ param.info.name }}" onchange="formEvaluatorWeek(this,'{{ param.tmp_rem }}')">
                    {% endif %}

                    {% for enum2 in param.enum_list %}
                        {% if forloop.counter0 == param.tmp_loc_num %}
                            <option value="{{ forloop.counter0 }}" selected> {{ enum2 }} </option>
                        {% else %}
                            <option value="{{ forloop.counter0 }}" > {{ enum2 }} </option>
                        {% endif %}
                    {% endfor %}
                    </select>
                {% endif %}
            {% elif param.info.type == "TIME" %}
                <input type="text" title= "time_input" style="min-width: 150px" class="form-control" value="{{ param.tmp_rem }}" readonly>
                <span class="input-group-addon"></span>
                <div class="form-group" style="margin-bottom: 0; width: 200px">
                    <div class="input-group date" id="timePicker" title="{{ param.tmp_rem }}">
                        {% if param.tmp_rem == param.tmp_loc %}
                            <input id="{{ param.info.name }}" name="param_input" title= "time_input" type="text" value="{{ param.tmp_loc }}" class="form-control" style="height: 30px"/>
                        {% else %}
                            <input id="{{ param.info.name }}" name="param_input" title= "time_input" style="background-color:#ddffdd;height: 30px" type="text" value="{{ param.tmp_loc }}" class="form-control"/>
                        {% endif %}
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-time"></span>
                        </span>
                    </div>
                </div>
            {% endif %}

            <span class="input-group-btn">
                <button class="btn btn-primary" role="button" data-toggle="collapse" href="\#collapse_{{ param.info.name }}" aria-expanded="false" aria-controls="collapse_{{ param.info.name }}">
                    <span class="glyphicon glyphicon-menu-down"></span>
                </button>
            </span>
        </div>
    </div>

{% elif user_device_type == "mobile" %}

    <div class="row">
        <span class="input-group-addon" style="width: 100%;">
            {{ param.info.publicname }}
        </span>
        <span class="input-group-btn">
            <button class="btn btn-primary" role="button" data-toggle="collapse" href="\#collapse_{{ param.info.name }}" aria-expanded="false" aria-controls="collapse_{{ param.info.name }}">
                <span class="glyphicon glyphicon-menu-down"></span>
            </button>
        </span>
    </div>


    <div class="row">
        <div class="input-group input-group-sm" id="ParamsList" style="width: 100%">
            {% if param.info.type == "STRING" %}
                <input title= "string_input" type="text" style="width: 50%" class="form-control" value="{{ param.tmp_rem }}" readonly>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "string_input" id="{{ param.info.name }}" type="text" style="width: 50%" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorText(this,'{{ param.tmp_rem }}');" maxlength="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "string_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 50%" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorText(this,'{{ param.tmp_rem }}');" maxlength="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "INTEGER" %}
                <input title= "integer_input" type="number" style="width: 50%" class="form-control" value="{{ param.tmp_rem }}" readonly>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "integer_input" id="{{ param.info.name }}" type="text" style="width: 50%" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorInteger(this,'{{ param.tmp_rem }}');" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "integer_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 50%" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorInteger(this,'{{ param.tmp_rem }}')" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "DOUBLE" %}
                <input type="number" title= "double_input" style="width: 50%" class="form-control" value="{{ param.tmp_rem }}" readonly>

                {% if param.tmp_rem == param.tmp_loc %}
                    <input name="param_input" title= "double_input" id="{{ param.info.name }}" type="text" style="width: 50%" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorDouble(this,'{{ param.tmp_rem }}');" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% else %}
                    <input name="param_input" title= "double_input" id="{{ param.info.name }}" type="text" style="background-color:#ddffdd; width: 50%" step="1" class="form-control" value="{{ param.tmp_loc }}" oninput="formEvaluatorDouble(this,'{{ param.tmp_rem }}')" min="{{ param.info.min }}" max="{{ param.info.max }}">
                {% endif %}
            {% elif param.info.type == "ENUM" %}
                {% if param.tmp_rem_num >= param.enum_list|length %}
                    <input type="text" title= "enum_input" style="background-color:#ff0000;width: 50%" class="form-control" value="UNAVAILABLE" readonly>
                    <input type="text" title= "enum_input" style="background-color:#ff0000;width: 50%" class="form-control" value="UNAVAILABLE" readonly>
                {% else %}
                    {% for enum1 in param.enum_list %}
                        {% if forloop.counter0 == param.tmp_rem_num %}
                            <input type="text" title= "enum_input" style="width: 50%" class="form-control" value="{{ enum1 }}" readonly>
                        {% endif %}
                    {% endfor %}
                    {% if param.tmp_rem == param.tmp_loc %}
                        <select name="param_input" title= "enum_input" class="form-control" style="width: 50%" id="{{ param.info.name }}" onchange="formEvaluatorEnum(this,'{{ param.tmp_rem }}')">
                    {% else %}
                        <select name="param_input" title= "enum_input" class="form-control" style="background-color:#ddffdd;width: 50%" id="{{ param.info.name }}" onchange="formEvaluatorEnum(this,'{{ param.tmp_rem }}')">
                    {% endif %}

                    {% for enum2 in param.enum_list %}
                        {% if forloop.counter0 == param.tmp_loc_num %}
                            <option value="{{ forloop.counter0 }}" selected> {{ enum2 }} </option>
                        {% else %}
                            <option value="{{ forloop.counter0 }}" > {{ enum2 }} </option>
                        {% endif %}
                    {% endfor %}
                    </select>
                {% endif %}
            {% elif param.info.type == "TIME" %}
                <input type="text" title= "time_input" style="width: 50%" class="form-control" value="{{ param.tmp_rem }}" readonly>
                <div class="form-group" style="margin-bottom: 0; width: 100%">
                    <div class="input-group date" id="timePicker" title="{{ param.tmp_rem }}">
                        {% if param.tmp_rem == param.tmp_loc %}
                            <input id="{{ param.info.name }}" name="param_input" title= "time_input" type="text" value="{{ param.tmp_loc }}" class="form-control" style="height: 30px"/>
                        {% else %}
                            <input id="{{ param.info.name }}" name="param_input" title= "time_input" style="background-color:#ddffdd;height: 30px" type="text" value="{{ param.tmp_loc }}" class="form-control"/>
                        {% endif %}
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-time"></span>
                        </span>
                    </div>
                </div>
            {% endif %}

            </div>
    </div>
    <hr style="margin: 5px;">
{% endif %}
<div class="collapse" id="collapse_{{ param.info.name }}">
    <div class="well">
        {% if lang == 'hr'%}
            {{ param.info.infotext_cro }}
        {% else %}
            {{ param.info.infotext_eng }}
        {% endif %}
    </div>
</div>