{% extends 'base_rma_general.html.twig' %}

{% import 'macros/macro.html.twig' as macro %}

{% block title %}
    {{ parent() }}
    Création Certificat Multigaz RMA
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" href="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.css') }}">
    <link rel="stylesheet" href="https://cdn.datatables.net/fixedheader/3.1.9/css/fixedHeader.dataTables.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('salsa/SalsaCalendar.min.css') }}" media="all" />

    <style>
        tr.group,
        tr.group:hover {
            background-color: #f0f2f5 !important;
            font-weight: 900
        }
        div.dataTables_wrapper div.dataTables_filter input {
            width: 220px;
        }
        .required-input-sign {
            font-size: 18px;
            color: #e54040;
        }

        .form-group {
            margin-bottom: 10px!important;
        }
        .code {
            height: 42px!important;
            width: 166px;
            padding: 10px!important;
        }
        .num-certif {
            display: flex;
            justify-content: center;
            margin-bottom: 3em;
        }
        .first-block {
            display: inline-flex;
            align-items: center;
            margin-bottom: 3em;
        }
        .second-block {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 7em;
        }
        .third-block {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 7em;
        }
        .third-block-article {
            display: inline-flex;
            align-items: center;
            margin-bottom: 7em;
        }
        .quad-block {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .second-block-textarea {
            height: 40px;
            line-height: 10px!important;
        }

        .title-tab {
            justify-content: center;
            display: inline-flex;
            align-items: center;
        }

        .p-perte-charge {
            margin-bottom: 9px!important;
        }

        .conforme-block {
            display: inline-flex;
            align-items: center;
        }

        .etal-block {
            width: 250px;
            height: 40px;
            padding: 0!important
        }

        .sn-block {
            height: 38px;
            line-height: 5px!important;
            width: 200px;
        }

        .conforme-input {
            height: 47px!important;
            width: 102px;
            font-size: x-large;
        }

        .little-conf-input {
            height: 34px;
            padding : 0px!important;
            text-align: center;
        }
    </style>
{% endblock %}

{% block headerRight %}
    {{ parent() }}
    <button type="button" class="btn btn-secondary" id="btn-submit-rma-form" onclick="goToRoute('back', {{ rma.id }})">Retour page précédente</button>
{% endblock %}

{% block body %}
    {{ parent() }}
    {{ form_start(form, {'attr' : {'id' : 'certificat-multigaz', 'autocomplete' : 'off'}}) }}

    {% if status == 'submit' %}

        <div class="block" style="overflow: hidden;">
            <div id="main-block" class="block">
{#                {{ certif }}#}
            </div>
        </div>

    {% else %}

        <div class="block" style="overflow: hidden;">
            <div id="main-block" class="block">
                <div class="block block-themed block-transparent mb-0">
                    <div class="block-header">
                        <h3 style="font-size: 18px;" class="block-title">Création du certificat Multigaz RMA {{ rma.code }}</h3>
                    </div>
                    <div class="block-content">
                        <div class="num-certif">
                            <div class="form-group row ">
                                <label class="col-12" for="rma_diagnostic_diagnosticTestFonctMat">Numéro certificat<span class="required-input-sign">*</span></label>
                                <div class="col-12" style="display: block">
                                    {{ form_widget(form.code, {'attr' : {'disabled' : 'disabled'}}) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-12 first-block">
                            <div class="col-6">
                                <div class="form-group row ml-1">
                                    <div class="form-group row diagnostic-intervenant-actif" style="width: 200px; display: block;">
                                        <label class="col-12" for="rma_diagnostic_diagnosticIntervenant">Numéro RMA<span class="required-input-sign">*</span></label>
                                        <div class="col-12" style="display: inline-flex">
                                            {{ form_widget(form.rmaCode, {'attr' : {'disabled' : 'disabled'}}) }}
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group row ml-1">
                                    <div class="form-group row diagnostic-intervenant-actif" style="width: 400px; display: block; padding: 0px!important">
                                        <label class="col-12" for="rma_diagnostic_diagnosticIntervenant">Client <span class="required-input-sign">*</span></label>
                                        <div class="col-12" style="display: inline-flex">
                                            {{ form_widget(form.client, {'attr' : {'style' : 'height: 50px;'}}) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label class="col-12" for="rma_diagnostic_diagnosticTestFonctMat">Date de vérification<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.verificationDate, {'attr' : {'style' : 'border: none; resize: none;'}}) }}
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12" for="rma_diagnostic_diagnosticTestFonctMat">Intervenant<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.intervenant, {'attr' : {'style' : 'width: 250px;'}}) }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="col-12" style="display: flex; margin-left: 280px;">
                                <h6 class="col-12">Informations Appareil</h6>
                            </div>
                            <div class="col-12 third-block-article">
                                <div class="col-3" style="margin: 0em 0 0 0em; width: 100%">
                                    <p class="p-perte-charge" style="margin-left: 10em">Identifiant</p>
                                    <p class="p-perte-charge" style="margin-left: 10em">Numéro série</p>
                                    <p class="p-perte-charge" style="margin-left: 10em">Modèle</p>
                                </div>
                                <div class="col-4">
                                    <div style="display: inline-flex; font-size: large; ">{{ form_widget(form.articleIdentifiant, {'attr' : {'style' : 'padding: 6px!important; width: 300px;'}}) }}</div>
                                    <div style="display: inline-flex; font-size: large; ">{{ form_widget(form.articleSerialNumber, {'attr' : {'style' : 'padding: 6px!important; width: 300px;'}}) }}</div>
                                    <div style="display: inline-flex; font-size: large; ">{{ form_widget(form.articleModel, {'attr' : {'style' : 'padding: 6px!important; width: 300px;'}}) }}</div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="col-12">
                                <h5 class="col-12" style="text-decoration: underline; margin-top: -4em">Informations de Calibration</h5>
                            </div>
                            <div class="col-10 third-block" style="margin-left: 3em; margin-bottom: 0">
                                <div class="col-3" style="margin: 3em 0 0 -8em; padding-left: 73px;">
                                    <p class="p-perte-charge"></p>
                                    <p class="p-perte-charge">Valeur du span</p>
                                </div>
                                <div class="col-2 lel" style="display: none">
                                    <label class="col-12">LEL (%)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.spanLel) }}</div>
                                </div>
                                <div class="col-2 h2s" style="display: none">
                                    <label class="col-12">H2S (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.spanH2s) }}</div>
                                </div>
                                <div class="col-2 co" style="display: none">
                                    <label class="col-12">CO (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.spanCo) }}</div>
                                </div>
                                <div class="col-2 o2" style="display: none">
                                    <label class="col-12">O2 (%)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.spanO2) }}</div>
                                </div>
                                <div class="col-2 co2" style="display: none">
                                    <label class="col-12">CO2 (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.spanCo2) }}</div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 quad-block">
                            <div class="col-9" style="display: inline-flex; border: 1px; margin-top: 1em">
                                <div style="margin-top: 5px">Information 4 gaz : </div>
                                <div style="margin-left: 2em; margin-top: 5px">Lot</div>
                                <div>{{ form_widget(form.infoGazLot, {'attr' : {'style' : ''}}) }}</div>
                                <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                <div>{{ form_widget(form.infoGazValid) }}</div>
                            </div>
                            <div class="col-9 co2LotValid" style="display: inline-flex; border: 1px">
                                <div style="margin-top: 5px">Information CO2 : </div>
                                <div style="margin-left: 2.5em; margin-top: 5px">Lot</div>
                                <div>{{ form_widget(form.infoCo2Lot) }}</div>
                                <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                <div>{{ form_widget(form.infoCo2Valid) }}</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="col-12">
                                <h5 class="col-12" style="text-decoration: underline; margin-top: 2em">Informations de Calibration</h5>
                            </div>
                            <div class="col-10 third-block" style="margin-left: 3em; margin-bottom: 0">
                                <div class="col-3" style="margin: 3em 0 0 -8em; padding-left: 73px;">
                                    <p class="p-perte-charge"></p>
                                    <p class="p-perte-charge">Valeur du zéro</p>
                                    <p class="p-perte-charge">Conforme</p>
                                    <p class="p-perte-charge">Valeur du span</p>
                                    <p class="p-perte-charge">Conforme</p>
                                </div>
                                <div class="col-2 lel" style="display: none">
                                    <label class="col-12">LEL (%)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroLel, {'attr' : {'style' : 'text-align: center'}})}}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroLelConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanLel, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanLelConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                </div>
                                <div class="col-2 h2s" style="display: none">
                                    <label class="col-12">H2S (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroH2s, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroH2sConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanH2s, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanH2sConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                </div>
                                <div class="col-2 co" style="display: none">
                                    <label class="col-12">CO (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroCo, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroCoConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanCo, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanCoConf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                </div>
                                <div class="col-2 o2" style="display: none">
                                    <label class="col-12">O2 (%)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroO2, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroO2Conf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanO2, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanO2Conf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                </div>
                                <div class="col-2 co2" style="display: none">
                                    <label class="col-12">CO2 (ppm)</label>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroCo2, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueZeroCo2Conf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanCo2, {'attr' : {'style' : 'text-align: center'}}) }}</div>
                                    <div style="display: inline-flex; font-size: medium">{{ form_widget(form.valueSpanCo2Conf, {'attr' : {'disabled' : 'disabled'}}) }}</div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12" style="margin-top: 5em;">
                            <div class="col-4 conforme-block">
                                <label class="col-6" for="rma_diagnostic_diagnosticTestFonctMat">SONDE CONFORME<span class="required-input-sign">*</span></label>
                                {{ form_widget(form.generalConforme) }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer" style="display: flex; justify-content: space-between; flex-wrap: wrap;">
            <div class="left">
                <button type="button" class="btn btn-success" id="btn-submit" onclick="goToRoute('rma_files', {{ rma.id }})" style="margin-left: 16px;"><i style="margin-right: 8px" class="fa fa-file"></i>Fichier</button>
            </div>
            <div class="right" style="display: flex; flex-wrap: wrap;">
                <button type="button" class="btn btn-secondary" id="btn-submit" onclick="goToRoute('back', {{ rma.id }})">Annuler</button>
                <button type="submit" id="button-generate" class="btn btn-primary" onclick="SubmitAndRedirect('rma_files', {{ rma.id }})" style="margin-left: 16px; margin-right: 16px; display: block"><i style="margin-right: 8px" class="fa fa-check"></i>Générer le Certificat</button>
                <button type="button" id="button-next" class="btn btn-primary" onclick="goToRoute('certificat_rma_hanna_formulaire', {{ rma.id }})" style="margin-left: 16px; margin-right: 16px; display: none"></i>Générer le Certificat Suivant</button>            </div>
        </div>
        {{ form_end(form) }}

    {% endif %}


{% endblock %}

{% block modal %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}

    <script src="{{ asset('assets/js/plugins/datatables/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/js/plugins/datatables/dataTables.bootstrap4.min.js') }}"></script>
    <script src="https://cdn.datatables.net/fixedheader/3.1.9/js/dataTables.fixedHeader.min.js"></script>

    <link href="https://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="Stylesheet"/>
    <script src="https://code.jquery.com/ui/1.10.2/jquery-ui.js" ></script>
    <script type="text/javascript">

        var tabConforme = [10];

        var lel = {{ lel }};
        var h2s = {{ h2s }};
        var co = {{ co }};
        var o2 = {{ o2 }};
        var co2 = {{ co2 }};

        var lelConf = [2];
        var h2sConf = [2];
        var coConf = [2];
        var o2Conf = [2];
        var co2Conf = [2];

        lelConf[0] = 0; lelConf[1] = 0;
        h2sConf[0] = 0; h2sConf[1] = 0;
        coConf[0] = 0;  coConf[1] = 0;
        o2Conf[0] = 0; o2Conf[1] = 0;
        co2Conf[0] = 0; co2Conf[1] = 0;

        $(document).ready(function() {
            for (var i = 0; i < 10; i++) {
                tabConforme[i] = "NON";
            }

            $("#multigaz_rmaCode").val("{{ rma.code }}")
            var month = $('#multigaz_verificationDate_month').val();
            var year = $('#multigaz_verificationDate_year').val();
            var day = $('#multigaz_verificationDate_day').val();
            var code = '';
            code = $("#multigaz_rmaCode").val();
            if (month > 0 && month < 10) {
                month = '0' + month;
            }
            if (day > 0 && day < 10) {
                day = '0' + day;
            }
            var date = year + month + day;
            $('#multigaz_code').val(code + ' - ' + date);

            var status = "{{ status }}";

            $("#multigaz_spanLel").val('50');
            $("#multigaz_spanH2s").val('10');
            $("#multigaz_spanCo").val('50');
            $("#multigaz_spanO2").val('18');
            $("#multigaz_spanCo2").val('5000');

            if (lel === 1) {
                $(".lel").css('display', 'block');
                $(".spanLel").attr('required', 'required');
                $(".valueZeroLel").attr('required', 'required');
                $(".valueZeroLelConf").attr('required', 'required');
                $(".valueSpanLel").attr('required', 'required');
                $(".valueSpanLelConf").attr('required', 'required');
            }
            if (h2s === 1) {
                $(".h2s").css('display', 'block');
                $(".spanH2s").attr('required', 'required');
                $(".valueZeroH2s").attr('required', 'required');
                $(".valueZeroH2sConf").attr('required', 'required');
                $(".valueSpanH2s").attr('required', 'required');
                $(".valueSpanH2sConf").attr('required', 'required');
            }
            if (co === 1) {
                $(".co").css('display', 'block');
                $(".spanCo").attr('required', 'required');
                $(".valueZeroCo").attr('required', 'required');
                $(".valueZeroCoConf").attr('required', 'required');
                $(".valueSpanCo").attr('required', 'required');
                $(".valueSpanCoConf").attr('required', 'required');
            }
            if (o2 === 1) {
                $(".o2").css('display', 'block');
                $(".spanO2").attr('required', 'required');
                $(".valueZeroO2").attr('required', 'required');
                $(".valueZeroO2Conf").attr('required', 'required');
                $(".valueSpanO2").attr('required', 'required');
                $(".valueSpanO2Conf").attr('required', 'required');
            }
            if (co2 === 1) {
                $(".co2").css('display', 'block');
                $(".infoCo2Lot").attr('required', 'required');
                $(".infoCo2Valid").attr('required', 'required');
                $(".spanCo2").attr('required', 'required');
                $(".valueZeroCo2").attr('required', 'required');
                $(".valueZeroCo2Conf").attr('required', 'required');
                $(".valueSpanCo2").attr('required', 'required');
                $(".valueSpanCo2Conf").attr('required', 'required');
            }
            if (co2 === 0) {
                $(".co2LotValid").css('display', 'none');


            }

        });

        $("#multigaz_verificationDate").change(function () {
            var rmaCode = $("#multigaz_rmaCode").val();
            var month = $('#multigaz_verificationDate_month').val();
            var year = $('#multigaz_verificationDate_year').val();
            var day = $('#multigaz_verificationDate_day').val();
            var code = '';
            code = rmaCode;
            if (month > 0 && month < 10) {
                month = '0' + month;
            }
            if (day > 0 && day < 10) {
                day = '0' + day;
            }
            var date = year + month + day;
            $('#multigaz_code').val(code + ' - ' + date);
        })

        $("#multigaz_rmaCode").change(function () {
            var rmaCode = $("#multigaz_rmaCode").val();
            var month = $('#multigaz_verificationDate_month').val();
            var year = $('#multigaz_verificationDate_year').val();
            var day = $('#multigaz_verificationDate_day').val();
            var code = '';
            code = rmaCode;
            if (month > 0 && month < 10) {
                month = '0' + month;
            }
            if (day > 0 && day < 10) {
                day = '0' + day;
            }
            var date = year + month + day;
            $('#multigaz_code').val(code + ' - ' + date);
        })

        $("#multigaz_valueZeroLel").change(function () {
            var value = $("#multigaz_valueZeroLel").val();
            if (value <= 0.2 && value >= 0) {
                $('#multigaz_valueZeroLelConf').val("OUI");
                lelConf[0] = 1;
            }
            else {
                $('#multigaz_valueZeroLelConf').val("NON");
                lelConf[0] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueZeroH2s").change(function () {
            var value = $("#multigaz_valueZeroH2s").val();
            if (value <= 0.2 && value >= 0) {
                $('#multigaz_valueZeroH2sConf').val("OUI");
                h2sConf[0] = 1;
            }
            else {
                $('#multigaz_valueZeroH2sConf').val("NON");
                h2sConf[0] = 0;
            }
            checkConforme()
        })


        $("#multigaz_valueZeroCo").change(function () {
            var value = $("#multigaz_valueZeroCo").val();
            if (value <= 0.2 && value >= 0) {
                $('#multigaz_valueZeroCoConf').val("OUI");
                coConf[0] = 1;
            }
            else {
                $('#multigaz_valueZeroCoConf').val("NON");
                coConf[0] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueZeroO2").change(function () {
            var value = $("#multigaz_valueZeroO2").val();
            if (value <= 21.1 && value >= 20.7) {
                $('#multigaz_valueZeroO2Conf').val("OUI");
                o2Conf[0] = 1;
            }
            else {
                $('#multigaz_valueZeroO2Conf').val("NON");
                o2Conf[0] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueZeroCo2").change(function () {
            var value = $("#multigaz_valueZeroCo2").val();
            if (value <= 400 && value >= 0) {
                $('#multigaz_valueZeroCo2Conf').val("OUI");
                co2Conf[0] = 1;
            }
            else {
                $('#multigaz_valueZeroCo2Conf').val("NON");
                co2Conf[0] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueSpanLel").change(function () {
            var value = $("#multigaz_valueSpanLel").val();
            if (value <= 55 && value >= 45) {
                $('#multigaz_valueSpanLelConf').val("OUI");
                lelConf[1] = 1;
            }
            else {
                $('#multigaz_valueSpanLelConf').val("NON");
                lelConf[1] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueSpanH2s").change(function () {
            var value = $("#multigaz_valueSpanH2s").val();
            if (value <= 10.5 && value >= 9.5) {
                $('#multigaz_valueSpanH2sConf').val("OUI");
                h2sConf[1] = 1;
            }
            else {
                $('#multigaz_valueSpanH2sConf').val("NON");
                h2sConf[1] = 0;
            }
            checkConforme()
        })


        $("#multigaz_valueSpanCo").change(function () {
            var value = $("#multigaz_valueSpanCo").val();
            if (value <= 55 && value >= 45) {
                $('#multigaz_valueSpanCoConf').val("OUI");
                coConf[1] = 1;
            }
            else {
                $('#multigaz_valueSpanCoConf').val("NON");
                coConf[1] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueSpanO2").change(function () {
            var value = $("#multigaz_valueSpanO2").val();
            if (value <= 18.5 && value >= 17.5) {
                $('#multigaz_valueSpanO2Conf').val("OUI");
                o2Conf[1] = 1;
            }
            else {
                $('#multigaz_valueSpanO2Conf').val("NON");
                o2Conf[1] = 0;
            }
            checkConforme()
        })

        $("#multigaz_valueSpanCo2").change(function () {
            var value = $("#multigaz_valueSpanCo2").val();
            if (value <= 5002 && value >= 4998) {
                $('#multigaz_valueSpanCo2Conf').val("OUI");
                co2Conf[1] = 1;
            }
            else {
                $('#multigaz_valueSpanCo2Conf').val("NON");
                co2Conf[1] = 0;
            }
            checkConforme()
        })

        function SubmitAndRedirect(route, rmaId) {
            var form = document.getElementById('certificat-multigaz');
            if (form.checkValidity()) {
                $("#multigaz_valueZeroLelConf").attr('disabled', false);
                $("#multigaz_valueZeroH2sConf").attr('disabled', false);
                $("#multigaz_valueZeroCoConf").attr('disabled', false);
                $("#multigaz_valueZeroO2Conf").attr('disabled', false);
                $("#multigaz_valueZeroCo2Conf").attr('disabled', false);
                $("#multigaz_valueSpanLelConf").attr('disabled', false);
                $("#multigaz_valueSpanH2sConf").attr('disabled', false);
                $("#multigaz_valueSpanCoConf").attr('disabled', false);
                $("#multigaz_valueSpanO2Conf").attr('disabled', false);
                $("#multigaz_valueSpanCo2Conf").attr('disabled', false);
                $("#multigaz_code").attr('disabled', false);
                $("#multigaz_rmaCode").attr('disabled', false);
                form.submit();
            }
        }

        function goToRoute(route, rmaId) {
            var path = "";
            if (route === "back") {
                path = "{{ path('rma_list') }}";
            }
            if (route === "rma_files") {
                path = "{{ path('rma_files') }}?id=" + rmaId + '&redirect=certificat_redirect&certif=true';
            } if (route === "certificat_rma_hanna_formulaire") {
                path = "{{ path('certificat_rma_hanna_formulaire') }}?id=" + rmaId + '&boit=0&cond=0&oxyg=0&ph=' + tabCertif[3];
            }
            window.location.href = path;
        }

        function checkConforme() {
            if (lel === 1) {
                if (lelConf[0] === 1 && lelConf[1] === 1) {
                    tabConforme[0] = "OUI";
                    tabConforme[1] = "OUI";
                }
                if (lelConf[0] === 0) {
                    tabConforme[0] = "NON";
                }
                if (lelConf[1] === 0) {
                    tabConforme[1] = "NON";
                }
            } else {
                tabConforme[0] = "OUI";
                tabConforme[1] = "OUI";
            }
            if (h2s === 1) {
                if (h2sConf[0] === 1 && h2sConf[1] === 1) {
                    tabConforme[2] = "OUI";
                    tabConforme[3] = "OUI";
                }
                if (h2sConf[0] === 0) {
                    tabConforme[2] = "NON";
                }
                if (h2sConf[1] === 0) {
                    tabConforme[3] = "NON";
                }
            } else {
                tabConforme[2] = "OUI";
                tabConforme[3] = "OUI";
            }
            if (co === 1) {
                if (coConf[0] === 1 && coConf[1] === 1) {
                    tabConforme[4] = "OUI";
                    tabConforme[5] = "OUI";
                }
                if (coConf[0] === 0) {
                    tabConforme[4] = "NON";
                }
                if (coConf[1] === 0) {
                    tabConforme[5] = "NON";
                }
            } else {
                tabConforme[4] = "OUI";
                tabConforme[5] = "OUI";
            }
            if (o2 === 1) {
                if (o2Conf[0] === 1 && o2Conf[1] === 1) {
                    tabConforme[6] = "OUI";
                    tabConforme[7] = "OUI";
                }
                if (o2Conf[0] === 0) {
                    tabConforme[6] = "NON";
                }
                if (o2Conf[1] === 0) {
                    tabConforme[7] = "NON";
                }
            } else {
                tabConforme[6] = "OUI";
                tabConforme[7] = "OUI";
            }
            if (co2 === 1) {
                if (co2Conf[0] === 1 && co2Conf[1] === 1) {
                    tabConforme[8] = "OUI";
                    tabConforme[9] = "OUI";
                }
                if (co2Conf[0] === 0) {
                    tabConforme[8] = "NON";
                }
                if (co2Conf[1] === 0) {
                    tabConforme[9] = "NON";
                }
            } else {
                tabConforme[8] = "OUI";
                tabConforme[9] = "OUI";
            }

            if (tabConforme.every(elem => elem === "OUI")) {
                $("#multigaz_generalConforme").val("OUI");
                $("#multigaz_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#multigaz_generalConforme").val("NON");
                $("#multigaz_generalConforme").css('background-color', '#ff7877')
            }
        }

    </script>
{% endblock %}