@extends('Templates.templateWorkstations')

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.js">
</script>
<link rel="stylesheet"
    href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.6.3/jquery-ui-timepicker-addon.min.css">

@section('content')
    {{-- TE1 - Desmontar da linha --}}
    @if ($task_todo == 1)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>

                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST"  id="form1" class="monitored-form">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Conformidade da etiqueta -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 icheck-primary">
                                            <input id="confirm-checkbox" type="checkbox"
                                                name="confirm_label_compliance-checkbox" required>
                                            <label for="confirm-checkbox">Conformidade da etiqueta <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Conformidade da etiqueta -->

                                    <!-- Tipo de junta existente -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Tipo de junta existente <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="existing-joint" name="existing_joint-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Tipo 1">Tipo 1</option>
                                                <option value="Tipo 2">Tipo 2</option>
                                                <option value="Tipo 3">Tipo 3</option>
                                                <option value="Tipo 4">Tipo 4</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Tipo de junta existente -->

                                    <!-- Facing type -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <label>Facing type <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="facing-type" name="facing_type-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Opção 1">Opção 1</option>
                                                <option value="Opção 2">Opção 2</option>
                                                <option value="Opção 3">Opção 3</option>
                                                <option value="Opção 4">Opção 4</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Facing type -->

                                    <!-- Diâmetro do perno -->
                                    <div class="row m-3">
                                        <div class="col-md-6">
                                            <label>Diâmetro do perno</label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" value="Polegadas" id="diameter-inches"
                                                    name="diameter-varchar">
                                                <label for="diameter-inches">Polegadas</label>
                                            </div>
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" value="Milímetros" id="diameter-milimeters"
                                                    name="diameter-varchar">
                                                <label for="diameter-milimeters">Milímetros</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Diâmetro do perno -->

                                    <!-- Medida do perno -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Medida do perno</label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="bolt-measure1" name="bolt_measure1-number" type="number"
                                                step="0.01" class="form-control" style="width: 40%;" placeholder=""> x

                                            <input id="bolt-measure2" name="bolt_measure2-number" type="number"
                                                class="form-control ml-2" style="width: 40%;" placeholder="">
                                        </div>
                                    </div>
                                    <!-- ./ Medida do perno -->

                                    <!-- Medida da chave (mm) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Medida da chave (mm)</label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="key-measure" name="key_measure-number" type="number"
                                                class="form-control" placeholder="">
                                        </div>
                                    </div>
                                    <!-- ./ Medida da chave (mm) -->

                                    <!-- Tubagem obstruída -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Tubagem obstruída</label>
                                            <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;" data-toggle="tooltip"
                                                title="Considera-se obstruída a tubagem onde a válvula se encontra conectada, quando a obstrução é = v > a 25%"></i>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" value="TRUE" id="piping-yes"
                                                    name="piping-boolean">
                                                <label for="piping-yes">Sim</label>
                                            </div>
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" value="FALSE" id="piping-no"
                                                    name="piping-boolean">
                                                <label for="piping-no">Não</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Tubagem obstruída -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary">Cancelar</button> --}}
                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE2 - Descontaminar --}}
    @if ($task_todo == 2)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE2 - Descontaminar</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form   id="form2" class="monitored-form" action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf

                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Decontamination -->
                                    <div class="row mb-3 mt-4">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Descontaminação de acordo com as indicações do cliente? <span
                                                    style="color: red;">*</span></label>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" value="yes" id="decontamination_yes"
                                                    name="decontamination-varchar">
                                                <label for="decontamination_yes">Sim</label>
                                            </div>
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" value="no" id="decontamination_no"
                                                    name="decontamination-varchar">
                                                <label for="decontamination_no">Não</label>
                                            </div>
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" value="nA" id="diameter_not_applicable"
                                                    name="decontamination-varchar">
                                                <label for="diameter_not_applicable">Não aplicável</label>
                                            </div>
                                        </div>

                                    </div>
                                    <!-- ./ Decontamination -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}} 

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE3 - Pré-teste --}}
    @if ($task_todo == 3)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE3 - PSV - Pré-teste</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST"  id="form3" class="monitored-form" >
                            @csrf

                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">

                                            <!-- Validar especificações técnicas -->
                                            <div class="row mb-3">
                                                <div class="icheck-primary">
                                                    <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                        value="on" required>
                                                    <label for="confirm-checkbox">Validar especificações técnicas <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                            </div>
                                            <!-- ./ Validar especificações técnicas -->

                                            <!-- Especificações técnicas -->
                                            <div class="row mb-3">
                                                <label>Especificações técnicas</label>
                                                <textarea name="technical_specs-text" class="form-control" rows="3" placeholder=""></textarea>
                                            </div>
                                            <!-- ./ Especificações técnicas -->

                                            <!-- Data de pré-teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-3 d-flex align-items-center">
                                                    <label>Data de pré-teste</label>
                                                </div>
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <div class="input-group date" id="reservationdate"
                                                        data-target-input="nearest">
                                                        <input type="text" name="pre_test_date-date"
                                                            class="form-control datetimepicker-input"
                                                            data-target="#reservationdate" data-inputmask-alias="datetime"
                                                            data-inputmask-inputformat="yyyy/mm/dd" data-mask
                                                            placeholder="dd/mm/AA">
                                                        <div class="input-group-append" data-target="#reservationdate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Data de pré-teste -->

                                            <!-- API RP 576 -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Pré-teste efetuado de acordo com o API RP 576</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="apirp576-yes" name="apirp576-select">
                                                        <label value="Sim" for="apirp576-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="apirp576-no" name="apirp576-select">
                                                        <label value="Não" for="apirp576-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ API RP 576 -->

                                            <!-- Pré-teste em bancada -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Foi efetuado o pré-teste em bancada <span
                                                            style="color: red;">*</span></label></label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="bench-pretest-yes"
                                                            name="bench_pretest-select" required>
                                                        <label value="Sim" for="bench-pretest-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="bench-pretest-no"
                                                            name="bench_pretest-select">
                                                        <label value="Não" for="bench-pretest-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Pré-teste em bancada -->

                                            <!-- Conforme recebida da unidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Conforme recebida da unidade</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="unit-received-yes"
                                                            name="unit_received-select">
                                                        <label value="Sim" for="unit-received-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="unit-received-no"
                                                            name="unit_received-select">
                                                        <label value="Não" for="unit-received-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Conforme recebida da unidade -->

                                            <!-- Após limpeza -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Após limpeza</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="after-cleaning-yes"
                                                            name="after_cleaning-select">
                                                        <label value="Sim" for="after-cleaning-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="after-cleaning-no"
                                                            name="after_cleaning-select">
                                                        <label value="Não" for="after-cleaning-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Após limpeza -->

                                            <!-- Apresenta fuga -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Apresenta fuga</label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se com fuga no teste de 'POP', em bancada ou na instalação, quando o início da passagem é inferior a 90% relativamente ao 'set pressure', (95% para válvulas pilotadas). Para testes de inspeção visual considera-se com fuga se houver evidência de danos excessivos ou cortes nas faces de vedação"></i>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="shows-leak-yes"
                                                            name="shows_leak-select">
                                                        <label value="Sim" for="shows-leak-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="shows-leak-no"
                                                            name="shows_leak-select">
                                                        <label value="Não" for="shows-leak-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Apresenta fuga -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">

                                            <!-- Pressão a que se inicia a passagem (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão a que se inicia a passagem (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="pressure-flow-begins" name="pressure_flow_begins-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão a que se inicia a passagem (bar) -->

                                            <!-- Pressão a que volta a fechar "assentar" (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão a que volta a fechar "assentar" (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="pressure-flow-stops" name="pressure_flow_stops-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão a que volta a fechar "assentar" (bar) -->

                                            <!-- Pressão de abertura POP (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão de abertura POP (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="POP_opening_pressure" name="POP_opening_pressure-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão de abertura POP (bar) -->

                                            <!-- A válvula está colada -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>A válvula está colada <span style="color: red;">*</span></label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se válvula colada quando se eleva a pressão até 30% da Pressão de Teste e não abre"></i>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="stuck-valve-yes"
                                                            name="stuck_valve-select" required>
                                                        <label value="Sim" for="stuck-valve-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="stuck-valve-no"
                                                            name="stuck_valve-select">
                                                        <label value="Não" for="stuck-valve-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ A válvula está colada -->

                                            <!-- Indicar se a válvula volta a assentar durante o teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-7 d-flex align-items-center">
                                                    <label>Indicar se a válvula volta a assentar durante o teste <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="valve-reseats-yes"
                                                            name="valve_reseats-select" required>
                                                        <label value="Sim" for="valve-reseats-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="valve-reseats-no"
                                                            name="valve_reseats-select">
                                                        <label value="Não" for="valve-reseats-no">Não</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="valve-reseats-na"
                                                            name="valve_reseats-select">
                                                        <label value="NA" for="valve-reseats-na">Não aplicável</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Indicar se a válvula volta a assentar durante o teste -->

                                            <!-- Reparada -->
                                            <div class="row mb-3">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Reparada <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="repaired-new" name="repaired-select"
                                                            required>
                                                        <label value="Nova" for="repaired-new">Nova</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="repaired-yes" name="repaired-select">
                                                        <label value="Sim" for="repaired-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="repaired-no" name="repaired-select">
                                                        <label value="Não" for="repaired-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Reparada -->

                                            <!-- Resultado do pré-teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Resultado do pré-teste <span
                                                            style="color: red;">*</span></label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se que passou o teste de 'POP', em bancada ou na instalação, quando a abertura se dá num intervalo de 30% relativamente ao 'set pressure'. Para testes de inspeção visual considera-se que passou se não houver evidências de mola danificada, corrosão excessiva e/ou gripagem das peças móveis (haste/guia/obturador)."></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="pre-test-result-passed"
                                                            name="pre_test_result-select" required>
                                                        <label value="Passou" for="pre-test-result-passed">Passou</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="pre-test-result-failed"
                                                            name="pre_test_result-select">
                                                        <label value="Chumbou"
                                                            for="pre-test-result-failed">Chumbou</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Resultado do pré-teste -->

                                            <!-- Resumo -->
                                            <label>Resumo</label>
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="width: 50%">Falha ao abrir</th>
                                                        <th style="width: 50%">Falha de estanquicidade (Fuga)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <!-- FTO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="fto-lpv-fto"
                                                                    name="fto_lpv-select" required>
                                                                <label value="FTO" for="fto-lpv-fto">Preso ou Falha a
                                                                    Abrir
                                                                    (FTO) <span style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ FTO -->
                                                        </td>
                                                        <td>
                                                            <!-- LPV -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="fto-lpv-lpv"
                                                                    name="fto_lpv-select" required>
                                                                <label value="FTO" for="fto-lpv-lpv">Fuga Superior à
                                                                    Permitida (LPV) <span
                                                                        style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ LPV -->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!-- VPO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="vpo-spo-vpo"
                                                                    name="vpo_spo-select" required>
                                                                <label value="VPO" for="vpo-spo-vpo">Válvula
                                                                    Parcialmente
                                                                    Aberta (VPO) <span style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ VPO -->
                                                        </td>
                                                        <td>
                                                            <!-- SPO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="vpo-spo-spo"
                                                                    name="vpo_spo-select" required>
                                                                <label value="SPO" for="vpo-spo-spo">Abre Antes da
                                                                    Pressão
                                                                    de Teste (SPO) <span
                                                                        style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ SPO -->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!-- OASP -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="oasp-vso-oasp"
                                                                    name="oasp_vso-select" required>
                                                                <label value="OASP" for="oasp-vso-oasp">Abre Acima da
                                                                    Pressão de Teste (OASP) <span
                                                                        style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ OASP -->
                                                        </td>
                                                        <td>
                                                            <!-- VSO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="oasp-vso-vso"
                                                                    name="oasp_vso-select" required>
                                                                <label value="VSO" for="oasp-vso-vso">Válvula Colada
                                                                    (VSO)
                                                                    <span style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ VSO -->
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- ./Resumo -->

                                        </div>
                                        <!-- ./ Second card column -->



                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE3(2)-CV Pré-teste --}}
    @if ($task_todo == 4)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE3 - CV - Pré-teste</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>

                            </div>
                        </div>
                        <form  id="form4" class="monitored-form" action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf

                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">

                                            <!-- Validar especificações técnicas -->
                                            <div class="row mb-3">
                                                <div class="icheck-primary">
                                                    <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                        value="1" required>
                                                    <label for="confirm-checkbox">Validar especificações técnicas <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                            </div>
                                            <!-- ./ Validar especificações técnicas -->

                                            <!-- Especificações técnicas -->
                                            <div class="row mb-3">
                                                <label>Especificações técnicas</label>
                                                <textarea name="technical_specs-text" class="form-control" rows="3" placeholder=""></textarea>
                                            </div>
                                            <!-- ./ Especificações técnicas -->

                                            <!-- Data de pré-teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-3 d-flex align-items-center">
                                                    <label>Data de pré-teste</label>
                                                </div>
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <div class="input-group date" id="reservationdate"
                                                        data-target-input="nearest">
                                                        <input type="text" name="pre_test-date"
                                                            class="form-control datetimepicker-input"
                                                            data-target="#reservationdate" data-inputmask-alias="datetime"
                                                            data-inputmask-inputformat="yyyy/mm/dd" data-mask
                                                            placeholder="dd/mm/AA">
                                                        <div class="input-group-append" data-target="#reservationdate"
                                                            data-toggle="datetimepicker">
                                                            <div class="input-group-text"><i class="fa fa-calendar"></i>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Data de pré-teste -->

                                            <!-- API RP 576 -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Pré-teste efetuado de acordo com o API RP 576</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="apirp576-yes" name="apirp576-select">
                                                        <label value="Sim" for="apirp576-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="apirp576-no" name="apirp576-select">
                                                        <label value="Não" for="apirp576-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ API RP 576 -->

                                            <!-- Pré-teste em bancada -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Foi efetuado o pré-teste em bancada <span
                                                            style="color: red;">*</span></label></label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="bench-pretest-yes"
                                                            name="bench_pretest-select" required>
                                                        <label value="Sim" for="bench-pretest-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="bench-pretest-no"
                                                            name="bench_pretest-select">
                                                        <label value="Não" for="bench-pretest-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Pré-teste em bancada -->

                                            <!-- Conforme recebida da unidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Conforme recebida da unidade</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="unit-received-yes"
                                                            name="unit_received-select">
                                                        <label value="Sim" for="unit-received-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="unit-received-no"
                                                            name="unit_received-select">
                                                        <label value="Não" for="unit-received-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Conforme recebida da unidade -->

                                            <!-- Após limpeza -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Após limpeza</label>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="after-cleaning-yes"
                                                            name="after_cleaning-select">
                                                        <label value="Sim" for="after-cleaning-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="after-cleaning-no"
                                                            name="after_cleaning-select">
                                                        <label value="Não" for="after-cleaning-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Após limpeza -->

                                            <!-- Apresenta fuga -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>Apresenta fuga</label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se com fuga no teste de 'POP', em bancada ou na instalação, quando o início da passagem é inferior a 90% relativamente ao 'set pressure', (95% para válvulas pilotadas). Para testes de inspeção visual considera-se com fuga se houver evidência de danos excessivos ou cortes nas faces de vedação"></i>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="shows-leak-yes"
                                                            name="shows_leak-select">
                                                        <label value="Sim" for="shows-leak-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="shows-leak-no"
                                                            name="shows_leak-select">
                                                        <label value="Não" for="shows-leak-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Apresenta fuga -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">

                                            <!-- Pressão a que se inicia a passagem (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão a que se inicia a passagem (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="pressure-flow-begins" name="pressure_flow_begins-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão a que se inicia a passagem (bar) -->

                                            <!-- Pressão a que volta a fechar "assentar" (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão a que volta a fechar "assentar" (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="pressure-flow-stops" name="pressure_flow_stops-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão a que volta a fechar "assentar" (bar) -->

                                            <!-- Pressão de abertura POP (bar) -->
                                            <div class="row mb-3">
                                                <div class="col-md-7">
                                                    <label>Pressão de abertura POP (bar) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5 d-flex align-items-center">
                                                    <input id="pressure-flow-stops" name="pressure_flow_stops-label"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão de abertura POP (bar) -->

                                            <!-- A válvula está colada -->
                                            <div class="row mb-3">
                                                <div class="col-md-9 d-flex align-items-center">
                                                    <label>A válvula está colada <span style="color: red;">*</span></label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se válvula colada quando se eleva a pressão até 30% da Pressão de Teste e não abre"></i>
                                                </div>
                                                <div class="col-md-3">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="stuck-valve-yes"
                                                            name="stuck_valve-select" required>
                                                        <label value="Sim" for="stuck-valve-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="stuck-valve-no"
                                                            name="stuck_valve-select">
                                                        <label value="Não" for="stuck-valve-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ A válvula está colada -->

                                            <!-- Indicar se a válvula volta a assentar durante o teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-7 d-flex align-items-center">
                                                    <label>Indicar se a válvula volta a assentar durante o teste <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-5">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="valve-reseats-yes"
                                                            name="valve_reseats-select" required>
                                                        <label value="Sim" for="valve-reseats-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="valve-reseats-no"
                                                            name="valve_reseats-select">
                                                        <label value="Não" for="valve-reseats-no">Não</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="valve-reseats-na"
                                                            name="valve_reseats-select">
                                                        <label value="NA" for="valve-reseats-na">Não aplicável</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Indicar se a válvula volta a assentar durante o teste -->

                                            <!-- Reparada -->
                                            <div class="row mb-3">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Reparada <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="repaired-new" name="repaired-select"
                                                            required>
                                                        <label value="Nova" for="repaired-new">Nova</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="repaired-yes" name="repaired-select">
                                                        <label value="Sim" for="repaired-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="repaired-no" name="repaired-select">
                                                        <label value="Não" for="repaired-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Reparada -->

                                            <!-- Resultado do pré-teste -->
                                            <div class="row mb-3">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Resultado do pré-teste <span
                                                            style="color: red;">*</span></label>
                                                    <i class="fas fa-info-circle ml-2" style="color: #9B9B9B;"
                                                        data-toggle="tooltip"
                                                        title="Considera-se que passou o teste de 'POP', em bancada ou na instalação, quando a abertura se dá num intervalo de 30% relativamente ao 'set pressure'. Para testes de inspeção visual considera-se que passou se não houver evidências de mola danificada, corrosão excessiva e/ou gripagem das peças móveis (haste/guia/obturador)."></i>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="pre-test-result-passed"
                                                            name="pre_test_result-select" required>
                                                        <label value="Passou" for="pre-test-result-passed">Passou</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="pre-test-result-failed"
                                                            name="pre_test_result-select">
                                                        <label value="Chumbou"
                                                            for="pre-test-result-failed">Chumbou</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Resultado do pré-teste -->

                                            <!-- Resumo -->
                                            <label>Resumo</label>
                                            <table class="table table-bordered">
                                                <thead>
                                                    <tr>
                                                        <th style="width: 50%">Falha ao abrir</th>
                                                        <th style="width: 50%">Falha de estanquicidade (Fuga)</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <!-- FTO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="fto-lpv-fto"
                                                                    name="fto_lpv-select" required>
                                                                <label value="FTO" for="fto-lpv-fto">Preso ou Falha a
                                                                    Abrir
                                                                    (FTO) <span style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ FTO -->
                                                        </td>
                                                        <td>
                                                            <!-- LPV -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="fto-lpv-lpv"
                                                                    name="fto_lpv-select" required>
                                                                <label value="FTO" for="fto-lpv-lpv">Fuga Superior à
                                                                    Permitida (LPV) <span
                                                                        style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ LPV -->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!-- VPO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="vpo-spo-vpo"
                                                                    name="vpo_spo-select" required>
                                                                <label value="VPO" for="vpo-spo-vpo">Válvula
                                                                    Parcialmente
                                                                    Aberta (VPO) <span style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ VPO -->
                                                        </td>
                                                        <td>
                                                            <!-- SPO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="vpo-spo-spo"
                                                                    name="vpo_spo-select" required>
                                                                <label value="SPO" for="vpo-spo-spo">Abre Antes da
                                                                    Pressão
                                                                    de Teste (SPO) <span
                                                                        style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ SPO -->
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <!-- OASP -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="oasp-vso-oasp"
                                                                    name="oasp_vso-select" required>
                                                                <label value="OASP" for="oasp-vso-oasp">Abre Acima da
                                                                    Pressão de Teste (OASP) <span
                                                                        style="color: red;">*</span></label>
                                                            </div>
                                                            <!-- ./ OASP -->
                                                        </td>
                                                        <td>
                                                            <!-- VSO -->
                                                            <div class="icheck-primary d-inline mr-2">
                                                                <input type="radio" id="oasp-vso-vso"
                                                                    name="oasp_vso-select" required>
                                                                <label value="VSO" for="oasp-vso-vso">Válvula Colada
                                                                    (VSO)
                                                                    <span style="color: red;">**</span></label>
                                                            </div>
                                                            <!-- ./ VSO -->
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <!-- ./Resumo -->

                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}} 

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE4 - Abertura da válvula, análise e controle dos componentes --}}
    @if ($task_todo == 5)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE4 - PSV - Abertura de válvula, análise e controle dos
                                    componentes
                                </h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST" id="idDoFormulario">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label>Perno de calibração</label>
                                            </div>

                                            <!-- Qual a medida do perno? (mm) -->
                                            <div class="row">
                                                <div class="col-md-6">
                                                    <label>Qual a medida do perno? (mm) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="bolt-value" name="bolt_value-number" type="number"
                                                        step="0.01" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Qual a medida do perno? (mm) -->

                                            <!-- Corpo da válvula -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo da válvula <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-body" name="valve_body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo da válvula -->

                                            <!-- Castelo/Capacete -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo da válvula <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-castle" name="valve_castle-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Castelo/Capacete -->

                                            <!-- Flanges -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Flanges <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-edges" name="valve_edges-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Flanges -->

                                            <!-- Mola -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Mola <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-spring" name="valve_spring-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Mola -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-rod" name="valve_rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Obturador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Obturador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-shutter" name="valve_shutter-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Obturador -->

                                            <!-- Sede -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Sede <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-seat" name="valve_seat-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Sede -->

                                            <!-- Anéis de regulação -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Anéis de regulação <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-adjustment-rings"
                                                        name="valve_adjustment_rings-select" class="form-control select2"
                                                        style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Anéis de regulação -->

                                            <!-- Pernos/Porcas -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Anéis de regulação <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-bolts-nuts" name="valve_bolts_nuts-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Pernos/Porcas -->

                                            <!-- Fole -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Fole <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-bellow" name="valve_bellow-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Está OK">Está OK</option>
                                                        <option value="É para substituir">É para substituir</option>
                                                        <option value="Reparar">Reparar</option>
                                                        <option value="Beneficiar">Beneficiar</option>
                                                        <option value="Aceitar">Aceitar</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Fole -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label>Mola</label>
                                            </div>

                                            <!-- Comprimento (mm) -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Comprimento (mm) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="spring-lenght" name="spring_lenght-number" type="number"
                                                        step="0.01" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Comprimento (mm) -->

                                            <!-- Diâmetro (mm) -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Diâmetro (mm) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="spring-diameter" name="spring_diameter-number"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Diâmetro (mm) -->

                                            <!-- Diâmetro externo (mm) -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Diâmetro externo (mm) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="spring-diameter-ext" name="spring_diameter_ext-number"
                                                        type="number" step="0.01" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Diâmetro externo (mm) -->

                                            <!-- Passo entre espias (mm) -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Passo entre espias (mm) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="spring-pitch-glands" name="spring_pitch_glands-number"
                                                        type="number" step="1" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Passo entre espias (mm) -->

                                            <!-- Número de espias (mm) -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Número de espias (mm) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="spring-number-glands" name="spring_number_glands-number"
                                                        type="number" step="1" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Número de espias (mm) -->

                                            <!-- Observações -->
                                            <div class="row mb-3">
                                                <label>Observações</label>
                                                <textarea name="spring_observations-text" class="form-control" rows="5" placeholder=""></textarea>
                                            </div>
                                            <!-- ./ Observações -->

                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}} 

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE4(2)-CV - Abertura da válvula, análise e controle dos componentes --}}
    @if ($task_todo == 6)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE4 - CV - Abertura de válvula, análise e controle dos
                                    componentes
                                </h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->
                                    <input type="hidden" name="control_equipment_workstationid"
                                        value="{{ $control_ew_id }}">
                                    <div class="row">
                                        <div class="row ml-1 mb-3 col-md-12">
                                            <label>Os componentes estão OK?</label>
                                        </div>

                                        <!-- First card column -->
                                        <div class="col-md-6">
                                            <div class="mb-3">
                                                <label>Válvula</label>
                                            </div>

                                            <!-- Corpo, Castelo e Flanges -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo, Castelo e Flanges <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-body-yoke-rims" name="valve_body_yoke_rims-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo, Castelo e Flanges -->

                                            <!-- Bucim -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bucim <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-bushing" name="valve_bushing-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bucim -->

                                            <!-- Empanque -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Empanque <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-seal" name="valve_seal-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Empanque -->

                                            <!-- Obturador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Obturador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-shutter" name="valve_shutter-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Obturador -->

                                            <!-- Sede -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Sede <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-seat" name="valve_seat-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Sede -->

                                            <!-- Gaiola -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Gaiola <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-cage" name="valve_cage-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Gaiola -->

                                            <div class="mb-3 mt-3">
                                                <label>Atuador</label>
                                            </div>

                                            <!-- Corpo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter-body" name="shutter_body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter-rod" name="shutter_rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Membrana -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Membrana <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter-membrane" name="shutter_membrane-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Membrana -->

                                            <!-- Oring's & Raspadores -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Oring's & Raspadores <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter-orings" name="shutter_orings-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Oring's & Raspadores -->

                                            <!-- Molas -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Molas <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter-springs" name="shutter_springs-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Molas -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">
                                            <div class="mb-3 mt-3">
                                                <label>Posicionador</label>
                                            </div>

                                            <!-- Manómetros -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Manómetros <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-gauges" name="positioner_gauges-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Manómetros -->

                                            <!-- Bobine/Recetor -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bobine/Recetor <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-coil" name="positioner_coil-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bobine/Recetor -->

                                            <!-- Relé Amplificador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Relé Amplificador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-amplifier-relay"
                                                        name="positioner_amplifier_relay-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Relé Amplificador -->

                                            <!-- Válvula Piloto -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Válvula Piloto <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-pilot-valve"
                                                        name="positioner_pilot_valve-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Válvula Piloto -->

                                            <!-- Mola de Feedback -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Mola de Feedback <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-feedback-spring"
                                                        name="positioner_feedback_spring-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Mola de Feedback -->

                                            <!-- CAM -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>CAM <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-cam" name="positioner_cam-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ CAM -->

                                            <div class="mb-3 mt-3">
                                                <label>Outros componentes</label>
                                            </div>

                                            <!-- Regulador de pressão -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Regulador de pressão <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="other-pressure-regulator"
                                                        name="other_pressure_regulator-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Regulador de pressão -->

                                            <!-- Eletroválvula -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Eletroválvula <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="other-eletrovalve" name="other_eletrovalve-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Eletroválvula -->


                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}} 

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE4(2)-ISV - Abertura da válvula, análise e controle dos componentes --}}
    @if ($task_todo == 7)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE4 - ISV - Abertura de válvula, análise e controle dos
                                    componentes
                                </h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">

                                            <!-- Conformidade da etiqueta -->
                                            <div class="row mb-3">
                                                <div class="icheck-primary">
                                                    <input id="confirm-checkbox" type="checkbox"
                                                        name="confirm-checkbox" value="on" required>
                                                    <label for="confirm-checkbox">Validar especificações técnicas <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                            </div>
                                            <!-- ./ Conformidade da etiqueta -->

                                            <!-- Especificações técnicas -->
                                            <div class="row mb-3">
                                                <label>Especificações técnicas</label>
                                                <textarea name="technical_specs-text" class="form-control" rows="3" placeholder=""></textarea>
                                            </div>
                                            <!-- ./ Especificações técnicas -->

                                            <div class="row mb-3">
                                                <label>Os componentes estão OK?</label>
                                            </div>

                                            <!-- Placa de identificação -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Placa de identificação <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-id-plate" name="components_id_plate-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Placa de identificação -->

                                            <!-- Corpo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-body" name="components_body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo -->

                                            <!-- Sede -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Sede <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-seat" name="components_seat-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Sede -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">

                                            <!-- Obturador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Obturador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-shutter" name="components_shutter-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Obturador -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-rod" name="components_rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Castelo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Castelo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-castle" name="components_castle-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Castelo -->

                                            <!-- Empanque -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Empanque <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-seal" name="components_seal-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Empanque -->

                                            <!-- Bucim -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bucim <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-bushing" name="components_bushing-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bucim -->

                                            <!-- Manípulo/Volante -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Manípulo/Volante <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-knob" name="components_knob-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Manípulo/Volante -->

                                            <!-- Flanges -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Flanges <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-rims" name="components_rims-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Sim">Sim</option>
                                                        <option value="Não">Não</option>
                                                        <option value="N/A">N/A</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Flanges -->

                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}} 

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE5 - Limpeza e lavagem dos componentes --}}
    @if ($task_todo == 8)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE5 - Limpeza e lavagem dos componentes</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                                <input type="hidden" name="elemental_tasks_id"
                                value="{{ $receiveDataElementalTask->elemental_tasks_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Executado -->
                                    <div class="row mb-3 mt-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Executado <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="cleaning-executed-yes"
                                                    name="cleaning_executed-checkbox" required>
                                                <label value="Sim" for="cleaning-executed-yes">Sim</label>
                                            </div>
                                            <div class="icheck-primary d-inline">
                                                <input type="radio" id="cleaning-executed-no"
                                                    name="cleaning_executed-checkbox">
                                                <label value="Não" for="cleaning-executed-no">Não</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Executado -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE6 - Retificação e lapidação --}}
    @if ($task_todo == 9)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE6 - PSV - Retificação e limpeza</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_id }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                                <input type="hidden" name="elemental_tasks_code"
                                value="{{ $receiveDataElementalTask->elemental_tasks_code }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row mb-3 mt-3 col-md-12">
                                        <label>Sede</label>
                                    </div>

                                    <!-- Diâmetro interior (mm) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Diâmetro interior (mm) <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="seat-phi-int" name="seat_phi_int-number" type="number"
                                                step="0.01" class="form-control" style="width: 100%;"
                                                placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Diâmetro interior (mm) -->

                                    <!-- Diâmetro exterior (mm) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Diâmetro exterior (mm) <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="seat-phi-ext" name="seat_phi_ext-number" type="number"
                                                step="0.01" class="form-control" style="width: 100%;"
                                                placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Diâmetro iexterior (mm) -->

                                    <div class="row mb-3 mt-3 col-md-12">
                                        <label>Obturador</label>
                                    </div>

                                    <!-- Ressalto (mm) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Ressalto (mm) <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="shutter-cam" name="shutter_cam-number" type="number"
                                                step="0.01" class="form-control" style="width: 100%;"
                                                placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Ressalto (mm) -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                             {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                <button type="button" class="btn btn-primary mx-auto">Devolver</button>

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE7 - Fecho da válvula e substituição de componentes --}}
    @if ($task_todo == 10)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE7 - PSV - Fecho da válvula e substituição de componentes
                                </h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Perno de calibração -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Perno de calibração <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="calibration-bolt" name="calibration_bolt-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Perno de calibração -->

                                    <!-- Corpo da válvula -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Corpo da válvula <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="valve-body" name="valve_body-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Corpo da válvula -->

                                    <!-- Castelo/Capacete -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Castelo/Capacete <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="castle" name="castle-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Castelo/Capacete -->

                                    <!-- Flanges -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Flanges <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="rims" name="rims-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Flanges -->

                                    <!-- Mola -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Mola <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="spring" name="spring-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Mola -->

                                    <!-- Haste -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Haste <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="rod" name="rod-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Haste -->

                                    <!-- Obturador -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Obturador <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="shutter" name="shutter-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Obturador -->

                                    <!-- Sede -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Sede <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="seat" name="seat-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Sede -->

                                    <!-- Anéis de regulação -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Anéis de regulação <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="adjustment-rings" name="adjustment_rings-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Anéis de regulação -->

                                    <!-- Fole -->
                                    <div class="row mt-3 mb-3">
                                        <div class="col-md-6">
                                            <label>Fole <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="bellows" name="bellows-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Foi substituído">Foi substituído</option>
                                                <option value="Reparado">Reparado</option>
                                                <option value="Beneficiado">Beneficiado</option>
                                                <option value="Aceite">Aceite</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fole -->

                                    <!-- Conformidade da etiqueta -->
                                    <div class="row mb-3">
                                        <div class="icheck-primary">
                                            <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                value="1" required>
                                            <label for="confirm-checkbox">Conformidade da etiqueta <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Conformidade da etiqueta -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE7(2)-CV - Fecho da válvula e substituição de componentes --}}
    @if ($task_todo == 11)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE7 - CV - Fecho de válvula e substituição de componentes</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">
                                            <div class="mb-3 mt-3">
                                                <h5><label>Válvula</label></h5>
                                            </div>

                                            <!-- Corpo, Castelo e Flanges -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo, Castelo e Flanges <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-body" name="valve_body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo, Castelo e Flanges -->

                                            <!-- Bucim -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bucim <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-bushing" name="valve_bushing-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bucim -->

                                            <!-- Empanque -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Empanque <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-seal" name="valve_seal-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Empanque -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-rod" name="valve_rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Obturador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Obturador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-shutter" name="valve_shutter-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Obturador -->

                                            <!-- Sede -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Sede <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-seat" name="valve_seat-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Sede -->

                                            <!-- Gaiola -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Gaiola <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="valve-cage" name="valve_cage-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Gaiola -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Atuador</label></h5>
                                            </div>

                                            <!-- Corpo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="actuator-body" name="actuator_body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="actuator-rod" name="actuator_rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Membrana -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Membrana <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="actuator-membrane" name="actuator_membrane-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Membrana -->

                                            <!-- Oring's & Raspadores -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Oring's & Raspadores <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="actuator-orings" name="actuator_orings-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Oring's & Raspadores -->

                                            <!-- Molas -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Molas <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="actuator-springs" name="actuator_springs-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Molas -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Posicionador</label></h5>
                                            </div>

                                            <!-- Manómetros -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Manómetros <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-gauges" name="positioner_gauges-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Manómetros -->

                                            <!-- Bobine/Recetor -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bobine/Recetor <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-coil" name="positioner_coil-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bobine/Recetor -->

                                            <!-- Relé Amplificador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Relé Amplificador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-amplifier-relay"
                                                        name="positioner_amplifier_relay-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Relé Amplificador -->

                                            <!-- Válvula Piloto -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Válvula Piloto <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-pilot-valve"
                                                        name="positioner_pilot_valve-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Válvula Piloto -->

                                            <!-- Mola de Feedback -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Mola de Feedback <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-feedback-coil"
                                                        name="positioner_feedback_coil-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Mola de Feedback -->

                                            <!-- CAM -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>CAM <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="positioner-cam" name="positioner_cam-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ CAM -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">


                                            <div class="mb-3 mt-3">
                                                <h5><label>Outros componentes</label></h5>
                                            </div>

                                            <!-- Regulador de pressão -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Regulador de pressão <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-pressure-regulator"
                                                        name="components_pressure_regulator-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Regulador de pressão -->

                                            <!-- Eletroválvula -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Eletroválvula <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="components-electrovalve"
                                                        name="components_electrovalve-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Eletroválvula -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Junta de castelo</label></h5>
                                            </div>

                                            <!-- Tipo de material -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo de material <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="bonnet-gasket-material"
                                                        name="bonnet_gasket_material-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo de material -->

                                            <!-- Quantidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Quantidade <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-quantity"
                                                        name="bonnet_gasket_quantity-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Quantidade -->

                                            <!-- Dimensão interior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão interior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-phi-int"
                                                        name="bonnet_gasket_phi_int-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão interior -->

                                            <!-- Dimensão exterior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão exterior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-phi-ext"
                                                        name="bonnet_gasket_phi_ext-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão exterior -->

                                            <!-- Dimensão espessura -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão espessura <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-thickness"
                                                        name="bonnet_gasket_thickness-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão espessura -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Empanque</label></h5>
                                            </div>

                                            <!-- Marca -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Marca <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-brand" name="seal_brand-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Marca -->

                                            <!-- Tipo -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-type" name="seal_type-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo -->

                                            <!-- Tipo de material -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo de material <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-material" name="seal_material-label"
                                                        type="text" maxlength="50" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo de material -->

                                            <!-- Quantidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Quantidade <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-quantity" name="seal_quantity-number"
                                                        type="number" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Quantidade -->

                                            <!-- Dimensão interior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão interior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-phi-int" name="seal_phi_int-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão interior -->

                                            <!-- Dimensão exterior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão exterior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-phi-ext" name="seal_phi_ext-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão exterior -->

                                            <!-- Dimensão espessura -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão espessura <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-thickness" name="seal_thickness-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão espessura -->

                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE7(3)-ISV - Fecho da válvula e substituição de componentes --}}
    @if ($task_todo == 12)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE7 - ISV - Fecho de válvula e substituição de componentes
                                </h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">

                                            <!-- Placa de identificação -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Placa de identificação <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="id-plate" name="id_plate-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Placa de identificação -->

                                            <!-- Corpo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Corpo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="body" name="body-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Corpo -->

                                            <!-- Sede -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Sede <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="seat" name="seat-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Sede -->

                                            <!-- Obturador -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Obturador <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="shutter" name="shutter-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Obturador -->

                                            <!-- Haste -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Haste <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="rod" name="rod-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Haste -->

                                            <!-- Castelo -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Castelo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="castle" name="castle-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Castelo -->

                                            <!-- Empanque -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Empanque <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="seal" name="seal-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Empanque -->

                                            <!-- Bucim -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Bucim <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="bushing" name="bushing-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Bucim -->

                                            <!-- Manípulo/Volante -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Manípulo/Volante <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="handwheel" name="handwheel-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Manípulo/Volante -->

                                            <!-- Flanges -->
                                            <div class="row mt-2">
                                                <div class="col-md-6">
                                                    <label>Flanges <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="flanges" name="flanges-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Foi substituído">Foi substituído</option>
                                                        <option value="Reparado">Reparado</option>
                                                        <option value="Beneficiado">Beneficiado</option>
                                                        <option value="Aceite">Aceite</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Flanges -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Junta de castelo</label></h5>
                                            </div>

                                            <!-- Tipo de material -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo de material <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="bonnet-gasket-material"
                                                        name="bonnet_gasket_material-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo de material -->

                                            <!-- Quantidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Quantidade <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-quantity"
                                                        name="bonnet_gasket_quantity-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Quantidade -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">

                                            <!-- Dimensão interior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão interior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-phi-int"
                                                        name="bonnet_gasket_phi_int-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão interior -->

                                            <!-- Dimensão exterior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão exterior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-phi-ext"
                                                        name="bonnet_gasket_phi_ext-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão exterior -->

                                            <!-- Dimensão espessura -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão espessura <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="bonnet-gasket-thickness"
                                                        name="bonnet_gasket_thickness-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão espessura -->

                                            <div class="mb-3 mt-3">
                                                <h5><label>Empanque</label></h5>
                                            </div>

                                            <!-- Marca -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Marca <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-brand" name="seal_brand-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Marca -->

                                            <!-- Tipo -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-type" name="seal_type-label" type="text"
                                                        maxlength="50" class="form-control" style="width: 100%;"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo -->

                                            <!-- Tipo de material -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Tipo de material <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6 d-flex align-items-center">
                                                    <input id="seal-material" name="seal_material-label"
                                                        type="text" maxlength="50" class="form-control"
                                                        style="width: 100%;" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tipo de material -->

                                            <!-- Quantidade -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Quantidade <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-quantity" name="seal_quantity-number"
                                                        type="number" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Quantidade -->

                                            <!-- Dimensão interior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão interior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-phi-int" name="seal_phi_int-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão interior -->

                                            <!-- Dimensão exterior -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão exterior <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-phi-ext" name="seal_phi_ext-number" type="number"
                                                        step="0.01" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão exterior -->

                                            <!-- Dimensão espessura -->
                                            <div class="row mb-3">
                                                <div class="col-md-6">
                                                    <label>Dimensão espessura <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="seal-thickness" name="seal_thickness-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Dimensão espessura -->
                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE8 - Calibrar e certificar --}}
    @if ($task_todo == 13)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE8 - PSV - Calibrar e certificar</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Data calibração -->
                                    <div class="row mb-3">
                                        <div class="col-md-3 d-flex align-items-center">
                                            <label>Data de calibração</label>
                                        </div>
                                        <div class="col-md-9 d-flex align-items-center">
                                            <div class="input-group date" id="calibrationdate"
                                                data-target-input="nearest">
                                                <input type="text" name="pre_test_date-date"
                                                    class="form-control datetimepicker-input"
                                                    data-target="#calibrationdate" data-inputmask-alias="datetime"
                                                    data-inputmask-inputformat="yyyy/mm/dd" data-mask>
                                                <div class="input-group-append" data-target="#calibrationdate"
                                                    data-toggle="datetimepicker">
                                                    <div class="input-group-text"><i class="fa fa-calendar"></i></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Data de calibração -->

                                    <!-- Pressão da calibração a frio (bar) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Pressão da calibração a frio (bar) <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="calibration-pressure" name="calibration_pressure-number"
                                                type="number" step="0.01" class="form-control" placeholder=""
                                                required>
                                        </div>
                                    </div>
                                    <!-- ./ Pressão da calibração a frio (bar) -->

                                    <!-- Teste de estanquicidade (bolhas/min) -->
                                    <div class="row mb-3">
                                        <div class="col-md-6">
                                            <label>Teste de estanquicidade (bolhas/min) <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="bubbles-minute" name="bubbles_minute-number" type="number"
                                                class="form-control" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Teste de estanquicidade (bolhas/min) -->

                                    <!-- Fole testado -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Fole testado <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="tested-bellow" name="tested_bellow-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fole testado -->

                                    <!-- Teste contra-pressão (bar) -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Teste contra-pressão (bar) <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="back-pressure-test" name="back_pressure_test-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Teste contra-pressão (bar) -->

                                    <!-- Padrão utilizado -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Padrão utilizado</label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="standard-used" name="standard_used-label" type="text"
                                                maxlength="50" class="form-control" style="width: 100%;"
                                                placeholder="">
                                        </div>
                                    </div>
                                    <!-- ./ Padrão utilizado -->

                                    <!-- Fluído utilizado na calibração -->
                                    <div class="row mb-3 mt-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Fluído utilizado na calibração <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="calibration-fluid-air"
                                                    name="calibration_fluid-checkbox" required>
                                                <label value="Ar comprimido" for="calibration-fluid-air">Ar
                                                    comprimido</label>
                                            </div>
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="calibration-fluid-nitrogen"
                                                    name="calibration_fluid-checkbox">
                                                <label value="Azoto" for="calibration-fluid-nitrogen">Azoto</label>
                                            </div>
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="calibration-fluid-water"
                                                    name="calibration_fluid-checkbox">
                                                <label value="Água" for="calibration-fluid-water">Água</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Fluído utilizado na calibração -->

                                    <!-- Outro -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Outro</label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="other" name="other-label" type="text" maxlength="50"
                                                class="form-control" style="width: 100%;" placeholder="">
                                        </div>
                                    </div>
                                    <!-- ./ Outro -->

                                    <!-- Resultado da calibração -->
                                    <div class="row mb-3 mt-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Resultado da calibração <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="calibration-result-passed"
                                                    name="calibration_result-checkbox" required>
                                                <label value="Passou" for="calibration-result-passed">Passou</label>
                                            </div>
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="calibration-result-failed"
                                                    name="calibration_result-checkbox">
                                                <label value="Chumbou" for="calibration-result-failed">Chumbou</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Resultado da calibração -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE9 - Pintura --}}
    @if ($task_todo == 14)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE9 - Pintura</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Executado -->
                                    <div class="row mb-3 mt-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Executado? <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="executed-yes" name="executed-checkbox"
                                                    required>
                                                <label value="Sim" for="executed-yes">Sim</label>
                                            </div>
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="executed-no" name="executed-checkbox">
                                                <label value="Não" for="executed-no">Não</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Executado -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE10 - Montagem na linha --}}
    @if ($task_todo == 15)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE10 - PSV ISV - Montagem na linha</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Conformidade da etiqueta -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 icheck-primary">
                                            <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                value="on" required>
                                            <label for="confirm-checkbox">Conformidade da etiqueta <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Conformidade da etiqueta -->

                                    <!-- Tipo de junta -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Tipo de junta <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="gasket-type" name="gasket_type-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Tipo 1">Tipo 1</option>
                                                <option value="Tipo 2">Tipo 2</option>
                                                <option value="Tipo 3">Tipo 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Tipo de junta -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE10(2)-CV - Montagem na linha --}}
    @if ($task_todo == 16)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE10 - CV - Montagem na linha</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>

                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Conformidade da etiqueta -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 icheck-primary">
                                            <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                value="on" required>
                                            <label for="confirm-checkbox">Conformidade da etiqueta <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Conformidade da etiqueta -->

                                    <!-- Tipo de junta -->
                                    <div class="row mt-2">
                                        <div class="col-md-6">
                                            <label>Tipo de junta <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="gasket-type" name="gasket_type-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Tipo 1">Tipo 1</option>
                                                <option value="Tipo 2">Tipo 2</option>
                                                <option value="Tipo 3">Tipo 3</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Tipo de junta -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE11 -  Inspeção Final --}}
    @if ($task_todo == 17)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE11 - Inspeção final</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Verificar o aperto das flanges -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 icheck-primary">
                                            <input id="check_flanges_tightness" type="checkbox"
                                                name="check_flanges_tightness-checkbox" value="on" required>
                                            <label for="check_flanges_tightness">Verificar o aperto das flanges <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Verificar o aperto das flanges -->

                                    <!-- Verificar o alinhamento das flanges -->
                                    <div class="row mb-3">
                                        <div class="col-md-6 icheck-primary">
                                            <input id="check_flange_alignment" type="checkbox"
                                                name="check_flange_alignment-checkbox" value="on" required>
                                            <label for="check_flange_alignment">Verificar o alinhamento das flanges <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Verificar o alinhamento das flanges -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE12 - Inspeção visual --}}
    @if ($task_todo == 18)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE12 - CV - Inspeção visual</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Identificação da válvula em bom estado -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Identificação da válvula em bom estado <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="valve-id" name="valve_id-select" class="form-control select2"
                                                style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Identificação da válvula em bom estado -->

                                    <!-- Válvula/atuador com sinais de corrosão -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Válvula/atuador com sinais de corrosão <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="valve-corrosion" name="valve_corrosion-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Válvula/atuador com sinais de corrosão -->

                                    <!-- Calhas, cabos e tubos em bom estado -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Calhas, cabos e tubos em bom estado <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="good-condition" name="good_condition-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Calhas, cabos e tubos em bom estado -->

                                    <!-- Fuga no empanque -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Fuga no empanque <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="seal-leak" name="seal_leak-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fuga no empanque -->

                                    <!-- Fuga nas flanges -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Fuga nas flanges <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="flanges-leak" name="flanges_leak-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fuga nas flanges -->

                                    <!-- Fuga nas ligações pneumáticas -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Fuga nas ligações pneumáticas <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="pneumatic-leak" name="pneumatic_leak-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fuga nas ligações pneumáticas -->

                                    <!-- Fuga no atuador -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Fuga no atuador <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="actuator-leak" name="actuator_leak-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Fuga no atuador -->

                                    <!-- Humidade no posicionador -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Humidade no posicionador <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="positioner-humidity" name="positioner_humidity-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Humidade no posicionador -->

                                    <!-- Pressão correta no regulador -->
                                    <div class="row mt-3">
                                        <div class="col-md-6">
                                            <label>Pressão correta no regulador <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <select id="regulator-pressure" name="regulator_pressure-select"
                                                class="form-control select2" style="width: 100%;" required>
                                                <option selected="selected" disabled hidden value=""></option>
                                                <option value="Sim">Sim</option>
                                                <option value="Não">Não</option>
                                                <option value="NA">NA</option>
                                            </select>
                                        </div>
                                    </div>
                                    <!-- ./ Pressão correta no regulador -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- Verificar quantos inputs sao retornados  --}}
    {{-- TE13 - Teste final --}}
    @if ($task_todo == 19)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-10">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE13 - CV - Teste final</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <div class="row">

                                        <!-- First card column -->
                                        <div class="col-md-6">

                                            <!-- Tempo de abertura (s) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Tempo de abertura (s) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="opening-time" name="opening_time-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tempo de abertura (s) -->

                                            <!-- Tempo de fecho (s) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Tempo de fecho (s) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="closing-time" name="closing_time-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Tempo de fecho (s) -->

                                            <!-- Sinal de entrada (UN) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Sinal de entrada (UN)</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="input-signal" name="input_signal-number" type="number"
                                                        class="form-control" placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Sinal de entrada (UN) -->

                                            <!-- Início de abertura (UN) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Início de abertura (UN)</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="opening-start" name="opening_start-number"
                                                        type="number" class="form-control" placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Início de abertura (UN) -->

                                            <!-- Valor de fecho (UN) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Valor de fecho (UN)</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="closing-value" name="closing_value-number"
                                                        type="number" class="form-control" placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Valor de fecho (UN) -->

                                            <!-- Tensão de abertura (UN) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Tensão de abertura (UN)</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="opening-voltage" name="opening_voltage-number"
                                                        type="number" class="form-control" placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Tensão de abertura (UN) -->

                                            <!-- Tensão de fecho (UN) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Tensão de fecho (UN)</label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="closing-voltage" name="closing_voltage-number"
                                                        type="number" class="form-control" placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Tensão de fecho (UN) -->

                                            <!-- Ajuste de fecho -->
                                            <div class="row mb-2">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Ajuste de fecho <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="closing-adjustment-yes"
                                                            name="closing_adjustment-checkbox" required>
                                                        <label value="Controlo" for="closing-adjustment-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="closing-adjustment-no"
                                                            name="closing-adjustment-checkbox">
                                                        <label value="ON/OFF" for="closing-adjustment-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Ajuste de fecho -->

                                            <!-- Ajuste de abertura -->
                                            <div class="row mb-2">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Ajuste de abertura <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="opening-adjustment-yes"
                                                            name="opening_adjustment-checkbox" required>
                                                        <label value="Controlo" for="opening-adjustment-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="opening-adjustment-no"
                                                            name="opening_adjustment-checkbox">
                                                        <label value="ON/OFF" for="opening-adjustment-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Ajuste de abertura -->

                                            <h5><label>Posições da válvula [%]</label></h5>

                                            <!-- Posições das válvulas -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label><span style="color: red;">4mA</span> <span
                                                            style="color: blue;">0,2bar (3
                                                            PSI)</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-position-01" name="valve_position_01-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="">
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label><span style="color: red;">8mA</span> <span
                                                            style="color: blue;">0,4bar (6
                                                            PSI)</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-position-02" name="valve_position_02-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="">
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label><span style="color: red;">12mA</span> <span
                                                            style="color: blue;">0,6bar (9
                                                            PSI)</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-position-03" name="valve_position_03-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="">
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label><span style="color: red;">16mA</span> <span
                                                            style="color: blue;">0,8bar (12
                                                            PSI)</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-position-04" name="valve_position_04-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="">
                                                </div>
                                            </div>

                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label><span style="color: red;">20mA</span> <span
                                                            style="color: blue;">1,0bar (15
                                                            PSI)</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-position-05" name="valve_position_05-number"
                                                        type="number" step="0.01" class="form-control"
                                                        placeholder="">
                                                </div>
                                            </div>
                                            <!-- ./ Posições das válvulas -->

                                        </div>
                                        <!-- ./ First card column -->


                                        <!-- Second card column -->
                                        <div class="col-md-6">

                                            <!-- Ajuste de 0 -->
                                            <div class="row mb-2">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Ajuste de 0 <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="adjustment-0-yes"
                                                            name="adjustment_0-checkbox" required>
                                                        <label value="Controlo" for="adjustment-0-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="adjustment-0-no"
                                                            name="adjustment_0-checkbox">
                                                        <label value="ON/OFF" for="adjustment-0-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Ajuste de 0 -->

                                            <!-- Ajuste de 100 -->
                                            <div class="row mb-2">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Ajuste de 100 <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="adjustment-100-yes"
                                                            name="adjustment_100-checkbox" required>
                                                        <label value="Controlo" for="adjustment-100-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="adjustment-100-no"
                                                            name="adjustment_100-checkbox">
                                                        <label value="ON/OFF" for="adjustment-100-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Ajuste de 100 -->

                                            <!-- Autocalibração -->
                                            <div class="row mb-2">
                                                <div class="col-md-8 d-flex align-items-center">
                                                    <label>Autocalibração</label>
                                                </div>
                                                <div class="col-md-4">
                                                    <div class="icheck-primary d-inline mr-2">
                                                        <input type="radio" id="autocalibration-yes"
                                                            name="autocalibration-checkbox" required>
                                                        <label value="Controlo" for="autocalibration-yes">Sim</label>
                                                    </div>
                                                    <div class="icheck-primary d-inline">
                                                        <input type="radio" id="autocalibration-no"
                                                            name="autocalibration-checkbox">
                                                        <label value="ON/OFF" for="autocalibration-no">Não</label>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- ./ Autocalibração -->

                                            <h5><label>Teste de estanquicidade</label></h5>

                                            <!-- Temperatura ambiente (ºC) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Temperatura ambiente (ºC) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="ambient-temperature" name="ambient_temperature-number"
                                                        type="number" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Temperatura ambiente (ºC) -->

                                            <!-- Mala/padrão utilizado -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Mala/padrão utilizado <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="standard-use" name="standard_use-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Opção 1">Opção 1</option>
                                                        <option value="Opção 2">Opção 2</option>
                                                        <option value="Opção 3">Opção 3</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Mala/padrão utilizado -->

                                            <!-- Valor de fuga (L/min) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Valor de fuga (L/min) <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="leak-value" name="leak_value-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Valor de fuga (L/min) -->

                                            <!-- Duração do teste (s) -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Duração do teste (s) <span style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="test-duration" name="test_duration-number"
                                                        type="number" class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Duração do teste (s) -->

                                            <!-- Pressão de alimentação da válvula -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Pressão de alimentação da válvula <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <input id="valve-supply-pressure"
                                                        name="valve_supply_pressure-number" type="number"
                                                        class="form-control" placeholder="" required>
                                                </div>
                                            </div>
                                            <!-- ./ Pressão de alimentação da válvula -->

                                            <!-- Resultado do teste de estanquicidade -->
                                            <div class="row mb-2">
                                                <div class="col-md-6">
                                                    <label>Resultado do teste de estanquicidade <span
                                                            style="color: red;">*</span></label>
                                                </div>
                                                <div class="col-md-6">
                                                    <select id="leak-tightness-test" name="leak_tightness_test-select"
                                                        class="form-control select2" style="width: 100%;" required>
                                                        <option selected="selected" disabled hidden value="">
                                                        </option>
                                                        <option value="Aprovado">Aprovado</option>
                                                        <option value="Reprovado">Reprovado</option>
                                                        <option value="NA">NA</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <!-- ./ Resultado do teste de estanquicidade -->

                                            <!-- Observações -->
                                            <div class="row mb-3">
                                                <label>Observações</label>
                                                <textarea name="observations-text" class="form-control" rows="5" placeholder=""></textarea>
                                            </div>
                                            <!-- ./ Observações -->

                                        </div>
                                        <!-- ./ Second card column -->

                                    </div>

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- Consertar Formatacao --}}
    {{-- TE14 - Ensaio --}}
    @if ($task_todo == 20)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE14 - ISV - Ensaio</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                    </div>
                    <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                        @csrf
                        <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">
                        <div class="card-body">
                            <div class="form-group"> <!-- Single form-group for all content -->

                                <!-- Foi efetuado o teste de acordo com o API RP 598 -->
                                <div class="row mb-2">
                                    <div class="col-md-6">
                                        <label>Foi efetuado o teste de acordo com o API RP 598 </label>
                                    </div>
                                    <div class="col-md-6">
                                        <select id="api-rp-598" name="api_rp_598-select" class="form-control select2"
                                            style="width: 100%;">
                                            <option selected="selected" disabled hidden value=""></option>
                                            <option value="Sim">Sim</option>
                                            <option value="Não">Não</option>
                                            <option value="NA">NA</option>
                                        </select>
                                    </div>
                                </div>
                                <!-- ./ Foi efetuado o teste de acordo com o API RP 598 -->

                                <!-- Pressão de ensaio ao corpo (bar) -->
                                <div class="row mb-2">
                                    <div class="col-md-6">
                                        <label>Pressão de ensaio ao corpo (bar) <span style="color: red;">*</span></label>
                                    </div>
                                    <div class="col-md-6">
                                        <input id="body-test-pressure" name="body_test_pressure-number" type="number"
                                            step="0.01" class="form-control" placeholder="" required>
                                    </div>
                                </div>
                                <!-- ./ Pressão de ensaio ao corpo (bar) -->

                                <!-- Pressão de ensaio às sedes (bar) -->
                                <div class="row mb-2">
                                    <div class="col-md-6">
                                        <label>Pressão de ensaio às sedes (bar) <span style="color: red;">*</span></label>
                                    </div>
                                    <div class="col-md-6">
                                        <input id="seat-test-pressure" name="seat_test_pressure-number" type="number"
                                            step="0.01" class="form-control" placeholder="" required>
                                    </div>
                                </div>
                                <!-- ./ Pressão de ensaio às sedes (bar) -->

                                <!-- Fluído utilizado no ensaio -->
                                <div class="row mb-2">
                                    <div class="col-md-7 d-flex align-items-center">
                                        <label>Fluído utilizado no ensaio <span style="color: red;">*</span></label>
                                    </div>
                                    <div class="col-md-5">
                                        <div class="icheck-primary d-inline mr-2">
                                            <input type="radio" id="fluid_test_air-checkbox"
                                                name="fluid_test-checkbox" required>
                                            <label value="Ar comprimido" for="fluid-test-air">Ar comprimido</label>
                                        </div>
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="fluid-test-nitrogen" name="fluid_test-checkbox">
                                            <label value="Azoto" for="fluid-test-nitrogen">Azoto</label>
                                        </div>
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="fluid-test-water" name="fluid_test-checkbox">
                                            <label value="Água" for="fluid-test-water">Água</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- ./ Fluído utilizado no ensaio -->

                                <!-- Resultado -->
                                <div class="row mb-2">
                                    <div class="col-md-8 d-flex align-items-center">
                                        <label>Resultado <span style="color: red;">*</span></label>
                                    </div>
                                    <div class="col-md-4">
                                        <div class="icheck-primary d-inline mr-2">
                                            <input type="radio" id="test-result-passed" name="test_result-checkbox"
                                                required>
                                            <label value="Passou" for="test-result-passed">Passou</label>
                                        </div>
                                        <div class="icheck-primary d-inline">
                                            <input type="radio" id="test-result-failed" name="test_result-checkbox">
                                            <label value="Chumbou" for="test-result-failed">Chumbou</label>
                                        </div>
                                    </div>
                                </div>
                                <!-- ./ Resultado -->

                                <!-- Teste de estanquicidade (gotas/min) -->
                                <div class="row mb-2">
                                    <div class="col-md-6">
                                        <label>Teste de estanquicidade (gotas/min) <span
                                                style="color: red;">*</span></label>
                                    </div>
                                    <div class="col-md-6">
                                        <input id="leak-tightness-test" name="leak_tightness_test-number"
                                            type="number" class="form-control" placeholder="" required>
                                    </div>
                                </div>
                                <!-- ./ Teste de estanquicidade (gotas/min) -->

                                <!-- Observações -->
                                <div class="row mb-3">
                                    <label>Observações</label>
                                    <textarea name="observations-text" class="form-control" rows="5" placeholder=""></textarea>
                                </div>
                                <!-- ./ Observações -->

                            </div> <!-- End of single form-group -->
                        </div>
                        <div class="card-footer d-flex justify-content-between">
                            <!-- Left-aligned button -->
                            {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                            <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                            {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                            <!-- Right-aligned button -->
                            <button type="submit" class="btn btn-primary">Seguinte</button>
                        </div>
                    </form>
                </div>
                <!-- ./ Workstation card-->

            </div>
            </div>
        </section>
    @endif

    {{-- TE15 - Empancar --}}
    @if ($task_todo == 21)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE15 - Empancar</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid" value="{{ $control_ew_id }}">
                            
                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Validar especificações técnicas -->
                                    <div class="row mb-2">
                                        <div class="icheck-primary">
                                            <input id="confirm-checkbox" type="checkbox" name="confirm-checkbox"
                                                value="1" required>
                                            <label for="confirm-checkbox">Validar especificações técnicas <span
                                                    style="color: red;">*</span></label>
                                        </div>
                                    </div>
                                    <!-- ./ Validar especificações técnicas -->

                                    <!-- Especificações técnicas -->
                                    <div class="row mb-2">
                                        <label>Especificações técnicas</label>
                                        <textarea name="technical_specs-text" class="form-control" rows="3" placeholder=""></textarea>
                                    </div>
                                    <!-- ./ Especificações técnicas -->

                                    <div class="mb-2 mt-3">
                                        <h5><label>Empanque</label></h5>
                                    </div>

                                    <!-- Marca -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Marca <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="seal-brand" name="seal_brand-label" type="text" maxlength="50"
                                                class="form-control" style="width: 100%;" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Marca -->

                                    <!-- Tipo -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Tipo <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="seal-type" name="seal_type-label" type="text" maxlength="50"
                                                class="form-control" style="width: 100%;" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Tipo -->

                                    <!-- Tipo de material -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Tipo de material <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6 d-flex align-items-center">
                                            <input id="seal-material" name="seal_material-label" type="text"
                                                maxlength="50" class="form-control" style="width: 100%;"
                                                placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Tipo de material -->

                                    <!-- Quantidade -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Quantidade <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="seal-quantity" name="seal_quantity-number" type="number"
                                                class="form-control" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Quantidade -->

                                    <!-- Dimensão interior -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Dimensão interior <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="seal-phi-int" name="seal_phi_int-number" type="number"
                                                step="0.01" class="form-control" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Dimensão interior -->

                                    <!-- Dimensão exterior -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Dimensão exterior <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="seal-phi-ext" name="seal_phi_ext-number" type="number"
                                                step="0.01" class="form-control" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Dimensão exterior -->

                                    <!-- Dimensão espessura -->
                                    <div class="row mb-2">
                                        <div class="col-md-6">
                                            <label>Dimensão espessura <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <input id="seal-thickness" name="seal_thickness-number" type="number"
                                                step="0.01" class="form-control" placeholder="" required>
                                        </div>
                                    </div>
                                    <!-- ./ Dimensão espessura -->

                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif

    {{-- TE10.1 - Confirmação de ligação  --}}
    @if ($task_todo == 24)
        <section class="content">
            <div class="row justify-content-center align-items-center">
                <div class="col-6">

                    <!-- Workstation card -->
                    <div class="card card-info">
                        <div class="card-header">
                            <div class="d-flex justify-content-between align-items-center" style="width: 100%;">
                                {{-- <h3 class="card-title mb-0">TE10.1 - Confirmação de ligação</h3> --}}
                                <h3 class="card-title mb-0">
                                    {{ $receiveDataElementalTask->elemental_tasks_code }}-{{ $receiveDataElementalTask->elemental_tasks_description }}
                                </h3>
                                <span>{{ $receiveDataEquipment->equipment_tag }}</span>
                            </div>
                        </div>
                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST">
                            @csrf
                            <input type="hidden" name="control_equipment_workstationid"
                                value="{{ $control_ew_id }}">

                            <div class="card-body">
                                <div class="form-group"> <!-- Single form-group for all content -->

                                    <!-- Executado -->
                                    <div class="row mb-3 mt-3">
                                        <div class="col-md-6 d-flex align-items-center">
                                            <label>Executado? <span style="color: red;">*</span></label>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="executed-yes" name="executed-checkbox"
                                                    required>
                                                <label value="Sim" for="executed-yes">Sim</label>
                                            </div>
                                            <div class="icheck-primary d-inline mr-2">
                                                <input type="radio" id="executed-no" name="executed-checkbox">
                                                <label value="Não" for="executed-no">Não</label>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- ./ Executado -->


                                </div> <!-- End of single form-group -->
                            </div>
                            <div class="card-footer d-flex justify-content-between">
                                <!-- Left-aligned button -->
                                {{-- <button type="button" class="btn btn-primary">Voltar</button> --}}

                                <!-- Center-aligned button (using `mx-auto` to push it to the center) -->
                                {{-- <button type="button" class="btn btn-primary mx-auto">Devolver</button> --}}

                                <!-- Right-aligned button -->
                                <button type="submit" class="btn btn-primary">Seguinte</button>
                            </div>
                        </form>
                    </div>
                    <!-- ./ Workstation card-->

                </div>
            </div>
        </section>
    @endif


    <script type="text/javascript">
        let formSubmitted = false;
    
        document.addEventListener('DOMContentLoaded', (event) => {
            const forms = document.querySelectorAll('.monitored-form');
            forms.forEach(form => {
                if (getComputedStyle(form).display !== 'none') { // Verifica se o formulário está visível
                    form.addEventListener('submit', function() {
                        formSubmitted = true;
                    });
    
                    form.addEventListener('input', function() {
                        addBeforeUnload();
                    });
                }
            });
        });
    
        function addBeforeUnload() {
            window.addEventListener('beforeunload', function(e) {
                if (!formSubmitted) {
                    const message = 'Você tem alterações não salvas. Se você sair, perderá essas alterações.';
                    e.returnValue = message;
                    return message;
                }
            });
        }
    </script>
    


@endsection