@extends('Templates/templateAdmin')

@section('Main-content')

    @if (session('success'))
        <div class="alert alert-success" role="alert" id="alert-message-success" style="transition: opacity 1s;">
            {{ session('success') }}
        </div>
        <script>
            setTimeout(function() {
                document.getElementById('alert-message-success').style.opacity = '0';
            }, 5000); // A mensagem desaparecerá após 5 segundos
        </script>
    @endif

    @if (session('danger'))
        <div class="alert alert-danger" role="alert" id="alert-message-danger" style="transition: opacity 1s;">
            {{ session('danger') }}
        </div>
        <script>
            setTimeout(function() {
                document.getElementById('alert-message-danger').style.opacity = '0';
            }, 5000); // A mensagem desaparecerá após 5 segundos
        </script>
    @endif


    <div class="row justify-content-center">
        <div class="col-12">
            <div class="row justify-content-center">
                <div class="card-body">
                    <!-- Progressbar -->

                    <ul id="progressbar" class="nav nav-pills d-flex flex-sm-row justify-content-center">
                        <li class="@if ($step == 2) active @endif "></li>
                        {{-- Project details --}}
                        <li class="@if ($step == 2) active @endif "></li>
                        {{-- Articulated --}}
                        <li class="@if ($step == 3) active @endif "></li>
                        {{-- Workstation --}}
                    </ul>

                </div>
            </div>

            <fieldset>
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">Articulado</h3>
                    </div>
                    <!-- ./Card-header -->

                    <div class="card-body">
                        <div class="card card-success collapsed-card">
                            <div class="card-header">
                                <h3 class="card-title">Criar Equipamentos Manualmente</h3>

                                <div class="card-tools">
                                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                            class="fas fa-plus"></i>
                                    </button>
                                </div>
                                <!-- /.card-tools -->
                            </div>
                            <!-- /.card-header -->
                            <div class="card-body">
                                <form action="{{ route('test2CreateEquipment') }}" method="POST">
                                    @csrf
                                    {{-- Vai receber o valor do ID da obra e passar diretamente para o controller, esta em hidden pois nao e necessario mostrar seu campo ao utilizador --}}
                                    <input type="hidden" name="numberProject" value="{{ $numberProject }}">

                                    <div class="row">
                                        <!-- select -->
                                        <div class="form-group col-sm-6">
                                            <label>Fabrica</label>
                                            <select class="form-control" name="unit_id" id="unit_select" required>
                                                <option value='' hidden>Selecione Fabrica...</option>
                                                <option value="new">Criar Fabrica...</option>
                                                @foreach ($checkUnits as $checkUnit)
                                                    <option value="{{ $checkUnit->unit_id }}">
                                                        {{ $checkUnit->unit_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group col-sm-6" id="new_unit_div">
                                            <label>Nova Fabrica :</label>
                                            <input type="text" id="new_unit_name" class="form-control"
                                                name="new_unit_name" placeholder="Digite o nome da nova empresa" required>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label>Tipo de equipamento</label>
                                        <select class="form-control" name="equipmentTypeId" {{-- equipmentType_id --}}
                                            id="equipmentType_id_list" required>
                                            <option value='' hidden>Selecionar Tipo de equipamento...</option>
                                            @foreach ($typeEquipments as $typeEquipment)
                                                <option value="{{ $typeEquipment->equipment_type_id }}">
                                                    {{ $typeEquipment->equipment_type_name }}</option>
                                            @endforeach
                                        </select>
                                    </div>

                                    <!-- PSV-card -->
                                    <div id="psv_card" class="card card-secondary">
                                        <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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="tag"
                                                                class="form-control card_inputs" id="equipmentTag"
                                                                placeholder="Tag..." aria-label="Tag Equipment"
                                                                aria-describedby="form-tagEquipment" required>
                                                            <label>Tag <span class="required">*</span></label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentDescription"
                                                                class="form-control card_inputs" id="equipmentDescription"
                                                                placeholder="Descricao Equipamento..."
                                                                aria-label="Tag Equipment"
                                                                aria-describedby="form-equipmentDescription" required>
                                                            <label>Descricao Equipamento <span
                                                                    class="required">*</span></label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="serialNumberEquipment"
                                                                class="form-control card_inputs"
                                                                id="equipmentSerialNumber" placeholder="Número de série"
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-serialNumberEquipment">
                                                            <label>Número de série </label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentBrand"
                                                                class="form-control card_inputs" id="equipmentBrand"
                                                                placeholder="Modelo" aria-label="Serial Number Equipment"
                                                                aria-describedby="form-equipmentBrand">
                                                            <label>Marca</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentModel"
                                                                class="form-control card_inputs" id="equipmentModel"
                                                                placeholder="Modelo" aria-label="Serial Number Equipment"
                                                                aria-describedby="form-equipmentModel">
                                                            <label>Modelo</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dimension"
                                                                class="form-control card_inputs" id="dimension"
                                                                placeholder="Dimensão"
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-dimension">
                                                            <label>Dimensão</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="rating"
                                                                class="form-control card_inputs" id="rating"
                                                                placeholder="Rating..."
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-rating">
                                                            <label>Rating</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dim_certa"
                                                                class="form-control card_inputs" id="dim_certa"
                                                                placeholder="Dim certa..."
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-dim_certa">
                                                            <label>Dim certa</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="main_equipment"
                                                                class="form-control card_inputs" id="main_equipment"
                                                                placeholder="Modelo" aria-label="Main Equipment"
                                                                aria-describedby="form-main_equipment">
                                                            <label>Main Equipment</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="p&id"
                                                                class="form-control card_inputs" id="p&id"
                                                                placeholder="P&ID" aria-label="P & id"
                                                                aria-describedby="form-p&id">
                                                            <label>P&ID</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="sap_number"
                                                                class="form-control card_inputs" id="sap_number"
                                                                placeholder="Modelo" aria-label="Numero Sap"
                                                                aria-describedby="form-sap_number">
                                                            <label>Nº SAP</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="SP_(Bar)_Cold"
                                                                class="form-control card_inputs" id="SP_(Bar)_Cold"
                                                                placeholder="SP (Bar) Cold" aria-label="SP (Bar) Cold"
                                                                aria-describedby="form-SP_(Bar)_Cold">
                                                            <label>SP (Bar) Cold</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="Back_Presure_(Bar)"
                                                                class="form-control card_inputs" id="Back_Presure_(Bar)"
                                                                placeholder="Back Presure (Bar)"
                                                                aria-label="Back Presure (Bar)"
                                                                aria-describedby="form-Back_Presure_(Bar)">
                                                            <label>Back Presure (Bar)</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-material">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="material"
                                                                class="form-control card_inputs" id="material"
                                                                placeholder="Material" aria-label="Material"
                                                                aria-describedby="form-material">
                                                            <label>Material</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="manufacturer"
                                                                class="form-control card_inputs" id="manufacturer"
                                                                placeholder="Fabricante" aria-label="Fabricante"
                                                                aria-describedby="form-manufacturer">
                                                            <label>Fabricante</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="isolation"
                                                                class="form-control card_inputs" id="isolation"
                                                                placeholder="Isolamento" aria-label="Isolamento"
                                                                aria-describedby="form-isolation">
                                                            <label>Isolamento</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="scaffold">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Andaime?</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="crane">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Grua?</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}
                                        </div>
                                        <!-- /.card-body -->
                                    </div>
                                    {{-- ./psv_card --}}

                                    <!-- ISV-card -->
                                    <div id="isv_card" class="card card-primary">
                                        <div class="card-header">
                                            <h3 class="card-title">ISV</h3>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">
                                            {{-- 2 inputs per line :equipmentTag ,equipmentDescription --}}
                                            <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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="tag"
                                                                class="form-control card_inputs" id="equipmentTag"
                                                                placeholder="Tag..." aria-label="Tag Equipment"
                                                                aria-describedby="form-tagEquipment" required>
                                                            <label>Tag <span class="required">*</span></label>
                                                        </div>
                                                    </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-sharp fa-regular fa-newspaper"
                                                                style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentDescription"
                                                                class="form-control card_inputs" id="equipmentDescription"
                                                                placeholder="Descricao Equipamento..."
                                                                aria-label="Tag Equipment"
                                                                aria-describedby="form-equipmentDescription" required>
                                                            <label>Descricao Equipamento <span
                                                                    class="required">*</span></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 inputs per line :serialNumberEquipment, 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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="serialNumberEquipment"
                                                                class="form-control card_inputs"
                                                                id="equipmentSerialNumber" placeholder="Número de série"
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-serialNumberEquipment">
                                                            <label>Número de série </label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentBrand"
                                                                class="form-control card_inputs" id="equipmentBrand"
                                                                placeholder="Modelo" aria-label="Marca Equipamento"
                                                                aria-describedby="form-equipmentBrand">
                                                            <label>Marca</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentModel"
                                                                class="form-control card_inputs" id="equipmentModel"
                                                                placeholder="Modelo" aria-label="Modelo Equipamento"
                                                                aria-describedby="form-equipmentModel">
                                                            <label>Modelo</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dimension"
                                                                class="form-control card_inputs" id="dimension"
                                                                placeholder="Dimensão" aria-label="Dimensao Equipamento"
                                                                aria-describedby="form-dimension">
                                                            <label>Dimensão</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="rating"
                                                                class="form-control card_inputs" id="rating"
                                                                placeholder="Rating..." aria-label="Rating Equipamento"
                                                                aria-describedby="form-rating">
                                                            <label>Rating</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dim_certa"
                                                                class="form-control card_inputs" id="dim_certa"
                                                                placeholder="Dim certa..."
                                                                aria-label="Dim certa Equipamento"
                                                                aria-describedby="form-dim_certa">
                                                            <label>Dim certa</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 Inputs per line :main_equipment ,P_idEquipment ,NumberSapEquipment --}}
                                            <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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="main_equipment"
                                                                class="form-control card_inputs" id="main_equipment"
                                                                placeholder="Modelo" aria-label="Main Equipment"
                                                                aria-describedby="form-main_equipment">
                                                            <label>Main Equipment</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-P_IidEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="P_IidEquipment"
                                                                class="form-control card_inputs" id="P_idEquipment"
                                                                placeholder="Modelo" aria-label="P&ID"
                                                                aria-describedby="form-P_IidEquipment">
                                                            <label>P&ID</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-NumberSapEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="NumberSapEquipment"
                                                                class="form-control card_inputs" id="NumberSapEquipment"
                                                                placeholder="Modelo" aria-label="Numero SAP Equipamento"
                                                                aria-describedby="form-NumberSapEquipment">
                                                            <label>Nº SAP</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 Inputs per line :materialEquipment ,manufacturerEquipment ,isolationEquipment    --}}
                                            <div class="row">
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-materialEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="materialEquipment"
                                                                class="form-control card_inputs" id="materialEquipment"
                                                                placeholder="Modelo" aria-label="Material Equipamento"
                                                                aria-describedby="form-materialEquipment">
                                                            <label>Material</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-manufacturerEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="manufacturerEquipment"
                                                                class="form-control card_inputs"
                                                                id="manufacturerEquipment" placeholder="Modelo"
                                                                aria-label="Fabricante Equipamento"
                                                                aria-describedby="form-manufacturerEquipment">
                                                            <label>Fabricante</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-isolationEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="isolationEquipment"
                                                                class="form-control card_inputs" id="isolationEquipment"
                                                                placeholder="Modelo" aria-label="Isolamento Equipamento"
                                                                aria-describedby="form-isolationEquipment">
                                                            <label>Isolamento</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="scaffold">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Andaime?</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="crane">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Grua?</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}
                                        </div>
                                        <!-- /.card-body -->
                                    </div>
                                    <!-- ./ISV-card -->


                                    <!-- CV-card -->
                                    <div id="cv_card" class="card card-info">

                                        <div class="card-header">
                                            <h3 class="card-title">CV</h3>
                                        </div>
                                        <!-- /.card-header -->
                                        <div class="card-body">
                                            {{-- 2 inputs per line :equipmentTag ,equipmentDescription --}}
                                            <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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="tag"
                                                                class="form-control card_inputs" id="equipmentTag"
                                                                placeholder="Tag..." aria-label="Tag Equipment"
                                                                aria-describedby="form-tagEquipment" required>
                                                            <label>Tag <span class="required">*</span></label>
                                                        </div>
                                                    </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-sharp fa-regular fa-newspaper"
                                                                style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentDescription"
                                                                class="form-control card_inputs" id="equipmentDescription"
                                                                placeholder="Descricao Equipamento..."
                                                                aria-label="Tag Equipment"
                                                                aria-describedby="form-equipmentDescription" required>
                                                            <label>Descricao Equipamento <span
                                                                    class="required">*</span></label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 inputs per line :serialNumberEquipment, 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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="serialNumberEquipment"
                                                                class="form-control card_inputs"
                                                                id="equipmentSerialNumber" placeholder="Número de série"
                                                                aria-label="Serial Number Equipment"
                                                                aria-describedby="form-serialNumberEquipment">
                                                            <label>Número de série </label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentBrand"
                                                                class="form-control card_inputs" id="equipmentBrand"
                                                                placeholder="Modelo" aria-label="Marca Equipamento"
                                                                aria-describedby="form-equipmentBrand">
                                                            <label>Marca</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="equipmentModel"
                                                                class="form-control card_inputs" id="equipmentModel"
                                                                placeholder="Modelo" aria-label="Modelo Equipamento"
                                                                aria-describedby="form-equipmentModel">
                                                            <label>Modelo</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dimension"
                                                                class="form-control card_inputs" id="dimension"
                                                                placeholder="Dimensão" aria-label="Dimensao Equipamento"
                                                                aria-describedby="form-dimension">
                                                            <label>Dimensão</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="rating"
                                                                class="form-control card_inputs" id="rating"
                                                                placeholder="Rating..." aria-label="Rating Equipamento"
                                                                aria-describedby="form-rating">
                                                            <label>Rating</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="dim_certa"
                                                                class="form-control card_inputs" id="dim_certa"
                                                                placeholder="Dim certa..."
                                                                aria-label="Dim certa Equipamento"
                                                                aria-describedby="form-dim_certa">
                                                            <label>Dim certa</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 Inputs per line :main_equipment ,P_idEquipment ,NumberSapEquipment --}}
                                            <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>
                                                        <div class="has-float-label">
                                                            <input type="text" name="main_equipment"
                                                                class="form-control card_inputs" id="main_equipment"
                                                                placeholder="Main Equipment" aria-label="Main Equipment"
                                                                aria-describedby="form-main_equipment">
                                                            <label>Main Equipment</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-P_IidEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="P_IidEquipment"
                                                                class="form-control card_inputs" id="P_idEquipment"
                                                                placeholder="P&ID" aria-label="P&ID"
                                                                aria-describedby="form-P_IidEquipment">
                                                            <label>P&ID</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-NumberSapEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="NumberSapEquipment"
                                                                class="form-control card_inputs" id="NumberSapEquipment"
                                                                placeholder="Modelo" aria-label="Numero SAP Equipamento"
                                                                aria-describedby="form-NumberSapEquipment">
                                                            <label>Nº SAP</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 Inputs per line :materialEquipment ,manufacturerEquipment ,isolationEquipment    --}}
                                            <div class="row">
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-materialEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="materialEquipment"
                                                                class="form-control card_inputs" id="materialEquipment"
                                                                placeholder="Modelo" aria-label="Material Equipamento"
                                                                aria-describedby="form-materialEquipment">
                                                            <label>Material</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-manufacturerEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="manufacturerEquipment"
                                                                class="form-control card_inputs"
                                                                id="manufacturerEquipment" placeholder="Modelo"
                                                                aria-label="Fabricante Equipamento"
                                                                aria-describedby="form-manufacturerEquipment">
                                                            <label>Fabricante</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-isolationEquipment">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="isolationEquipment"
                                                                class="form-control card_inputs" id="isolationEquipment"
                                                                placeholder="Modelo" aria-label="Isolamento Equipamento"
                                                                aria-describedby="form-isolationEquipment">
                                                            <label>Isolamento</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}

                                            {{-- 3 Inputs per line : actuatorManufacturer,   --}}
                                            <div class="row">
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-actuatorManufacturer">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="actuatorManufacturer"
                                                                class="form-control card_inputs" id="actuatorManufacturer"
                                                                placeholder="Fabricante do atuador"
                                                                aria-label="Fabricante do Atuador"
                                                                aria-describedby="form-actuatorManufacturer">
                                                            <label>Fabricante do atuador</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-ActuatorModel">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="ActuatorModel"
                                                                class="form-control card_inputs" id="ActuatorModel"
                                                                placeholder="Modelo do atuador"
                                                                aria-label="Modelo do atuador"
                                                                aria-describedby="form-ActuatorModel">
                                                            <label>Modelo do atuador</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-4">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-actuatorSerialNumber">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="actuatorSerialNumber"
                                                                class="form-control card_inputs" id="actuatorSerialNumber"
                                                                placeholder="N.º de série do atuador"
                                                                aria-label="Numero de série do atuado"
                                                                aria-describedby="form-actuatorSerialNumber">
                                                            <label>N.º de série do atuador</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./Row --}}

                                            {{-- 2 Inputs per line : actuatorManufacturer,   --}}
                                            <div class="row">
                                                <div class="form-group col-sm-6">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-PositionerManufacturer">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="PositionerManufacturer"
                                                                class="form-control card_inputs"
                                                                id="PositionerManufacturer"
                                                                placeholder="Fabricante do posicionador"
                                                                aria-label="Fabricante do posicionador"
                                                                aria-describedby="form-PositionerManufacturer">
                                                            <label>Fabricante do posicionador</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="form-group col-sm-6">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text" id="form-PositionerSerialNumber">
                                                            <i class="fa-solid fa-cubes" style="color: #00B0EA;"></i>
                                                        </span>
                                                        <div class="has-float-label">
                                                            <input type="text" name="PositionerSerialNumber"
                                                                class="form-control card_inputs"
                                                                id="PositionerSerialNumber"
                                                                placeholder="N.º de série do posicionador"
                                                                aria-label="Numero de série do posicionador"
                                                                aria-describedby="form-PositionerSerialNumber">
                                                            <label>N.º de série do posicionador</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="scaffold">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Andaime?</label>
                                                        </div>
                                                    </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>
                                                        <div class="has-float-label">
                                                            <select class="form-control card_inputs" name="crane">
                                                                <option value="Sim">Sim</option>
                                                                <option value="Nao" selected>Nao</option>
                                                            </select>
                                                            <label>Grua?</label>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            {{-- ./row --}}
                                        </div>
                                        <!-- /.card-body -->
                                    </div>
                                    <!-- ./CV-card -->

                                    <div class="form-group">
                                        <label>Ambitos</label>
                                        <select class="form-control" name="EquipmentAmbit" id="AmbitsEquipments_list"
                                            required>
                                            <option value='' hidden>Selecionar Ambito...</option>
                                        </select>
                                    </div>


                                    <div class="form-group col-sm-4">
                                        <button type="submit" class="btn btn-primary">Guardar</button>
                                    </div>
                                </form>
                            </div>

                        </div>

                        <div class="card card-primary collapsed-card">
                            <div class="card-header">
                                <h3 class="card-title">Selecionar Equipamentos</h3>

                                <div class="card-tools">
                                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i
                                            class="fas fa-plus"></i>
                                    </button>
                                </div>
                                <!-- /.card-tools -->
                            </div>
                            <div class="card-body">

                                <div class="table-responsive">
                                    <div class="row text-center">

                                        <div class="form-group col-sm-4">
                                            <label>Fabrica</label>
                                            <select class="form-control" name="unit_id" id="unit_select2">
                                                {{-- Antes era : 'unit_select' (caso de algum erro) --}}
                                                <option value='#' hidden>Selecione Fabrica...</option>
                                                @foreach ($checkUnits as $checkUnit)
                                                    <option value="{{ $checkUnit->unit_id }}">
                                                        {{ $checkUnit->unit_name }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group col-sm-4">
                                            <label>Tipo de equipamento</label>
                                            <select class="form-control" name="equipmentType_id"
                                                id="equipmentType_id_list">
                                                <option value='#' hidden>Selecionar Tipo de equipamento...
                                                </option>

                                                @foreach ($typeEquipments as $typeEquipment)
                                                    <option value="{{ $typeEquipment->equipment_type_id }}">
                                                        {{ $typeEquipment->equipment_type_name }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group col-sm-4">
                                            <label for="">Pesquisa</label>
                                            <input class="form-control" type="text">
                                        </div>

                                    </div>

                                    {{-- <table class="table table-bordered table-striped"> --}}
                                    <table id="tableSelectEquipements" class="table table-bordered table-striped">

                                        <thead>
                                            <tr>
                                                <th>ID</th>
                                                <th>Fabrica</th>
                                                <th>Tipo de Equipamento</th>
                                                <th>Tag</th>
                                                <th>Descricao Equipamento</th>
                                                <th>Numero de Serie</th>
                                                <th>Marca</th>
                                                <th>Selecionar Equipamentos</th>
                                                <th>Editar</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {{-- @if (Session::has('listValves'))
                                                        @foreach (Session::get('listValves') as $valve) --}}
                                            @foreach ($listEquipmentsProjects as $listEquipmentsProject)
                                                <tr>
                                                    <td>{{ $listEquipmentsProject->equipment_id }}</td>
                                                    <td>{{ $listEquipmentsProject->unit->unit_name ?? 'Sem Fabrica Associada!!!' }}
                                                    </td>
                                                    <td>{{ $listEquipmentsProject->equipmentType->equipment_type_name ?? 'Sem tipo de Equipamento Associado!!!' }}
                                                    </td>
                                                    <td>{{ $listEquipmentsProject->equipment_tag }}</td>
                                                    <td>{{ $listEquipmentsProject->equipment_description }}</td>
                                                    <td>{{ $listEquipmentsProject->equipment_serial_number }}</td>
                                                    <td>{{ $listEquipmentsProject->equipment_brand }}</td>
                                                    {{-- <td>{{ $vallistEquipmentsProjectve->equipment_model }}</td> --}}

                                                    <td class="text-center d-flex justify-content-around">
                                                        <div class="form-check">
                                                            <input class="form-check-input" type="checkbox"
                                                                value="uniqueValue" id="uniqueId">
                                                            <label class="form-check-label" for="uniqueId">
                                                                Recebe algo
                                                            </label>
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th>Selecionar tudo :</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                                {{-- ./table-responsive --}}
                            </div>
                        </div>

                        <form action="{{ route('processStep2') }}" method="post" enctype="multipart/form-data">

                            @csrf
                            <input type="hidden" name="numberProject" value="{{ $numberProject }}">
                            <div class="row">
                                <div class="col-sm-4">
                                    <a id="btn-download-template" href="{{ route('download') }}"
                                        class="btn btn-info">Baixar Template</a>
                                </div>
                                <div class="form-group col-sm-4">
                                    <label for="exampleInputFile">Importar Articulado</label>
                                    <div class="input-group">
                                        <div class="custom-file">
                                            <input type="file" class="custom-file-input" id="exampleInputFile"
                                                name="documento" accept=".xlsx, .xls">
                                            <label class="custom-file-label" for="exampleInputFile">Choose
                                                File</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <button type="submit" class="btn btn-primary">Enviar</button>
                                </div>
                            </div>
                            {{-- ./row --}}
                        </form>

                        <div class="row">
                            <div class="form-group col-sm-4">
                                <a href='#' data-toggle='modal' data-target='#modal-pedingEquipments'>
                                    <button class="btn btn-danger">
                                        Pendentes :
                                        @if (isset($pendingEquipments))
                                            ({{ count($pendingEquipments) }})
                                        @endif
                                    </button>
                                </a>
                            </div>
                        </div>




                        <div class="table-responsive">
                            <table class="table table-bordered table-striped">
                                <thead>
                                    <tr>
                                        <th>Fabrica</th>
                                        <th>Tipo de Equipamento</th>
                                        <th>Tag</th>
                                        <th>Descricao Equipamento</th>
                                        <th>Ambito</th>
                                        <th>Detalhes</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($listEquipmentsProjects as $listEquipmentsProject)
                                        <tr>
                                            <td>{{ $listEquipmentsProject->unit->unit_name ?? 'Sem Fabrica Associada!!!' }}
                                            </td>
                                            <td>{{ $listEquipmentsProject->equipmentType->equipment_type_name ?? 'Sem tipo de Equipamento Associado!!!' }}
                                            </td>
                                            <td>{{ $listEquipmentsProject->equipment_tag }}</td>
                                            <td>{{ $listEquipmentsProject->equipment_description }}</td>
                                            <td>{{ $listEquipmentsProject->equipmentAssociationAmbit->first()->ambitsEquipment->ambits_description ?? 'Sem Descrição Ambit Associada!!!' }}
                                            </td>
                                            <td class="text-center d-flex justify-content-around">
                                                {{-- <a href="#" data-toggle="modal"
                                                    data-target="#modal-showEquipment-{{ $listEquipmentsProject->equipment_id }}">
                                                    <i class="fa-solid fa-eye text-secondary"></i></a> --}}

                                                <a href="#" data-toggle="modal"
                                                    data-target="#modal-showEquipment-{{ $listEquipmentsProject->equipment_id }}">
                                                    <i class="fa-solid fa-eye text-secondary"></i></a>

                                                <a href="#" data-toggle="modal"
                                                    data-target="#modal-edit-instalacao">
                                                    <i class="fa-solid fa-edit text-primary"></i>
                                                </a>
                                                <a href="#" data-toggle="modal" data-target="#modal-remover">
                                                    <i class="fa-solid fa-trash-alt text-danger"></i>
                                                </a>
                                            </td>
                                        </tr>

                                        <div class="modal fade" id="modal-showEquipment-{{ $listEquipmentsProject->equipment_id }}">
                                            <div class="modal-dialog modal-xl">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h4 class="modal-title">Equipamento : {{ $listEquipmentsProject->equipment_tag }}</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        @foreach ($listEquipmentsProject->specificAttributes as $attribute)
                                                            <p>{{ $attribute->general_attributes_equipment_description }}</p>
                                                            <p>{{ $attribute->specific_attributes_value }}</p>
                                                        @endforeach
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{-- ./table-responsive --}}

                        {{-- @foreach ($listEquipmentsProjects as $listEquipmentsProject)
                            @foreach ($listEquipmentsProject->specificAttributes as $attribute)
                                <div class="modal fade"
                                    id="modal-showEquipment-{{ $listEquipmentsProject->equipment_id }}">
                                    <div class="modal-dialog modal-xl">
                                        <div class="modal-content">
                                            <div class="modal-header bg-light">
                                                <h4 class="modal-title">Equipamento :
                                                    {{ $listEquipmentsProject->equipment_tag }}</h4>
                                            </div>
                                            <div class="modal-body">
                                                <p>{{ $attribute->general_attributes_equipment_description }}</p>
                                                <p>{{ $attribute->specific_attributes_value }}</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        @endforeach --}}


                        <div class="card-footer">
                            <div class="float-right">
                                <button type="submit" class="btn btn-primary">Save</button>
                            </div>
                        </div>

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

                </div>
                <!-- ./Card card-Primary  -->
                <a href="{{ route('test1', ['id' => $numberProject]) }}"
                    class="btn btn-primary previous float-left">Anterior</a>
                <a href="{{ route('test3') }}" class="btn btn-primary next float-right">Seguinte</a>


            </fieldset>

        </div>
    </div>
    </div>
    {{-- ./row justify-content-center --}}

    {{-- modal-pedingEquipments --}}
    <div class="modal fade" id="modal-pedingEquipments">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">

                <div class="table-responsive">
                    <table class="table table-bordered table-striped">
                        <thead>
                            <tr>
                                <th>Fabrica</th>
                                <th>Tipo de Equipamento</th>
                                <th>Tag</th>
                                <th>Descricao Equipamento</th>
                                <th>Numero de Serie</th>
                                <th>Marca</th>
                                <th>Modelo</th>
                                <th>Acoes</th>
                            </tr>
                        </thead>
                        <tbody>
                            @isset($pendingEquipments)
                                @foreach ($pendingEquipments as $pendingEquipment)
                                    <tr id="row-{{ $pendingEquipment->pending_equipment_id }}">
                                        <td>{{ $pendingEquipment->unit->unit_name ?? 'Sem Fabrica Associada!!!' }}</td>
                                        <td>{{ $pendingEquipment->equipmentType->equipment_type_name ?? 'Sem tipo de Equipamento Associado!!!' }}
                                        </td>
                                        <td>{{ $pendingEquipment->pending_equipment_tag }}</td>
                                        <td>{{ $pendingEquipment->pending_equipment_description }}</td>
                                        <td>{{ $pendingEquipment->pending_equipment_serial_number }}</td>
                                        <td>{{ $pendingEquipment->pending_equipment_brand }}</td>
                                        <td>{{ $pendingEquipment->pending_equipment_model }}</td>
                                        <td class="text-center d-flex justify-content-around">
                                            <a href="#" data-toggle="modal"
                                                data-target="#modal-PendingEquipmentCreate-{{ $pendingEquipment->pending_equipment_id }}">
                                                <i class="fa-solid fa-eye text-secondary"></i>
                                            </a>
                                            <a href="#" data-toggle="modal"
                                                data-target="#modal-PendingEquipmentRemove-{{ $pendingEquipment->pending_equipment_id }}">
                                                <i class="fa-solid fa-trash-alt text-danger"></i>
                                            </a>
                                        </td>
                                    </tr>

                                    <tr id="card-{{ $pendingEquipment->pending_equipment_id }}" style="display: none;">
                                        <td colspan="9">
                                            <div class="card">
                                                <div class="card-body">
                                                    <h5 class="card-title">
                                                        {{ $pendingEquipment->pending_equipment_description }}</h5>
                                                    <p class="card-text">Informações adicionais sobre o equipamento aqui.
                                                    </p>
                                                    <!-- Aqui você pode adicionar a informação correspondente de listValves, se disponível -->
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                @endforeach
                            @else
                                <tr>
                                    <td colspan="9" class="text-center">Sem dados existentes !!!</td>
                                </tr>
                            @endisset
                        </tbody>
                    </table>
                </div>
                {{-- ./table-responsive --}}

            </div>
            {{-- ./modal-content --}}
        </div>
    </div>
    {{-- ./modal-pedingEquipments --}}

    @if (isset($pendingEquipments))
        @foreach ($pendingEquipments as $pendingEquipment)
            {{-- modal-PendingEquipmentCreate --}}
            <div class="modal fade" id="modal-PendingEquipmentCreate-{{ $pendingEquipment->pending_equipment_id }}">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header bg-primary">
                            <h4 class="modal-title">Criar Equipamento</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">x</span>
                            </button>
                        </div>
                        <form
                            action="{{ route('CreateNewEquipmentFromPendingEquipment', $pendingEquipment->pending_equipment_id) }}"
                            method="POST">
                            @csrf
                            <div class="modal-body">
                                <p>Criar equipamento ?</p>
                                <h4>{{ $pendingEquipment->pending_equipment_tag }} <strong>(Numero da
                                        copia)</strong> </h4>
                                <h4>{{ $pendingEquipment->pending_equipment_description }} <strong>(Numero da
                                        copia)</strong></h4>
                                <h4>{{ $pendingEquipment->pending_equipment_type_id }}</h4>

                                <select class="form-control" name="EquipmentAmbit"
                                    id="AmbitsEquipments_list-{{ $pendingEquipment->pending_equipment_id }}" required>
                                    <option value='' hidden>Selecionar Ambito...</option>
                                </select>
                            </div>
                            <div class="modal-footer justify-content-between">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                                <button type="submit" class="btn btn-success">Criar</button>
                            </div>
                        </form>
                    </div>
                    <!-- /.modal-content -->
                </div>
            </div>

            {{-- ./modal-PendingEquipmentCreate --}}

            {{-- modal-PendingEquipmentRemove --}}
            <div class="modal fade" id="modal-PendingEquipmentRemove-{{ $pendingEquipment->pending_equipment_id }}">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header bg-primary">
                            <h4 class="modal-title">Remover</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">x</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <p>Deseja realmente remover o equipamento ?</p>
                            <h4>{{ $pendingEquipment->pending_equipment_tag }}</h4>
                            <h4>{{ $pendingEquipment->pending_equipment_description }}</h4>
                        </div>
                        <div class="modal-footer justify-content-between">
                            <form action="{{ route('removeEquipment', $pendingEquipment->pending_equipment_id) }}"
                                method="POST">
                                @csrf
                                @method('DELETE')
                                <div class="modal-footer justify-content-between">
                                    <button type="button" class="btn btn-default"
                                        data-dismiss="modal">Fechar</button>
                                    <button type="submit" class="btn btn-danger">Remover</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal-dialog -->
            </div>
            {{-- ./modal-PendingEquipmentRemove --}}
        @endforeach
    @endif





    {{-- modal-criar-equipamento --}}
    {{-- <div class="modal fade" id="modal-criar-equipamento">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header bg-primary">
                    <h4 class="modal-title">Remover</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>
                </div>
                <div class="modal-body">
                    <p>O equipamento criado vai ser a tag e Description (2)</p>
                </div>
                <div class="modal-footer justify-content-between">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
                    <button type="submit" class="btn btn-danger">Criar Equipamento</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div> --}}
    {{-- ./modal-criar-equipamento --}}



@section('scripts')
    <script>
        $(document).ready(function() {
            $('[id^="modal-PendingEquipmentCreate-"]').on('show.bs.modal', function(e) {
                // Pega o id do equipamento pendente do id da modal
                var pendingEquipmentID = e.target.id.split('-').pop();

                // Pega o valor do tipo de equipamento do elemento h4
                var equipmentTypeID = $(this).find('h4').last().text();

                // Realiza a chamada AJAX similar a anterior
                if (equipmentTypeID) {
                    $.ajax({
                        url: '/api/ambits/' + equipmentTypeID,
                        type: 'GET',
                        success: function(data) {
                            $('#AmbitsEquipments_list-' + pendingEquipmentID).empty();
                            $('#AmbitsEquipments_list-' + pendingEquipmentID).append(
                                '<option value="" hidden>Selecionar Tipo de Ambito...</option>'
                            );
                            $.each(data, function(key, value) {
                                $('#AmbitsEquipments_list-' + pendingEquipmentID)
                                    .append('<option value="' +
                                        value.ambits_id + '">' + value
                                        .ambits_description + '</option>');
                            });
                        }
                    });
                } else {
                    $('#AmbitsEquipments_list-' + pendingEquipmentID).empty();
                    $('#AmbitsEquipments_list-' + pendingEquipmentID).append(
                        '<option value="" hidden>Selecionar Tipo de Ambito...</option>');
                }
            });
        });
    </script>



    <script>
        $(document).ready(function() {
            $('#tableSelectEquipements').DataTable();
        });

        // $(function() {
        //     // Copy e CSV... Secção do Detalhes da Obra
        //     $("#tableSelectEquipements").DataTable({
        //         "responsive": true,
        //         "lengthChange": false,
        //         "autoWidth": false,
        //         "buttons": ["copy", "csv", "excel", "pdf", "print", "colvis"]
        //     }).buttons().container().appendTo('#tableSelectEquipements_wrapper .col-md-6:eq(0)');
        // });
    </script>
@endsection


{{-- <script>
    $(document).ready(function() {
        $('#modal-remover').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget); // Botão que acionou o modal
            var id = button.data('id'); // Extrai a informação do atributo data-id
            // Atualiza o action do formulário com o ID
            var form = $(this).find('form');
            var action = form.attr('action');
            form.attr('action', action.replace(':ID', id));
        });
    });
