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

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

{% block title %}
    {{ parent() }}
    Création Certificat Tripod Conductivité LOC
{% 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', {{ reploc.id }})">Retour page précédente</button>
{% endblock %}

{% block body %}
    {{ parent() }}
    {{ form_start(form, {'attr' : {'id' : 'certificat-tripod-conductivite-loc', '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 Tripod Conductivité Loc {{ reploc.code }}</h3>
                        {{ form_widget(form.repLocCode, {'attr' : {'style' : 'display: none'}}) }}
                    </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' : {'style' : 'width: 250px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>
                        </div>
                        <div class="col-12 first-block">
                            <div class="col-6">
                                <div class="form-group row">
                                    <label class="col-12" for="reploc_diagnostic_diagnosticTestFonctMat">Numéro Appareil<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.appareilNum, {'attr' : {'style' : 'width: 250px; height: 50px;'}}) }}
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12" for="reploc_diagnostic_diagnosticTestFonctMat">Serial<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.serial, {'attr' : {'style' : 'width: 250px; height: 50px;'}}) }}
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <label class="col-12" for="reploc_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="reploc_diagnostic_diagnosticTestFonctMat">Prochaine date de vérification<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.nextVerificationDate, {'attr' : {'style' : 'border: none; resize: none;'}}) }}
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-12" for="reploc_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">
                                <h5 class="col-12" style="text-decoration: underline;">Vérification de la température</h5>
                            </div>
                            <div class="col-12 third-block">
                                <div class="col-2" style="margin: 3em 0 0 -8em; padding-left: 73px;">
                                    <p class="p-perte-charge">Eau froide</p>
                                    <p class="p-perte-charge">Eau chaude</p>
                                </div>
                                <div class="col-2">
                                    <label class="col-12">Tref</label>
                                    <div style="display: inline-flex; font-size: large">{{ form_widget(form.coldWaterTref) }}°C</div>
                                    <div style="display: inline-flex; font-size: large">{{ form_widget(form.hotWaterTref) }}°C</div>
                                </div>
                                <div class="col-2">
                                    <label class="col-12">Tsonde</label>
                                    <div style="display: inline-flex; font-size: large">{{ form_widget(form.coldWaterTsonde) }}°C</div>
                                    <div style="display: inline-flex; font-size: large">{{ form_widget(form.hotWaterTsonde) }}°C</div>
                                </div>
                                <div class="col-2">
                                    <label class="col-12">Conforme</label>
                                    {{ form_widget(form.coldWaterConf, {'attr' : {'disabled' : 'disabled'}}) }}
                                    {{ form_widget(form.hotWaterConf, {'attr' : {'disabled' : 'disabled'}}) }}
                                </div>
                                <div style="margin-top: 20px;">Tolérance +- 0.5°C <br/> Eau froide proche de 0°C<br/>Eau chaud > 25°C</div>
                            </div>
                        </div>
                        <div class="col-12">
                            <h5 class="col-12" style="text-decoration: underline; margin-top: -4em; font-size: medium;">Thermomètre de référence</h5>
                        </div>
                        <div class="col-12" style="display: inline-flex">
                            <div class="col-4">
                                <label class="col-12">Marque<span class="required-input-sign">*</span></label>
                                <div class="col-12">
                                    {{ form_widget(form.mark) }}
                                </div>
                            </div>
                            <div class="col-4">
                                <label class="col-12">N° de série<span class="required-input-sign">*</span></label>
                                <div class="col-12" style="display: inline-flex">
                                    {{ form_widget(form.serialNumber) }}
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group row">
                                    <label class="col-12">Date d'étalonnage<span class="required-input-sign">*</span></label>
                                    <div class="col-12" style="display: block">
                                        {{ form_widget(form.etalonnageDate, {'attr' : {'style' : 'border: none; resize: none;'}}) }}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12" style="margin-bottom: 3em">
                            <div class="col-12">
                                <h5 class="col-12" style="text-decoration: underline; margin-top: 2em">Calibration de la conductivité</h5>
                            </div>



                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-2" style="margin-left: 37.5em">
                                    <label class="col-12">Coefficients</label>
                                </div>
                                <div class="col-3" style="margin-left: 6em">
                                    <label class="col-12">Conforme</label>
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">0 - 200</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">Air</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Offset +- 10 µS.cm-1</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.offsetCoef1, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">µS.cm-1</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.offsetConf1, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                               <div class="col-1" style="text-align: center">µS/cm</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">84 µS/cm</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Pente +- 30%</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.PenteCoef1, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">%</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.PenteConf1, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">0 - 2000</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">Air</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Offset +- 30 µS.cm-1</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.offsetCoef2, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">µS.cm-1</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.offsetConf2, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">µS/cm</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">1413 µS/cm</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Pente +- 30%</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.PenteCoef2, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">%</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.PenteConf2, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>


                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">0 - 20</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">Air</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Offset +- 1 mS.cm-1</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.offsetCoef3, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">mS.cm-1</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.offsetConf3, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">mS/cm</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">12,88 mS/cm</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Pente +- 30%</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.PenteCoef3, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">%</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.PenteConf3, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">0 - 200</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">Air</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Offset +- 10 mS.cm-1</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.offsetCoef4, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">mS.cm-1</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.offsetConf4, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 third-block" style="margin-bottom: 0; justify-content: flex-start; margin-left: 4em">
                                <div class="col-1" style="text-align: center">mS/cm</div>
                                <div class="col-2" style="text-align: center">
                                    <label class="col-12">111,8 mS/cm</label>
                                </div>
                                <div class="col-3">
                                    <label class="col-12">Pente +- 30%</label>
                                </div>
                                <div class="col-3" style="display: flex; flex-direction: row">
                                    {{ form_widget(form.PenteCoef4, {'attr' : { 'style' : 'width: 100px;'}}) }}
                                    <label class="col-8">%</label>
                                </div>
                                <div class="col-3">
                                    {{ form_widget(form.PenteConf4, {'attr' : { 'style' : 'width: 80px', 'disabled' : 'disabled'}}) }}
                                </div>
                            </div>

                            <div class="col-12 quad-block" style="margin-top: 3em">
                                <div class="col-9" style="display: inline-flex; border: 1px">
                                    <div style="margin-top: 5px">HI 7033</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Lot</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.lot1, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.valid1, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                </div>
                            </div>
                            <div class="col-12 quad-block">
                                <div class="col-9" style="display: inline-flex; border: 1px">
                                    <div style="margin-top: 5px">HI 7031</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Lot</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.lot2, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.valid2, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                </div>
                            </div>
                            <div class="col-12 quad-block">
                                <div class="col-9" style="display: inline-flex; border: 1px">
                                    <div style="margin-top: 5px">HI 7030</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Lot</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.lot3, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.valid3, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                </div>
                            </div>
                            <div class="col-12 quad-block">
                                <div class="col-9" style="display: inline-flex; border: 1px">
                                    <div style="margin-top: 5px">HI 7035</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Lot</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.lot4, {'attr' : { 'style' : 'width: 100px;'}}) }}</div>
                                    <div style="margin-left: 2em; margin-top: 5px">Validité</div>
                                    <div style="margin-left: 2em; margin-top: 5px">{{ form_widget(form.valid4, {'attr' : { 'style' : 'width: 100px;'}}) }}</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('reploc_files', {{ reploc.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', {{ reploc.id }})">Annuler</button>
                <button type="submit" id="button-generate" class="btn btn-primary" onclick="SubmitAndRedirect('reploc_files', {{ reploc.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_reploc_tripod_formulaire', {{ reploc.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 = [];
        var tabCertif = [];

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

            tabCertif[0] = {{ boit }};
            tabCertif[1] = {{ cond }};
            tabCertif[2] = {{ oxyg }};
            tabCertif[3] = {{ ph }};

            if ("{{ certif.getId }}" !== '') {
                var oldDateVerif = "{{ certif.getVerificationDate | date("d/m/Y")}}"
                oldDateVerif = oldDateVerif.split('/');
                if (oldDateVerif[1][0] === '0') {
                    oldDateVerif[1] = oldDateVerif[1][1];
                }
                if (oldDateVerif[0][0] === '0') {
                    oldDateVerif[0] = oldDateVerif[0][1];
                }
                $('#tripod_conductivite_loc_verificationDate_day').val(oldDateVerif[0]);
                $('#tripod_conductivite_loc_verificationDate_month').val(oldDateVerif[1]);
                $('#tripod_conductivite_loc_verificationDate_year').val(oldDateVerif[2]);

                var oldNextDateVerif = "{{ certif.getNextVerificationDate | date("d/m/Y")}}"
                oldNextDateVerif = oldNextDateVerif.split('/');
                if (oldNextDateVerif[1][0] === '0') {
                    oldNextDateVerif[1] = oldNextDateVerif[1][1];
                }
                if (oldNextDateVerif[0][0] === '0') {
                    oldNextDateVerif[0] = oldNextDateVerif[0][1];
                }
                $('#tripod_conductivite_loc_nextVerificationDate_day').val(oldNextDateVerif[0]);
                $('#tripod_conductivite_loc_nextVerificationDate_month').val(oldNextDateVerif[1]);
                $('#tripod_conductivite_loc_nextVerificationDate_year').val(oldNextDateVerif[2]);

                var oldDateEtalonnage = "{{ certif.getEtalonnageDate | date("d/m/Y")}}"
                oldDateEtalonnage = oldDateEtalonnage.split('/');
                if (oldDateEtalonnage[1][0] === '0') {
                    oldDateEtalonnage[1] = oldDateEtalonnage[1][1];
                }
                if (oldDateEtalonnage[0][0] === '0') {
                    oldDateEtalonnage[0] = oldDateEtalonnage[0][1];
                }
                $('#tripod_conductivite_loc_etalonnageDate_day').val(oldDateEtalonnage[0]);
                $('#tripod_conductivite_loc_etalonnageDate_month').val(oldDateEtalonnage[1]);
                $('#tripod_conductivite_loc_etalonnageDate_year').val(oldDateEtalonnage[2]);


                if ("{{ certif.getGeneralConforme }}" === 'OUI') {
                    $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
                }
                if ("{{ certif.getAppareilNum }}") {
                    var appareilNum = "{{ certif.getAppareilNum }}";
                    $("#reploc-numApp").val(appareilNum);
                }

                tabConforme[0] = $("#tripod_conductivite_loc_coldWaterConf").val();
                tabConforme[1] = $("#tripod_conductivite_loc_hotWaterConf").val();
                tabConforme[2] = $("#tripod_conductivite_loc_offsetConf1").val();
                tabConforme[3] = $("#tripod_conductivite_loc_PenteConf1").val();
                tabConforme[4] = $("#tripod_conductivite_loc_offsetConf2").val();
                tabConforme[5] = $("#tripod_conductivite_loc_PenteConf2").val();
                tabConforme[6] = $("#tripod_conductivite_loc_offsetConf3").val();
                tabConforme[7] = $("#tripod_conductivite_loc_PenteConf3").val();
                tabConforme[8] = $("#tripod_conductivite_loc_offsetConf4").val();
                tabConforme[9] = $("#tripod_conductivite_loc_PenteConf4").val();

                $("#tripod_conductivite_loc_repLocCode").val("{{ reploc.code }}")
            }

            else {
                var month = $('#tripod_conductivite_loc_verificationDate_month').val();
                var year = $('#tripod_conductivite_loc_verificationDate_year').val();
                var day = $('#tripod_conductivite_loc_verificationDate_day').val();
                var dayCode = $('#tripod_conductivite_loc_verificationDate_day').val();
                var code = '';
                code = $("#tripod_conductivite_loc_appareilNum").val();
                if (month > 0 && month < 10) {
                    month = '0' + month;
                }
                if (dayCode > 0 && dayCode < 10) {
                    dayCode = '0' + dayCode;
                }
                var date = year + month + dayCode;
                $('#tripod_conductivite_loc_code').val(code + ' - ' + date);

                var status = "{{ status }}";
                var oldDate = new Date()
                oldDate.setDate(day);
                oldDate.setMonth(month - 1);
                oldDate.setFullYear(year);
                var nextDate = new Date();
                nextDate.setDate(oldDate.getDate() + 90);
                $("#tripod_conductivite_loc_nextVerificationDate_day").val(nextDate.getDate());
                $("#tripod_conductivite_loc_nextVerificationDate_month").val(nextDate.getMonth() + 1);
                $("#tripod_conductivite_loc_nextVerificationDate_year").val(nextDate.getFullYear());
            }

        });

        $("#tripod_conductivite_loc_verificationDate").change(function () {
            var month = $('#tripod_conductivite_loc_verificationDate_month').val();
            var year = $('#tripod_conductivite_loc_verificationDate_year').val();
            var day = $('#tripod_conductivite_loc_verificationDate_day').val();
            var dayCode = $('#tripod_conductivite_loc_verificationDate_day').val();
            var code = '';
            code = $("#tripod_conductivite_loc_appareilNum").val();
            if (month > 0 && month < 10) {
                month = '0' + month;
            }
            if (dayCode > 0 && dayCode < 10) {
                dayCode = '0' + dayCode;
            }
            var date = year + month + dayCode;
            $('#tripod_conductivite_loc_code').val(code + ' - ' + date);
            var odate = new Date(year, month - 1, day);
            var newdate = new Date(odate);
            newdate.setDate(newdate.getDate() + 90);
            var nd = new Date(newdate);
            $("#tripod_conductivite_loc_nextVerificationDate_year").val(nd.getFullYear());
            $("#tripod_conductivite_loc_nextVerificationDate_month").val(nd.getMonth() + 1);
            $("#tripod_conductivite_loc_nextVerificationDate_day").val(nd.getDate());
        })

        $("#tripod_conductivite_loc_appareilNum").change(function () {
            var rmaCode = $("#tripod_conductivite_loc_appareilNum").val();
            var month = $('#tripod_conductivite_loc_verificationDate_month').val();
            var year = $('#tripod_conductivite_loc_verificationDate_year').val();
            var day = $('#tripod_conductivite_loc_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;
            $('#tripod_conductivite_loc_code').val(code + ' - ' + date);
        })

        $("#tripod_conductivite_loc_coldWaterTref").change(function () {
            var tref = $("#tripod_conductivite_loc_coldWaterTref").val();
            var tsonde = $("#tripod_conductivite_loc_coldWaterTsonde").val();
            var diff = tref - tsonde;
            console.log(diff);
            if (diff <= 0.5 && diff >= -0.5) {
                $('#tripod_conductivite_loc_coldWaterConf').val("OUI");
                tabConforme[0] = "OUI";
            }
            else {
                $('#tripod_conductivite_loc_coldWaterConf').val("NON");
                tabConforme[0] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_coldWaterTsonde").change(function () {
            var tref = $("#tripod_conductivite_loc_coldWaterTref").val();
            var tsonde = $("#tripod_conductivite_loc_coldWaterTsonde").val();
            var diff = tref - tsonde;
            console.log(diff);
            if (diff <= 0.5 && diff >= -0.5) {
                $('#tripod_conductivite_loc_coldWaterConf').val("OUI");
                tabConforme[0] = "OUI";
            }
            else {
                $('#tripod_conductivite_loc_coldWaterConf').val("NON");
                tabConforme[0] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })


        $("#tripod_conductivite_loc_hotWaterTref").change(function () {
            var tref = $("#tripod_conductivite_loc_hotWaterTref").val();
            var tsonde = $("#tripod_conductivite_loc_hotWaterTsonde").val();
            var diff = tref - tsonde;
            console.log(diff);
            if (diff <= 2 && diff >= -2) {
                $('#tripod_conductivite_loc_hotWaterConf').val("OUI");
                tabConforme[1] = "OUI";
            }
            else {
                $('#tripod_conductivite_loc_hotWaterConf').val("NON");
                tabConforme[1] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_hotWaterTsonde").change(function () {
            var tref = $("#tripod_conductivite_loc_hotWaterTref").val();
            var tsonde = $("#tripod_conductivite_loc_hotWaterTsonde").val();
            var diff = tref - tsonde;
            console.log(diff);
            if (diff <= 2 && diff >= -2) {
                $('#tripod_conductivite_loc_hotWaterConf').val("OUI");
                tabConforme[1] = "OUI";
            }
            else {
                $('#tripod_conductivite_loc_hotWaterConf').val("NON");
                tabConforme[1] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        function SubmitAndRedirect(route, rmaId) {
            var form = document.getElementById('certificat-tripod-conductivite-loc');
            if (form.checkValidity()) {
                $("#tripod_conductivite_loc_coldWaterConf").attr('disabled', false);
                $("#tripod_conductivite_loc_hotWaterConf").attr('disabled', false);
                $("#tripod_conductivite_loc_code").attr('disabled', false);
                $("#tripod_conductivite_loc_rmaCode").attr('disabled', false);
                $("#tripod_conductivite_loc_PenteConf1").attr('disabled', false);
                $("#tripod_conductivite_loc_PenteConf2").attr('disabled', false);
                $("#tripod_conductivite_loc_PenteConf3").attr('disabled', false);
                $("#tripod_conductivite_loc_PenteConf4").attr('disabled', false);
                $("#tripod_conductivite_loc_offsetConf1").attr('disabled', false);
                $("#tripod_conductivite_loc_offsetConf2").attr('disabled', false);
                $("#tripod_conductivite_loc_offsetConf3").attr('disabled', false);
                $("#tripod_conductivite_loc_offsetConf4").attr('disabled', false);
                form.submit();
                if (tabCertif[2] === 1 || tabCertif[3] === 1) {
                    $('#button-generate').css('display', 'none');
                    $('#button-next').css('display', 'block');
                }
            }
        }

        function goToRoute(route, replocId) {
            var path = "";
            if (route === "back") {
                path = "{{ path('reploc_list') }}";
            }
            if (route === "reploc_files") {
                path = "{{ path('reploc_files') }}?id=" + replocId + '&redirect=certificat_redirect_generate&certif=true';
            } if (route === "certificat_reploc_tripod_formulaire") {
                if ("{{ status }}" === 'pass') {
                    path = "{{ path('update_certificat') }}?idCertif=" + "{{ certif.getId }}" + "&type=tripod" + '&boit=0&cond=0&oxyg=' + tabCertif[2] + '&ph=' + tabCertif[3];
                } else {
                    path = "{{ path('certificat_reploc_tripod_formulaire') }}?id=" + replocId + '&boit=0&cond=0&oxyg= ' + tabCertif[2] + '&ph=' + tabCertif[3];
                }
            }
            window.location.href = path;
        }

        $("#tripod_conductivite_loc_offsetCoef1").on('change', function() {
            if (this.value <= 10) {
                $("#tripod_conductivite_loc_offsetConf1").val("OUI")
                tabConforme[2] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_offsetConf1").val("NON")
                tabConforme[2] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_PenteCoef1").on('change', function() {
            if (this.value <= 30) {
                $("#tripod_conductivite_loc_PenteConf1").val("OUI")
                tabConforme[3] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_PenteConf1").val("NON")
                tabConforme[3] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_offsetCoef2").on('change', function() {
            if (this.value <= 30) {
                $("#tripod_conductivite_loc_offsetConf2").val("OUI")
                tabConforme[4] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_offsetConf2").val("NON")
                tabConforme[4] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_PenteCoef2").on('change', function() {
            if (this.value <= 30) {
                $("#tripod_conductivite_loc_PenteConf2").val("OUI")
                tabConforme[5] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_PenteConf2").val("NON")
                tabConforme[5] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_offsetCoef3").on('change', function() {
            if (this.value <= 1) {
                $("#tripod_conductivite_loc_offsetConf3").val("OUI")
                tabConforme[6] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_offsetConf3").val("NON")
                tabConforme[6] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_PenteCoef3").on('change', function() {
            if (this.value <= 30) {
                $("#tripod_conductivite_loc_PenteConf3").val("OUI")
                tabConforme[7] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_PenteConf3").val("NON")
                tabConforme[7] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_offsetCoef4").on('change', function() {
            if (this.value <= 10) {
                $("#tripod_conductivite_loc_offsetConf4").val("OUI")
                tabConforme[8] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_offsetConf4").val("NON")
                tabConforme[8] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })

        $("#tripod_conductivite_loc_PenteCoef4").on('change', function() {
            if (this.value <= 30) {
                $("#tripod_conductivite_loc_PenteConf4").val("OUI")
                tabConforme[9] = "OUI";
            }
            else {
                $("#tripod_conductivite_loc_PenteConf4").val("NON")
                tabConforme[9] = "NON";
            }
            if (tabConforme.every(elem => elem === "OUI")) {
                $("#tripod_conductivite_loc_generalConforme").val("OUI");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#b0c888')
            }
            else {
                $("#tripod_conductivite_loc_generalConforme").val("NON");
                $("#tripod_conductivite_loc_generalConforme").css('background-color', '#ff7877')
            }
        })


        $('#tripod_conductivite_loc_mark').on('change', function() {
            if (this.value === "Delta Ohm 1") {
                $("#tripod_conductivite_loc_serialNumber").val("20030747")
            }
            else if (this.value === "Delta Ohm 2") {
                $("#tripod_conductivite_loc_serialNumber").val("21034746")
            }
        })

    </script>
{% endblock %}