@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        {{-- <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button> --}}
                        {{ $code }} || {{ $user->name }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-5">
                <br>
                <div class="card">
                    <div class="row">
                        <div class="card-body">
                            <h4 class="text-uppercase text-sm">{{ $title_menu }}</h4>
                            <hr class="horizontal dark">
                            <form class="row g-3 align-items-center" action="{{ url('rptmtn/show', $code) }}"
                                method="GET">
                                <div class="col-3">
                                    <select id="yearSelect" onchange="gantiTahun()" class="form-select"
                                        placeholder="Select Year" name="yearSelect" aria-label="Default select example"
                                        required>
                                        @foreach ($years as $year)
                                            <option value="{{ $year }}"
                                                {{ $selectedYear == $year ? 'selected' : '' }}>{{ $year }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="col-4">
                                    <select id="dateFilter" class="form-select" placeholder="Select Date" name="dateFilter">
                                        <option value="ALL">ALL</option>
                                    </select>
                                </div>
                                <div class="col-4">
                                    <button type="submit" class="btn btn-primary mb-0">Filter</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="horizontal dark">
            <div class="row">
                {{-- GRAFIK CPU USAGE --}}
                <div class="col-4">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12">
                                    <div id="chartRekap" style="width: 100%; height: 470%; vertical-align: middle;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- GRAFIK RAM --}}
                <div class="col-4">
                    <div class="card">
                        <div class="card-body">

                            <div class="row">
                                <div class="col-12">
                                    <div id="chartRam" style="width: 100%; height: 470%; vertical-align: middle;"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- GRAFIK HDD --}}
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-body">
                            {{-- <h5 class="card-title">Card Title</h5> --}}
                            <div style="float: right">
                                <a href data-bs-toggle="modal" data-bs-target="#modalChartsHdd">
                                    <i class="fas fa-expand"></i>
                                    {{-- <img src="{{ asset('/storage/expand.png') }}" alt="expand"  style="width: 5%; float: right;"> --}}
                                </a>
                            </div>
                            <div class="row">

                                <div class="col-12">
                                    <div id="chartHddd" style="width: 100%; height: 470%; vertical-align: middle;"></div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <hr class="horizontal dark">
        @foreach ($maintenances as $maintenance)
            <div class="row">
                <div class="col-md-12">
                    <div class="card border-0 shadow-sm rounded">
                        <div class="card-body">
                            <table class="table table-bordered">
                                <thead>
                                    @if ($date == 'ALL')
                                        <tr>
                                            <th style="text-align: center;">Maintenance ke - {{ $nomor++ }} </th>
                                        </tr>
                                    @else
                                        <tr>
                                            <th style="text-align: center;"> <br />
<b>Warning</b>:  Undefined variable $maintenance in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>119</b><br />
<br />
<b>Warning</b>:  Attempt to read property "date" on null in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>119</b><br />
01 January 1970</th>
                                        </tr>
                                    @endif
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <table class="table table-bordered">
                                                <div class="container text-center">
                                                    <tr>
                                                        <th>Date </th>
                                                        <th> <br />
