{% load bootstrap %}
{% load staticfiles %}
<div class="modal-header">
    <h4 class="modal-title">
        <p><img class="media-object" src="{%static "img/info-128.png" %}" alt="..." style="width: 30px;float:left;margin-right: 10px">
            {% if lang == 'hr'%}
                Izmjeni mjerenje u grupi
            {% else %}
                Edit measurement from group
            {% endif %}
        </p>
    </h4>
</div>
<div class="row">
    <div class="col-sm-12">
        <form class="form-horizontal" id="EditMeasurementGroupMeasurementForm" action="{% url 'Applications.Measure.Groups.views.measurement_groups_return_edit_measurement_group_measurement_form' %}" method="post">
            <div class="modal-body">
                {% for field in fields %}
                    {{ field|bootstrap_horizontal }}
                {% endfor %}
            </div>
        </form>
        <div class="modal-footer">
            <div class="btn-group btn-group-justified" data-toggle="buttons" style="padding-bottom: 10px;padding-top: 5px" >
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-primary" onclick="measurement_groups_edit_measurement()">
                        {% if lang == 'hr'%}
                            Izmjeni
                        {% else %}
                            Edit
                        {% endif %}
                    </button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-primary" onclick="measurement_groups_delete_measurement()">
                        {% if lang == 'hr'%}
                            Izbrisi
                        {% else %}
                            Delete
                        {% endif %}
                    </button>
                </div>
                <div class="btn-group" role="group">
                    <button type="button" id="close-button" class="btn btn-primary" data-dismiss="modal">
                        {% if lang == 'hr'%}
                            Zatvori
                        {% else %}
                            Close
                        {% endif %}
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">

    $(document).ready(function() {

        var optionSelected = $("option:selected", $('#id_device_id'));
        device_selection_changed(optionSelected);

        $('#id_device_id').on('change', function (e) {
            var optionSelected = $("option:selected", this);
            device_selection_changed(optionSelected)
        });
    });

    function device_selection_changed(optionSelected){
        var device_type = optionSelected[0].innerHTML.split(' ')[0];

        var pdlag_select=$('#id_measurement_type_pdlag').parent().parent();
        var pdlhg_select=$('#id_measurement_type_pdlhg').parent().parent();
        var mag8000_select=$('#id_measurement_type_mag8000').parent().parent();
        var sofrel_select=$('#id_measurement_type_sofrel').parent().parent();
        var csv_select=$('#id_measurement_type_csv').parent().parent();

        if (device_type === '[PDL-AG]'){
            pdlag_select.show();
            pdlhg_select.hide();
            mag8000_select.hide();
            sofrel_select.hide();
            csv_select.hide();
        }else if (device_type === '[PDL-HG]'){
            pdlag_select.hide();
            pdlhg_select.show();
            mag8000_select.hide();
            sofrel_select.hide();
            csv_select.hide();
        }else if (device_type === '[MAG8000]'){
            pdlag_select.hide();
            pdlhg_select.hide();
            mag8000_select.show();
            sofrel_select.hide();
            csv_select.hide();
        }else if (device_type === '[SOFREL]'){
            pdlag_select.hide();
            pdlhg_select.hide();
            mag8000_select.hide();
            sofrel_select.show();
            csv_select.hide();
        }else if (device_type === '[CSV]'){
            pdlag_select.hide();
            pdlhg_select.hide();
            mag8000_select.hide();
            sofrel_select.hide();
            csv_select.show();
        }
    }


    function measurement_groups_edit_measurement() {
        var frm = $('#EditMeasurementGroupMeasurementForm');
        var frmData=frm.serialize();
        $.ajax({
            type: frm.attr('method'),
            url: frm.attr('action'),
            data: frm.serialize(),
            headers: {'X-CSRFToken': getCookie('csrftoken')},
            success: function (data) {
                if (data==='Ok'){
                    $('#close-button').trigger('click');
                    fetchMeasurementGroupData();
                }else{
                    alert('Error editing measurement');
                }
            },
            error: function(data) {
                alert('Error editing measurement');
            }
        });
    }

    function measurement_groups_delete_measurement(){

        var data_request_structure  = {
            measurement_id: '{{ measurement_id }}'
        };

        ShowWait("Please wait");
        $.ajax({
            type: "POST",
            url: "{% url 'Applications.Measure.Groups.views.measurement_groups_delete_measurement_group_measurement' %}",
            data: JSON.stringify(data_request_structure),
            headers: {'X-CSRFToken': getCookie('csrftoken')},
            success: function (data) {
                HideWait();
                $('#close-button').trigger('click');
                if (data.ok === true){
                    fetchMeasurementGroupData();
                }else{
                    alert(data.response_text);
                }

            },
            error: function(data) {
                HideWait();
                $('#close-button').trigger('click');
                alert(data.response_text);
            }
        });

    }
</script>