@extends('Templates/AdminLayout/AdminLayout')

@section('Main-content')
    <br>
    <fieldset class="content">
        <div class="container-fluid">

            <div class="card card-primary">
                <div class="card-header "> <!-- Flex container with spaced between items -->
                    <h3 class="float-left">Tag : </h3> <!-- This item will be on the left -->
                    <h3 class="float-right">{{ $dataEquipment->equipment_tag }}</h3> <!-- This item will be on the right -->
                </div>

                <div class="card-body">

                    <div class="card">
                        <div class="card-body pt-3">
                            <!-- Bordered Tabs -->
                            <ul class="nav nav-tabs nav-tabs-bordered">

                                <li class="nav-item ml-1">
                                    <button class="nav-link active" data-bs-toggle="tab"
                                        data-bs-target="#show-Equipment">Visualizar</button>
                                </li>

                                <li class="nav-item ml-1">
                                    <button class="nav-link" data-bs-toggle="tab"
                                        data-bs-target="#edit-equipment">Editar</button>
                                </li>


                                <li class="nav-item ml-1">
                                    <button class="nav-link" data-bs-toggle="tab"
                                        data-bs-target="#history-equipment">Histórico</button>
                                </li>

                            </ul>

                            <div class="tab-content pt-2">

                                {{-- ./PSV-card --}}
                                @if ($dataEquipment->equipment_type_id == 3)
                                    <x-portfolio.portfolioAttributesForEquipments :detalsEquipment="$dataEquipment" :specificAttributesArray="$specificAttributesArray"
                                        :portfolioOnlyreadOrEditToo="$portfolioOnlyreadOrEditToo" />

                                    {{-- Historico - Sera unicamente para a pagina do portofolio. --}}
                                    <div class="tab-pane fade pt-1" id="history-equipment">

                                        @foreach ($receiveAlldetailsEquipmentWorkHistory as $detailsEquipmentWorkHistory)
                                            {{-- ./PSV-card --}}
                                            <div id="psv_card" class="card card-secondary specificAttributes-div">
                                                <div class="card-header">
                                                    <h3 class="card-title">Histórico</h3>
                                                </div>
                                                <div class="card-body">

                                                    <div class="card">
                                                        <div class="card-header" style="background-color: #EAF3F6;">

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <h5 class="float-left">
                                                                        <b>{{ $detailsEquipmentWorkHistory->nameCompanyProject }}</b>
                                                                    </h5>
                                                                </div>

                                                                <div class="col-sm">
                                                                    <h5 class="float-right">
                                                                        <b>{{ $detailsEquipmentWorkHistory->date_started }}</b>
                                                                </div>

                                                            </div>

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <p>{{ $detailsEquipmentWorkHistory->ambitDetals }}
                                                                    </p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <p>Tempo/ Reparação</p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <a class="btn btn-success float-right"
                                                                        href="{{ route('showAmbitDetailsProjectHistory', ['equipmentStatus' => 2, 'projectID' => $detailsEquipmentWorkHistory->company_projects_id, 'equipmentID' => $dataEquipment->equipment_id]) }}">Mais
                                                                        Detalhes</a>

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

                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                @endif


                                {{-- ISV --}}
                                @if ($dataEquipment->equipment_type_id == 2)
                                    <x-portfolio.portfolioAttributesForEquipments :detalsEquipment="$dataEquipment" :specificAttributesArray="$specificAttributesArray"
                                    :portfolioOnlyreadOrEditToo="$portfolioOnlyreadOrEditToo" />

                                    {{-- Historico --}}
                                    <div class="tab-pane fade pt-1" id="history-equipment">
                                        @foreach ($receiveAlldetailsEquipmentWorkHistory as $detailsEquipmentWorkHistory)
                                            <div id="isv_card" class="card card-secondary specificAttributes-div">
                                                <div class="card-header">
                                                    <h3 class="card-title">Histórico</h3>
                                                </div>
                                                <div class="card-body">

                                                    <div class="card">
                                                        <div class="card-header" style="background-color: #EAF3F6;">

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <h5 class="float-left">
                                                                        <b>{{ $detailsEquipmentWorkHistory->nameCompanyProject }}</b>
                                                                    </h5>
                                                                </div>

                                                                <div class="col-sm">
                                                                    <h5 class="float-right">
                                                                        <b>{{ $detailsEquipmentWorkHistory->date_started }}</b>
                                                                </div>

                                                            </div>

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <p>{{ $detailsEquipmentWorkHistory->ambitDetals }}
                                                                    </p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <p>Tempo/ Reparação</p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <a class="btn btn-success float-right"
                                                                        href="{{ route('showAmbitDetailsProjectHistory', ['equipmentStatus' => 2, 'projectID' => $detailsEquipmentWorkHistory->company_projects_id, 'equipmentID' => $dataEquipment->equipment_id]) }}">Mais
                                                                        Detalhes</a>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- ./card-->
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                @endif

                                {{-- CV --}}
                                @if ($dataEquipment->equipment_type_id == 1)
                                    <x-portfolio.portfolioAttributesForEquipments :detalsEquipment="$dataEquipment" :specificAttributesArray="$specificAttributesArray"
                                        :portfolioOnlyreadOrEditToo="$portfolioOnlyreadOrEditToo" />


                                    {{-- Historico --}}
                                    <div class="tab-pane fade pt-1" id="history-equipment">
                                        @foreach ($receiveAlldetailsEquipmentWorkHistory as $detailsEquipmentWorkHistory)
                                            <div id="isv_card" class="card card-secondary specificAttributes-div">
                                                <div class="card-header">
                                                    <h3 class="card-title">Histórico</h3>
                                                </div>
                                                <div class="card-body">

                                                    <div class="card">
                                                        <div class="card-header" style="background-color: #EAF3F6;">

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <h5 class="float-left">
                                                                        <b>{{ $detailsEquipmentWorkHistory->nameCompanyProject }}</b>
                                                                    </h5>
                                                                </div>

                                                                <div class="col-sm">
                                                                    <h5 class="float-right">
                                                                        <b>{{ $detailsEquipmentWorkHistory->date_started }}</b>
                                                                </div>

                                                            </div>

                                                            <div class="row align-items-center">

                                                                <div class="col-sm ">
                                                                    <p>{{ $detailsEquipmentWorkHistory->ambitDetals }}
                                                                    </p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <p>Tempo/ Reparação</p>
                                                                </div>
                                                                <div class="col-sm">
                                                                    <a class="btn btn-success float-right"
                                                                        href="{{ route('showAmbitDetailsProjectHistory', ['equipmentStatus' => 2, 'projectID' => $detailsEquipmentWorkHistory->company_projects_id, 'equipmentID' => $dataEquipment->equipment_id]) }}">Mais
                                                                        Detalhes</a>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- ./card-->
                                                </div>
                                            </div>
                                        @endforeach

                                    </div>
                                @endif



                            </div>
                        </div>
    </fieldset>

    <!-- Script para funcionar corretamente o tooltip, para qualquer tipo de aparelho de visualizacao -->
    <script>
        $(function() {
            $('[data-toggle="tooltip"]').tooltip();
        })
    </script>
@endsection