@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-10">

                <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="fas fa-play">Portifoleo</i> --}}
                            <i class="fa-sharp fa-regular fa-newspaper"></i> Portfólio
                        </a>

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

                        <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">
                                        <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">
                                        <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

                            <!-- 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">
                                        <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">
                                        <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">
                                        <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') }}" method="POST"
                                            id="form17">
                                            @csrf

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

                                                <!-- Verificar o aperto das flanges -->
                                                <div class="row mb-3">
                                                    <div class="col-md-6 icheck-primary">
                                                        <input id="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
                                                            das
                                                            flanges
                                                            <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-10-->



    </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>
@endsection