</script> --}}




{{-- 
<script>
    $(document).ready(function() {
        $('#modal-remover').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget); // Botão que acionou o modal
            var id = button.data('id'); // Extrai a informação do atributo data-id

            // Preenche o input field com o ID
            $('#equipment-id').val(id);

            // Atualiza o action do formulário com o ID
            var form = $(this).find('form');
            var action = form.attr('action');
            form.attr('action', action.replace(':ID', id));
        });
    });
</script> --}}



{{-- <script>
    $('a[data-toggle="modal"]').click(function() {
        var id = $(this).data('id');

        // Fazer requisição AJAX para obter detalhes do item
        $.ajax({
            url: '/receiveEquipmentID/' + id,
            method: 'GET',
            success: function(data) {
                // Preencher a modal com os dados recebidos
                $('#modal-showEquipment .modal-content').html(data);
            }
        });
    });
</script> --}}




{{-- <script>
    $(document).ready(function() {
        $('#equipmentType_id_list').on('change', function() {
            var equipmentTypeID = $(this).val();
            if (equipmentTypeID) {
                $.ajax({
                    url: '/api/ambits/' + equipmentTypeID,
                    type: 'GET',
                    success: function(data) {
                        $('#AmbitsEquipments_list').empty(); // Limpar o select de ambits
                        $.each(data, function(key, value) {
                            $('#AmbitsEquipments_list').append(
                                '<option value="#" hidden>Selecionar Tipo de Ambito...</option>',
                                '<option value="' + value.ambits_id + '">' +
                                value.ambits_description + '</option>');
                        });
                    }
                });
            } else {
                $('#AmbitsEquipments_list')
                    .empty(); // Limpar o select de ambits se não há tipo de equipamento selecionado
            }
        });
    });
</script> --}}