<b>Warning</b>:  Undefined variable $maintenance in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>130</b><br />
<br />
<b>Warning</b>:  Attempt to read property "date" on null in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>130</b><br />
01 January 1970</th>
                                                    </tr>

                                                    <tr>
                                                        <th>CPU Usage</th>
                                                        <th> {{ $maintenance->cpu_usage }} % </th>
                                                    </tr>


                                                    <tr>
                                                        <th> RAM Used</th>
                                                        <th> {{ $maintenance->ram_used }} GB</th>
                                                    </tr>
                                                    <tr>
                                                        <th> RAM Free</th>
                                                        <th> {{ $maintenance->ram_free }} GB</th>
                                                    </tr>
                                                    <tr>
                                                        <th> Operating System </th>
                                                        <th> {{ $maintenance->os }} </th>
                                                    </tr>
                                                </div>
                                            </table>
                                            @forelse ($harddisks as $hdd)
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align: center;" colspan="2">Harddisk
                                                                ({{ $hdd->merk }} | {{ $hdd->size }} GB)
                                                            </th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        @forelse ($detmaintain as $det)
                                                            @if ($det->date == $maintenance->date && $det->hdd == $hdd->id && $det->code_cpu == $maintenance->code_cpu)
                                                                <div class="container text-center">
                                                                    <tr>
                                                                        <th> Disk Name</th>
                                                                        <th> {{ $det->name_disk }} </th>
                                                                    </tr>
                                                                    <tr>
                                                                        <th> Disk Used</th>
                                                                        <th> {{ $det->disk_used }} GB</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <th> Disk Free</th>
                                                                        <th> {{ $det->disk_free }} GB</th>
                                                                    </tr>
                                                                </div>
                                                            @endif
                                                        @empty
                                                            <div class="alert alert-danger">
                                                                Empty!
                                                            </div>
                                                        @endforelse
                                                    </tbody>
                                                </table>
                                            @empty
                                                <div class="alert alert-danger">
                                                    Empty!
                                                </div>
                                            @endforelse
                                            <div class="card border-0 shadow-sm rounded">
                                                <div class="card-body">
                                                    <p style="text-align: center">IMAGE</p>
                                                    <hr>
                                                    @forelse($imagemaintenances as $imagemain)
                                                        @if ($imagemain->date == $maintenance->date && $imagemain->maintenance_id == $maintenance->idtrans)
                                                            <table class="table table-bordered">
                                                                <div class="container text-center">
                                                                    <tr>
                                                                        <th style="text-align: center;">
                                                                            {{ $imagemain->note }}</th>
                                                                    </tr>
                                                                    <tr>
                                                                        <td rowspan="11" style="text-align: center;">
                                                                            <img onclick="showModalMaintenance('{{ $imagemain->file }}','{{ $imagemain->id }}')"
                                                                                src="{{ asset('/storage/maintenances/' . $imagemain->file) }}"
                                                                                class="rounded" style="width: 300px;">
                                                                            {{-- <img data-bs-toggle="modal" data-bs-target="#exampleModal" src="{{ asset('/storage/app/public/documents/'.$doc->file) }}" class="rounded" style="width: 300px;"> --}}
                                                                            <p></p>
                                                                            <h6>*Click image to enlarge </h6>
                                                                            <h6 style="text-align: center;">UPDATED AT:
                                                                                <br />
<b>Warning</b>:  Undefined variable $imagemain in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>213</b><br />
<br />
<b>Warning</b>:  Attempt to read property "updated_at" on null in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>213</b><br />
01 January 1970 </h6>

                                                                        </td>
                                                                    </tr>
                                                                </div>
                                                            </table>
                                                        @endif
                                                    @empty
                                                        <div class="alert alert-danger">
                                                            Empty!
                                                        </div>
                                                    @endforelse
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <hr class="horizontal dark">
        @endforeach
    </div>

    <div class="modal fade" id="modalChartsHdd" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered" style="max-width: 720px;">
            <div class="modal-content">
                {{-- <div class="modal-header">
                    <h5 class="modal-tittle"><strong>STORAGE (GB)</strong></h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div> --}}
                <div class="modal-body" style="display: flex; justify-content: center; align-items: center;">
                    <canvas id="chartHddd1" width="700" height="400"></canvas>
                </div>
            </div>
        </div>
    </div>

    <div class="modal-image-maintenance">
    </div>
    <script>
        <br />
<b>Warning</b>:  Undefined variable $maintenances in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>257</b><br />
<br />
<b>Fatal error</b>:  Uncaught Error: Call to a member function pluck() on null in /opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php:257
Stack trace:
#0 {main}
  thrown in <b>/opt/lampp/htdocs/msjasset/resources/views/pages/rptmtn/show.blade.php</b> on line <b>257</b><br />