@extends('Templates.templateWorkstations')

@section('content')
    <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 class="content">
        <div class="row justify-content-center align-items-center">
            <div class="col-12">

                <div class="card card-info ">
                    <!-- Card-header principal card-->
                    <div class="card-header d-flex justify-content-between">

                        <!-- alinhado à esquerda -->
                        <a class="open-modal" data-toggle="modal" data-target="#modal-showEquipment">
                            <i class="fa-sharp fa-regular fa-newspaper"></i> Portfólio
                        </a>

                        <!-- centralizado -->
                        <h4 class="mx-auto">{{ $receiveDataEquipment->equipment_tag }}</h4>

                        {{-- Modal do Portifolio --}}
                        <div class="modal fade" id="modal-showEquipment">
                            <div class="modal-dialog modal-xl">
                                <div class="modal-content">
                                    <div class="modal-header bg-light">
                                        <h4 class="modal-title">Equipamento:</h4>
                                        <h3>{{ $receiveDataEquipment->equipment_tag }}</h3>
                                    </div>

                                    <div class="modal-body ">

                                        <input type="hidden" name="equipmentId"
                                            value="{{ $receiveDataEquipment->equipment_id }}">

                                        <!-- Portifolio PSV -->
                                        @if ($receiveDataEquipment->equipment_type_id == 3)
                                            <!-- PSV-card -->
                                            <div id="psv_card" class="card card-secondary specificAttributes-div">
                                                <div class="card-header">
                                                    <h3 class="card-title">PSV</h3>
                                                </div>
                                                <!-- /.card-header -->
                                                <div class="card-body">

                                                    <div class="row">
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-tagEquipment">
                                                                    <i class="fa-sharp fa-solid fa-tag"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="tag"
                                                                    value="{{ $receiveDataEquipment->equipment_tag }}"
                                                                    class="form-control card_inputs" id="equipmentTag"
                                                                    placeholder="Tag..." aria-label="Tag Equipment"
                                                                    aria-describedby="form-tagEquipment" readonly>
                                                                {{-- <label>Tag </label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"
                                                                    id="form-equipmentDescription">
                                                                    {{-- <i class="fa fa-id-badge"></i> --}}
                                                                    <i class="fa-sharp fa-regular fa-newspaper"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="equipmentDescription"
                                                                    value="{{ $receiveDataEquipment->equipment_description }}"
                                                                    class="form-control card_inputs"
                                                                    id="equipmentDescription"
                                                                    placeholder="Descrição Equipamento..."
                                                                    aria-label="Tag Equipment"
                                                                    aria-describedby="form-equipmentDescription" readonly>
                                                                {{-- <label>Descrição Equipamento </label> --}}
                                                            </div>
                                                        </div>
                                                    </div>

                                                    {{-- 3 inputs per line :equipmentSerialNumber, equipmentBrand, equipmentModel  --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"
                                                                    id="form-serialNumberEquipment">
                                                                    <i class="fa-solid fa-barcode"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="serialNumberEquipment"
                                                                    value="{{ $receiveDataEquipment->equipment_serial_number }}"
                                                                    class="form-control card_inputs"
                                                                    id="equipmentSerialNumber" placeholder="Número de série"
                                                                    aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-serialNumberEquipment" readonly>
                                                                {{-- <label>Número de série </label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-equipmentBrand">
                                                                    <i class="fa-solid fa-object-group"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="equipmentBrand"
                                                                    value="{{ $receiveDataEquipment->equipment_brand }}"
                                                                    class="form-control card_inputs" id="equipmentBrand"
                                                                    placeholder="Marca" aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-equipmentBrand" readonly>
                                                                {{-- <label>Marca</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-equipmentModel">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="equipmentModel"
                                                                    value="{{ $receiveDataEquipment->equipment_model }}"
                                                                    class="form-control card_inputs" id="equipmentModel"
                                                                    placeholder="Modelo"
                                                                    aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-equipmentModel" readonly>
                                                                {{-- <label>Modelo</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                    {{-- 3 inputs per line :equipmentDimension, equipmentRating, equipmentDimcerta  --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-dimension">
                                                                    <i class="fa-solid fa-ruler "
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[8]"
                                                                    class="form-control card_inputs" id="dimension"
                                                                    placeholder="Dimensão"
                                                                    aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-dimension" readonly>
                                                                {{-- <label>Dimensão</label> --}}
                                                            </div>
                                                        </div>

                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-rating">
                                                                    <i class="fa-solid fa-ranking-star"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[17]"
                                                                    class="form-control card_inputs" id="rating"
                                                                    placeholder="Rating..."
                                                                    aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-rating" readonly>
                                                                {{-- <label>Rating</label> --}}
                                                            </div>
                                                        </div>

                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-dim_certa">
                                                                    <i
                                                                        class="fa-sharp fa-regular fa-square-poll-vertical"></i>
                                                                </span>
                                                                <input type="text" name="attributes[10]"
                                                                    class="form-control card_inputs" id="dim_certa"
                                                                    placeholder="Dim certa..."
                                                                    aria-label="Serial Number Equipment"
                                                                    aria-describedby="form-dim_certa" readonly>
                                                                {{-- <label>Dim certa</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                    {{-- 3 inputs per line : main_equipment, p&id, sap_number --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-main_equipment">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[18]"
                                                                    class="form-control card_inputs" id="main_equipment"
                                                                    placeholder="Main Equipment"
                                                                    aria-label="Main Equipment"
                                                                    aria-describedby="form-main_equipment" readonly>
                                                                {{-- <label>Main Equipment</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-p&id">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[11]"
                                                                    class="form-control card_inputs" id="p&id"
                                                                    placeholder="P&ID" aria-label="P & id"
                                                                    aria-describedby="form-p&id" readonly>
                                                                {{-- <label>P&ID</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-sap_number">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[12]"
                                                                    class="form-control card_inputs" id="sap_number"
                                                                    placeholder="Nº SAP" aria-label="Numero Sap"
                                                                    aria-describedby="form-sap_number" readonly>
                                                                {{-- <label>Nº SAP</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                    {{-- 3 inputs per line :SP_(Bar)_Cold, Back_Presure_(Bar), material  --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-SP_(Bar)_Cold">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[19]"
                                                                    class="form-control card_inputs" id="SP_(Bar)_Cold"
                                                                    placeholder="SP (Bar) Cold" aria-label="SP (Bar) Cold"
                                                                    aria-describedby="form-SP_(Bar)_Cold" readonly>
                                                                {{-- <label>SP (Bar) Cold</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"
                                                                    id="form-Back_Presure_(Bar)">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[20]"
                                                                    class="form-control card_inputs"
                                                                    id="Back_Presure_(Bar)"
                                                                    placeholder="Back Presure (Bar)"
                                                                    aria-label="Back Presure (Bar)"
                                                                    aria-describedby="form-Back_Presure_(Bar)" readonly>
                                                                {{-- <label>Back Presure (Bar)</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-4">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-attributes[21]text"
                                                                    id="form-material">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name=""
                                                                    class="form-control card_inputs" id="material"
                                                                    placeholder="Material" aria-label="Material"
                                                                    aria-describedby="form-material" readonly>
                                                                {{-- <label>Material</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                    {{-- 2 inputs per line :  --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-manufacturer">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[22]"
                                                                    class="form-control card_inputs" id="manufacturer"
                                                                    placeholder="Fabricante" aria-label="Fabricante"
                                                                    aria-describedby="form-manufacturer" readonly>
                                                                {{-- <label>Fabricante</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text" id="form-isolation">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[13]"
                                                                    class="form-control card_inputs" id="isolation"
                                                                    placeholder="Isolamento" aria-label="Isolamento"
                                                                    aria-describedby="form-isolation" readonly>
                                                                {{-- <label>Isolamento</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                    {{-- 2 Selects per line :psv_scaffold, psv_crane --}}
                                                    <div class="row">
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[13]"
                                                                    class="form-control card_inputs" id="isolation"
                                                                    placeholder="Andaime" aria-label="Isolamento"
                                                                    aria-describedby="form-isolation" value="Sim"
                                                                    readonly>
                                                                {{-- <label>Andaime?</label> --}}
                                                            </div>
                                                        </div>
                                                        <div class="form-group col-sm-6">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text">
                                                                    <i class="fa-solid fa-cubes"
                                                                        style="color: #00B0EA;"></i>
                                                                </span>
                                                                <input type="text" name="attributes[13]"
                                                                    class="form-control card_inputs" id="isolation"
                                                                    placeholder="Grua" aria-label="Isolamento"
                                                                    aria-describedby="form-isolation" value="Sim"
                                                                    readonly>
                                                                {{-- <label>Grua?</label> --}}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    {{-- ./row --}}

                                                </div>
                                                <!-- /.card-body -->



                                            </div>
                                            {{-- ./PSV-card --}}
                                        @endif

                                        <!-- Portifolio ISV -->
                                        @if ($receiveDataEquipment->equipment_type_id == 2)
                                            <H2>Portifolio ISV</H2>
                                        @endif

                                        <!-- Portifolio CV -->
                                        @if ($receiveDataEquipment->equipment_type_id == 1)
                                            <H2>Portifolio CV</H2>
                                        @endif

                                    </div>
                                    {{-- ./modal-body --}}
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ./Card-header-->

                    <!-- Card corpo do equipamento para onde vai receber as Tarefas elementares -->
                    <div class="card-body">


                        @foreach ($recebeTasksForEquipment as $task_todo)
                            <!-- TE1 - Desmontar da linha -->
                            @if ($task_todo->elemental_tasks_id == 1)
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE1-->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center"
                                            style="width: 100%;">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }}</h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div><!-- Card-header TE1-->

                                    <div class="card-body">

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

                                            <input type="hidden" name="controlEquipmentID"
                                                value="{{ $receiveDataControlEquipment->control_equipment_workstation_id }}">
                                            <div class="form-group">
                                                <!-- Conformidade da etiqueta -->
                                                <div class="row mb-3">
                                                    <div class="col-md-6 icheck-primary">
                                                        <input id="ID1[confirm_label_compliance-checkbox]" type="checkbox"
                                                            name="ID1[confirm_label_compliance-checkbox]" required>
                                                        <label for="ID1[confirm_label_compliance-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="ID1[existing_joint-select]"
                                                            class="form-control select2" style="width: 100%;" required>
                                                            <option selected="selected" disabled hidden value="">
                                                            </option>
                                                            <option value="316L OR">316L OR
                                                            </option>
                                                            <option value="316L IR/OR">316L IR/OR
                                                            </option>
                                                            <option value="Monel IR/OR">Monel IR/OR
                                                            </option>
                                                            <option value="Monel OR C/Gorotex">
                                                                Monel OR C/Gorotex</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="ID1[facing_type-select]"
                                                            class="form-control select2" style="width: 100%;" required>
                                                            <option selected="selected" disabled hidden value="">
                                                            </option>
                                                            <option value="RF">RF</option>
                                                            <option value="RTJ">RTJ</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="ID1[diameter-inches]" name="ID1[diameter-varchar]">
                                                            <label for="ID1[diameter-inches]">Polegadas</label>
                                                        </div>
                                                        <div class="icheck-primary d-inline">
                                                            <input type="radio" value="Milímetros"
                                                                id="ID1[diameter-milimeters]"
                                                                name="ID1[diameter-varchar]">
                                                            <label for="ID1[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="ID1[bolt_measure1-number]"
                                                            type="number" step="0.01" class="form-control"
                                                            style="width: 40%;" placeholder=""> x

                                                        <input id="bolt-measure2" name="ID1[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="ID1[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="ID1[piping-boolean]">
                                                            <label for="piping-yes">Sim</label>
                                                        </div>
                                                        <div class="icheck-primary d-inline">
                                                            <input type="radio" value="FALSE" id="piping-no"
                                                                name="ID1[piping-boolean]">
                                                            <label for="piping-no">Não</label>
                                                        </div>
                                                    </div>
                                                </div> <!-- ./ Tubagem obstruída -->

                                            </div>

                                            <div class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>

                                    </div> <!-- card-body TE1 -->
                                </div>
                            @endif

                            {{-- TE2 - Descontaminar --}}
                            @if ($task_todo->elemental_tasks_id == 2)
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE1-->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center"
                                            style="width: 100%;">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }}</h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div><!-- Card-header TE2-->

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

                                            <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="ID2[decontamination-varchar]">
                                                            <label for="decontamination_yes">Sim</label>
                                                        </div>
                                                        <div class="icheck-primary d-inline">
                                                            <input type="radio" value="no" id="decontamination_no"
                                                                name="ID2[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="ID2[decontamination-varchar]">
                                                            <label for="diameter_not_applicable">Não
                                                                aplicável</label>
                                                        </div>
                                                    </div>

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


                                            </div> <!-- End of single form-group -->

                                            <div class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>

                                    </div> <!-- card-body TE1 -->
                                </div>
                            @endif

                            <!-- TE3 - Pré-teste-->
                            @if ($task_todo->elemental_tasks_id == 3)
                                <!-- TE3 - Pré-teste-->
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE3 - Pré-teste-->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center"
                                            style="width: 100%;">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }} </h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Card-header TE3 - Pré-teste-->

                                    <div class="card-body">
                                        <form
                                            action="{{ route('receiveAnswersEquipment', $dataControlEquipment->control_equipment_workstation_id) }}"
                                            method="POST" id="form3">
                                            @csrf

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

                                                <div class="row">

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

                                                        <!-- Validar especificações técnicas -->
                                                        {{-- <div class="row mb">
                                                            <div class="icheck-primary">

                                                                <input id="ID3[validate-technical-specifications]"
                                                                    type="checkbox"
                                                                    name="ID3[validate-technical-specifications-checkbox]"
                                                                    value="on" required>
                                                                <label for="ID3[validate-technical-specifications]">Validar
                                                                    especificações técnicas <span
                                                                        style="color: red;">*</span></label>
                                                            </div>
                                                        </div> --}}
                                                        <div class="row mb">
                                                            <div class="icheck-primary">
                                                                <input id="ID3[validate-technical-specifications]"
                                                                    type="checkbox"
                                                                    name="ID3[validate-technical-specifications-checkbox]"
                                                                    value="on"
                                                                    @if ($task_todo->formatted_answers['validate'] ?? '' == 'on') checked @endif
                                                                    @if ($task_todo->cardTypeStyle == 'gray') disabled @endif
                                                                    required>
                                                                <label for="ID3[validate-technical-specifications]">Validar especificações técnicas <span style="color: red;">*</span></label>
                                                            </div>
                                                        </div>
                                                        
                                                        <!-- ./ Validar especificações técnicas -->

                                                    
                                                        <div class="row mb-3">
                                                            <label>Especificações técnicas</label>
                                                            <textarea name="ID3[technical_specs_text-textarea]" class="form-control" rows="3" placeholder=""
                                                                @if ($task_todo->cardTypeStyle == 'gray') readonly @endif>
                                                                {{ $task_todo->formatted_answers['technical_specs_text'] ?? '' }}
                                                            </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 calibração</label>
                                                    <span style="color: red;">*</span></label>
                                                            </div>
                                                            <div class="col-md-9 d-flex align-items-center">
                                                                <div class="input-group date" id="reservationdate"
                                                                    data-target-input="nearest">
                                                                    <input name="ID3[pre_test_data-datetime]"
                                                                        type="datetime-local"
                                                                        class="form-control float-right" required>
                                                                </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 for="apirp576-select">Pré-teste efetuado de acordo
                                                                    com o API RP 576</label>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <select id="apirp576-select" name="ID3[apirp576-select]"
                                                                    class="form-control">
                                                                    <option value="yes" selected>Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </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 for="bench-pretest-select">Foi efetuado o pré-teste
                                                                    em bancada <span style="color: red;">*</span></label>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <select id="bench-pretest-select"
                                                                    name="ID3[bench_pretest-select]" class="form-control"
                                                                    required>
                                                                    <option value="yes" selected>Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </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 for="unit-received-select">Conforme recebida da
                                                                    unidade</label>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <select id="unit-received-select"
                                                                    name="ID3[unit_received-select]" class="form-control">
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </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 for="after-cleaning-select">Após limpeza</label>
                                                            </div>
                                                            <div class="col-md-3">
                                                                <select id="after-cleaning-select"
                                                                    name="ID3[after_cleaning-select]"
                                                                    class="form-control">
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <!-- ./ Após limpeza -->

                                                        <!-- Apresenta fuga -->
                                                        <div class="row mb-3">
                                                            <div class="col-md-9 d-flex align-items-center">
                                                                <label for="shows-leak-select">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">
                                                                <select id="shows-leak-select"
                                                                    name="ID3[shows_leak-select]" class="form-control">
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Nao</option>
                                                                </select>
                                                            </div>
                                                        </div>

                                                        <!-- ./ Apresenta fuga -->

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

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

                                                        <!-- 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="ID3[pressure_flow_begins-number]" 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="ID3[pressure_flow_stops-number]" 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="ID3[POP_opening_pressure-number]" 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 for="stuck-valve-select">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">
                                                                <select id="stuck-valve-select"
                                                                    name="ID3[stuck_valve-select]" class="form-control"
                                                                    required>
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </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 for="valve-reseats-select">Indicar se a válvula
                                                                    volta a assentar durante o teste <span
                                                                        style="color: red;">*</span></label>
                                                            </div>
                                                            <div class="col-md-5">
                                                                <select id="valve-reseats-select"
                                                                    name="ID3[valve_reseats-select]" class="form-control"
                                                                    required>
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Não</option>
                                                                    <option value="not applicable">Não aplicável</option>
                                                                </select>
                                                            </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 for="repaired-select">Reparada <span
                                                                        style="color: red;">*</span></label>
                                                            </div>
                                                            <div class="col-md-4">
                                                                <select id="repaired-select" name="ID3[repaired-select]"
                                                                    class="form-control" required>
                                                                    <option value="new">Nova</option>
                                                                    <option value="yes">Sim</option>
                                                                    <option value="no">Não</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                        <!-- ./ Reparada -->

                                                        <!-- Resultado do pré-teste -->
                                                        <div class="row mb-3">
                                                            <div class="col-md-8 d-flex align-items-center">
                                                                <label for="pre-test-result-select">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">
                                                                <select id="pre-test-result-select"
                                                                    name="ID3[pre_test_result-select]"
                                                                    class="form-control" required>
                                                                    <option value="passed">Passou</option>
                                                                    <option value="Flunked">Chumbou</option>
                                                                </select>
                                                            </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" class="toggle-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" class="toggle-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" class="toggle-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" class="toggle-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" class="toggle-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" class="toggle-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 class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>

                                        </form>
                                    </div>
                                </div>
                                <!-- ./ Workstation card-->
                            @endif

                            <!-- TE3(2)-CV Pré-teste-->
                            @if ($task_todo->elemental_tasks_id == 4)
                                <!-- TE3(2)-CV Pré-teste-->
                                <div class="card {{ $task_todo->cardType }} collapsed-card">

                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center"
                                            style="width: 100%;">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }} </h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card-body">
                                        <form
                                            action="{{ route('receiveAnswersEquipment', $dataControlEquipment->control_equipment_workstation_id) }}"
                                            method="POST" id="form4">
                                            @csrf

                                            <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 calibração</label>
                                                    <span style="color: red;">*</span></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 class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <!-- ./ Workstation card-->
                            @endif

                            <!-- TE10 - Montagem na linha -->
                            @if ($task_todo->elemental_tasks_id == 15)
                                <!-- TE10 - Montagem na linha  -->
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE10-->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }}</h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div><!-- Card-header TE10-->

                                    <div class="card-body">
                                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST"
                                            id="form15">
                                            @csrf

                                            <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="ID15[confirm_label_compliance-checkbox]"
                                                            type="checkbox" name="ID15[confirm_label_compliance-checkbox]"
                                                            required>
                                                        <label for="ID15[confirm_label_compliance-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="ID15[gasket_type-select]"
                                                            name="ID15[gasket_type-select]" class="form-control select2"
                                                            style="width: 100%;" required>
                                                            <option selected="selected" disabled hidden value="">
                                                            </option>
                                                            <option value="316L OR">316L OR</option>
                                                            <option value="316L IR/OR">316L IR/OR</option>
                                                            <option value="Monel IR/OR">Monel IR/OR</option>
                                                            <option value="Monel OR C/Gorotex">Monel OR C/Gorotex
                                                            </option>
                                                        </select>
                                                    </div>
                                                </div>
                                                <!-- ./ Tipo de junta -->

                                            </div> <!-- End of single form-group -->

                                            <div class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>

                                    </div><!-- card-body TE10 -->

                                </div>
                            @endif

                            <!-- TE10.1 - Confirmação de ligação  -->
                            @if ($task_todo->elemental_tasks_id == 24)
                                <!-- TE10.1 - Confirmação de ligação  -->
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE10-->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }} </h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card-body">
                                        <form action="{{ route('receiveAnswersEquipment') }}" method="POST"
                                            id="form24">
                                            @csrf
                                            <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="ID24[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="ID24[executed-checkbox]">
                                                            <label value="Não" for="executed-no">Não</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- ./ Executado -->


                                            </div> <!-- End of single form-group -->

                                            <div class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>
                                    </div><!-- card-body TE10.1 -->
                                </div>
                            @endif

                            <!-- TE11 -  Inspeção Final -->
                            @if ($task_todo->elemental_tasks_id == 17)
                                <!-- TE11 -  Inspeção Final -->
                                <div class="card {{ $task_todo->cardType }} collapsed-card">
                                    <!-- Card-header TE11 -->
                                    <div class="card-header clickable"
                                        style="background-color: {{ $task_todo->cardTypeStyle }}">
                                        <div class="d-flex justify-content-between align-items-center"
                                            style="width: 100%;">
                                            <h3 class="card-title mb-0">
                                                {{ $task_todo->elementalTask->elemental_tasks_code }} -
                                                {{ $task_todo->elementalTask->elemental_tasks_description }} </h3>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool collapse-button"
                                                    data-card-widget="collapse">
                                                    <i class="fas fa-plus"></i></button>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card-body">
                                        <form
                                            action="{{ route('receiveAnswersEquipment', $dataControlEquipment->control_equipment_workstation_id) }}"
                                            method="POST" id="form17">
                                            @csrf

                                            <!-- Single form-group for all content -->
                                            <div class="form-group">
                                                <!-- Verificar o aperto das flanges -->
                                                <div class="row mb-3">
                                                    <div class="col-md-6 icheck-primary">
                                                        <input id="ID17[check_flanges_tightness]" type="checkbox"
                                                            name="ID17[check_flanges_tightness-checkbox]" value="on"
                                                            required>
                                                        <label for="ID17[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="ID17[check_flange_alignment]" type="checkbox"
                                                            name="ID17[check_flange_alignment-checkbox]" value="on"
                                                            required>
                                                        <label for="ID17[check_flange_alignment]">Verificar o
                                                            alinhamento dasflanges
                                                            <span style="color: red;">*</span></label>
                                                    </div>
                                                </div>
                                                <!-- ./ Verificar o alinhamento das flanges -->
                                            </div> <!-- End of single form-group -->

                                            <div class="card-footer">
                                                <!-- Botão alinhado à direita -->
                                                <button type="submit"
                                                    class="btn btn-primary float-right">Guardar</button>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            @endif
                        @endforeach

                        <form
                            action="{{ route('cancelElementalTaskForEquipment', $receiveDataEquipment->equipment_id) }}"
                            method="get">
                            <div class="card-footer">
                                <button type="submit" data-action="cancel"
                                    class="btn btn-danger float-left">Cancelar</button>
                            </div>
                        </form>

                    </div><!-- card-body card-body do card principal -->
                </div> <!-- ./ Card card-indo principal-->
            </div> <!-- ./ col-12 -->



    </section>


    <!-- Script para abrir os card sem tem que click diretamente no icone -->
    <script type="text/javascript">
        $(document).ready(function() {
            $('.clickable').on('click', function(e) {
                // Verifica se o clique não foi no botão
                if (!$(e.target).is('.collapse-button') && !$(e.target).is('.collapse-button *')) {
                    $(this).find('.collapse-button').trigger('click');
                }
            });
        });
    </script>

    {{-- Este script serve para ter a opcao de deselecionar o botao Radio caso tenho apertado incorretamente  --}}
    <script>
        $(document).ready(function() {
            // Armazenar o último botão de rádio clicado
            let lastCheckedRadio = null;

            // Evento de clique nos botões de rádio com a classe 'toggle-radio'
            $('.toggle-radio').on('click', function(event) {
                if (this === lastCheckedRadio) {
                    // Se clicar no mesmo botão de rádio que foi clicado anteriormente, desmarque
                    $(this).prop('checked', false);
                    lastCheckedRadio = null;
                } else {
                    // Caso contrário, atualize lastCheckedRadio com o botão de rádio atual
                    lastCheckedRadio = this;
                }
            });
        });
    </script>
@endsection