<script>
    $(document).ready(function() {
        $('#equipmentType_id_list').on('change', function() {
            var equipmentTypeID = $(this).val();
            if (equipmentTypeID) {
                $.ajax({
                    url: '/api/ambits/' + equipmentTypeID,
                    type: 'GET',
                    success: function(data) {
                        $('#AmbitsEquipments_list').empty(); // Limpar o select de ambits
                        $('#AmbitsEquipments_list').append(
                            '<option value="" hidden>Selecionar Tipo de Ambito...</option>'
                        );
                        $.each(data, function(key, value) {
                            $('#AmbitsEquipments_list').append('<option value="' +
                                value.ambits_id + '">' + value
                                .ambits_description + '</option>');
                        });
                    }
                });
            } else {
                $('#AmbitsEquipments_list')
                    .empty(); // Limpar o select de ambits se não há tipo de equipamento selecionado
                $('#AmbitsEquipments_list').append(
                    '<option value="" hidden>Selecionar Tipo de Ambito...</option>');
            }
        });
    });
</script>

<script>
    $(function() {
        $('#new_unit_div').hide(); // inicialmente ocultamos a div
        $('#new_unit_name').prop('required', false); // inicialmente removemos o requisito

        $('#unit_select').change(function() { // evento quando o valor do select muda
            if ($(this).val() == 'new') { // se a opção selecionada é "new"
                $('#new_unit_div').show(); // mostramos a div
                $('#new_unit_name').prop('required', true); // adicionamos o requisito
            } else {
                $('#new_unit_div').hide(); // senão, ocultamos a div
                $('#new_unit_name').prop('required', false); // removemos o requisito
            }
        });
    });
</script>

<script>
    $(function() {
        $('#psv_card').hide();
        $('#isv_card').hide();
        $('#cv_card').hide();

        $('#equipmentType_id_list').change(function() {
            // esconde todos os cards
            $('#psv_card').hide();
            $('#isv_card').hide();
            $('#cv_card').hide();

            // desabilita todos os inputs
            $('.card_inputs').prop('disabled', true);


            switch ($(this).val()) {
                case '1':
                    $('#cv_card').show();
                    $('#cv_card .card_inputs').prop('disabled', false);
                    break;
                case '2':
                    $('#isv_card').show();
                    $('#isv_card .card_inputs').prop('disabled', false);
                    break;
                case '3':
                    $('#psv_card').show();
                    $('#psv_card .card_inputs').prop('disabled', false);
                    break;
            }
        });
    });
</script>

<script>
    $(document).ready(function() {
        $('.fa-eye').parent().click(function(event) {
            event.preventDefault(); // Isso impede que o link seja seguido
            var id = $(this).data('id');
            $('#card-' + id).toggle(); // Isso mostra ou oculta o cartão correspondente
        });
    });
</script>

<script>
    $(document).ready(function() {
        $('.show-card').click(function(e) {
            e.preventDefault(); // Para evitar que o link execute a ação padrão

            var id = $(this).data('id'); // Obtém o id do elemento clicado

            // Alterna a visibilidade do cartão correspondente
            $('#card-' + id).toggle();
        });
    });
</script>

<script>
    $(document).ready(function() {
        $('#modal-remover').on('show.bs.modal', function(event) {
            var button = $(event.relatedTarget);
            console.log(button); // Log do objeto button para verificar se é o correto
            var id = button.attr('data-id'); // 
            console.log(id);
            var form = $(this).find('form');
            var action = form.attr('action');
            form.attr('action', action.replace(':ID', id));
            $('#equipament_id').val(id);
        });
    });
</script>



@endsection