@php
    use Illuminate\Database\Eloquent\Builder;
    use App\Models\Peminjaman;
    use App\Models\Perangkat;

    if ($cek_tahun == date('Y')) {
        $bulan_akhir = date('m');
    } else {
        $bulan_akhir = 12;
    }
@endphp


<div>
    <!-- Page -->
    <div class="page">
        <div class="page-content container-fluid">
            <div class="row" data-plugin="matchHeight" data-by-row="true">

                <div class="col-xl-12 col-md-12">
                    <div class="panel">
                        <div class="panel-heading">
                            <h3 class="panel-title">Warehouse Management </h3>
                        </div>
                        <div class="panel-body container-fluid">
                            <div class="row row-lg">
                                <div class="col-md-4 col-lg-4">

                                    @if ($jenis_data == 'Periode')
                                        <div class="form-group">
                                            <div class="input-group">
                                                <span class="input-group-prepend">
                                                    <button type="button" class="btn btn-primary">
                                                        <i class="icon md-time" aria-hidden="true"></i> Statistik
                                                        Periode </button>
                                                </span>

                                                <input type="date" wire:model.live="dari_tgl" class="form-control"
                                                    required>
                                                <input type="date" wire:model.live="sampai_tgl" class="form-control"
                                                    required>
                                            </div>
                                            <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                                    class="icon md-spinner" aria-hidden="true"></i>
                                                <b>Loading.....</b></span>
                                        </div>
                                    @else
                                        <div class="form-group">
                                            <div class="input-group">
                                                <span class="input-group-prepend">
                                                    <button type="button" class="btn btn-primary">
                                                        <i class="icon md-time" aria-hidden="true"></i> Statistik
                                                        Tahun</button>
                                                </span>

                                                <select class="form-control" wire:model.live="cek_tahun">
                                                    <option>2019</option>
                                                    <option>2020</option>
                                                    <option>2021</option>
                                                    <option>2022</option>
                                                    <option>2023</option>
                                                    <option>2024</option>
                                                    <option>2025</option>
                                                    <option>2026</option>
                                                    <option>2027</option>
                                                    <option>2028</option>
                                                    <option>2029</option>
                                                    <option>2030</option>
                                                </select>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                                <div class="col-md-4 col-lg-4"></div>
                                <div class="col-md-4 col-lg-4" align="right">
                                    <div class="form-group">
                                        <div class="input-group">
                                            <span class="input-group-prepend">
                                                <button type="button" class="btn btn-primary">
                                                    <i class="icon md-time" aria-hidden="true"></i>
                                                    Statistik</button>
                                            </span>

                                            <div class="dropdown">
                                                <button class="btn btn-primary dropdown-toggle" type="button"
                                                    id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true"
                                                    aria-expanded="false">
                                                    Select
                                                </button>
                                                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                    <div class="dropdown-item">
                                                        <input type="checkbox" wire:model.live="statistik_peminjaman"
                                                            value="1">
                                                        Adm. Barang Keluar
                                                    </div>
                                                    <div class="dropdown-item">
                                                        <input type="checkbox"
                                                            wire:model.live="statistik_perangkat_prioritas"
                                                            value="1">
                                                        Perangkat Prioritas
                                                    </div>
                                                    <div class="dropdown-item">
                                                        <input type="checkbox"
                                                            wire:model.live="statistik_perangkat_non_prioritas"
                                                            value="1">
                                                        Perangkat Non Prioritas
                                                    </div>
                                                    <div class="dropdown-item">
                                                        <input type="checkbox"
                                                            wire:model.live="statistik_perangkat_level"
                                                            value="1">
                                                        Perangkat Prioritas Level 
                                                    </div>
                                                </div>

                                            </div>

                                            <select class="form-control" wire:model.live="jenis_data">
                                                <option>Tahunan</option>
                                                <option>Periode</option>
                                            </select>

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

                @if ($jenis_data == 'Periode' && $statistik_peminjaman == '1')
                    <div class="col-xxl-12 col-lg-12">
                        <!-- Panel Projects Status -->
                        <div class="panel" id="projects-status">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    BARANG KELUAR PERIODE {{ tgl_lengkap($dari_tgl) }} s/d
                                    {{ tgl_lengkap($sampai_tgl) }}
                                </h3>
                            </div>
                            <div class="panel-body">
                                <div class="page-invoice-table table-responsive">
                                    <table class="table table-hover">
                                        <tr>
                                            <th style="font-weight: bold;">Tanggal</th>
                                            @foreach ($jenis_ttb as $row)
                                                <th style="font-weight: bold;">{{ $row->jenis_ttb }}</th>
                                            @endforeach
                                        </tr>
                                        @php
                                            $start = \Carbon\Carbon::parse($dari_tgl);
                                            $end = \Carbon\Carbon::parse($sampai_tgl);
                                        @endphp
                                        @for ($date = $start; $date->lte($end); $date->addDay())
                                            <tr>
                                                <td>{{ tgl_lengkap($date->format('Y-m-d')) }}</td>
                                                @foreach ($jenis_ttb as $row)
                                                    @php
                                                        $peminjaman_count = Peminjaman::whereDate(
                                                            'tgl_dipinjamkan',
                                                            $date->format('Y-m-d'),
                                                        )
                                                            ->where('jenis_ttb', $row->jenis_ttb)
                                                            ->count('id_peminjaman');
                                                    @endphp

                                                    @if ($peminjaman_count > 0)
                                                        <td style="color: green; font-weight:bold;">
                                                            {{ $peminjaman_count }}</td>
                                                    @else
                                                        <td>{{ $peminjaman_count }}</td>
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endfor
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if ($jenis_data == 'Tahunan' && $statistik_peminjaman == '1')
                    <div class="col-xxl-12 col-lg-12">
                        <!-- Panel Projects Status -->
                        <div class="panel" id="projects-status">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    BARANG KELUAR PERIODE {{ $cek_tahun }}
                                </h3>
                            </div>
                            <div class="panel-body">
                                <div class="page-invoice-table table-responsive">
                                    <table class="table table-hover">
                                        <tr>
                                            <th>Bulan</th>
                                            @foreach ($jenis_ttb as $row)
                                                <th style="font-weight: bold;">{{ $row->jenis_ttb }}</th>
                                            @endforeach
                                        </tr>
                                        @for ($x = 1; $x <= $bulan_akhir; $x++)
                                            <tr>
                                                <td> {{ bulan_indo($x) }}</td>
                                                @foreach ($jenis_ttb as $row)
                                                    @php
                                                        $peminjaman_count = Peminjaman::whereMonth(
                                                            'tgl_dipinjamkan',
                                                            $x,
                                                        )
                                                            ->whereYear('tgl_dipinjamkan', $cek_tahun)
                                                            ->where('jenis_ttb', $row->jenis_ttb)
                                                            ->count('id_peminjaman');
                                                    @endphp
                                                    @if ($peminjaman_count > 0)
                                                        <td style="color: green; font-weight:bold;">
                                                            {{ $peminjaman_count }}</td>
                                                    @else
                                                        <td>{{ $peminjaman_count }}</td>
                                                    @endif
                                                @endforeach
                                            </tr>
                                        @endfor
                                    </table>
                                </div>
                                <hr>
                                <div class="row">
                                    <h3 class="panel-title" style="margin-left: -10px">
                                        STATISTICS {{ $cek_tahun }}
                                    </h3>
                                    <div class="col-md-12">
                                        <ul class="list-unstyled list-inline m-0">
                                            @foreach ($jenis_ttb as $key => $row)
                                                <li class="list-inline-item mb-20">
                                                    <input type="checkbox" style="width: 30px"
                                                        id="inputColorPrimary{{ $row->id }}"
                                                        value="{{ $row->jenis_ttb }}" wire:model.live="types"
                                                        name="inputColorPrimary" />
                                                    <label
                                                        for="inputColorPrimary{{ $row->id }}">{{ $row->jenis_ttb }}</label>
                                                </li>
                                            @endforeach
                                        </ul>
                                        <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                                class="icon md-spinner" aria-hidden="true"></i>
                                            <b>Loading.....</b></span>
                                    </div>
                                    <div class="col-12">
                                        <div class="card-body" style="height: 500px !important">
                                            <livewire:livewire-column-chart key="{{ $ChartJenisTTB->reactiveKey() }}"
                                                :column-chart-model="$ChartJenisTTB" />
                                        </div>
                                        <div class="info"
                                            style="text-align: center; margin: auto; margin-top: -20px">
                                            <ul>
                                                @foreach ($jenis_ttb as $key => $row)
                                                    <li class="list-inline-item">
                                                        <div style="display: flex; align-items: center;">
                                                            <label for="{{ $row->jenis_ttb }}"
                                                                style="padding-left: 20px; cursor: pointer; ;">
                                                                <span
                                                                    style="display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: {{ $colors[$row->jenis_ttb] }}; margin-right: 10px;"></span>
                                                                {{ $row->jenis_ttb }}
                                                            </label>
                                                        </div>
                                                    </li>
                                                @endforeach
                                            </ul>


                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Panel Projects Stats -->
                    </div>
                @endif

                @if ($jenis_data == 'Tahunan' && $statistik_perangkat_prioritas == '1')
                    <div class="col-xxl-12 col-lg-12">
                        <!-- Panel Projects Status -->
                        <div class="panel" id="projects-status">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    PERANGKAT PRIORITAS {{ $cek_tahun }}
                                    <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                            class="icon md-spinner" aria-hidden="true"></i>
                                        <b>Loading.....</b></span>
                                </h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    @foreach (['Meter', 'Roll', 'Unit', 'BOX', 'PCS'] as $satuan)
                                        <div class="form-group form-material ml-5">
                                            <div class="dropdown">
                                                <!-- Looping untuk menampilkan tombol dropdown satuan perangkat -->
                                                <div class="dropdown mb-2">
                                                    <button class="btn btn-primary dropdown-toggle" type="button"
                                                        id="dropdownMenuButton_{{ $satuan }}"
                                                        data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false"
                                                        wire:click.prevent="pilihSatuan('{{ $satuan }}')">
                                                        Pilih Perangkat ({{ $satuan }})
                                                    </button>
                                                    <!-- Dropdown Menu -->
                                                    <div class="dropdown-menu {{ $dropdownOpen === $satuan ? 'show' : '' }}"
                                                        aria-labelledby="dropdownMenuButton_{{ $satuan }}">
                                                        @if ($satuan_terpilih === $satuan)
                                                            <div class="perangkat"
                                                                style="margin-top: 10px; padding: 10px;">
                                                                <div
                                                                    class="d-flex justify-content-between align-items-center mb-2">
                                                                    <h5 style="padding-left: 0;">Pilih Perangkat untuk
                                                                        {{ $satuan }}:</h5>
                                                                </div>
                                                                <hr class="mb-2">
                                                                <div class="grid-container"
                                                                    style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
                                                                    @if ($perangkat_prioritas->isEmpty())
                                                                        <div class="dropdown-item">
                                                                            <p class="text-center">Tidak ada data
                                                                                perangkat.</p>
                                                                        </div>
                                                                    @else
                                                                        @foreach ($perangkat_prioritas as $key => $row)
                                                                            <div class="dropdown-item">
                                                                                <input type="checkbox"
                                                                                    wire:model.live="get_prioritas"
                                                                                    value="{{ $row->nama_perangkat }}"
                                                                                    id="perangkat_{{ $key }}_{{ $satuan }}" />
                                                                                <label
                                                                                    for="perangkat_{{ $key }}_{{ $satuan }}">{{ $row->nama_perangkat }}</label>
                                                                            </div>
                                                                        @endforeach
                                                                    @endif
                                                                </div>
                                                            </div>
                                                            <hr>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <button type="button"
                                                                        class="btn btn-block btn-primary"
                                                                        wire:click="pilihSatuan('close')">Close</button>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach



                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="page-invoice-table table-responsive">
                                            <table class="table table-hover">
                                                <tr>
                                                    <th style="font-weight: bold;" rowspan="2">Bulan</th>
                                                    @foreach ($get_prioritas as $perangkat)
                                                        <th style="font-weight: bold" colspan="2">
                                                            {{ $perangkat }}</th>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    @foreach ($get_prioritas as $perangkat)
                                                        <th style="color : green; font-weight: bold">In</th>
                                                        <th style="color : red; font-weight: bold">Out</th>
                                                    @endforeach
                                                </tr>
                                                <tbody>
                                                    @for ($x = 1; $x <= $bulan_akhir; $x++)
                                                        <tr>
                                                            <td style="font-weight: bold">{{ bulan_indo($x) }}</td>
                                                            @foreach ($get_prioritas as $perangkat)
                                                                @php
                                                                    // Query perangkat_total dan perangkat_keluar untuk bulan ini
                                                                    $row = Perangkat::select(
                                                                        'perangkat.satuan_perangkat',
                                                                        DB::raw("(SELECT SUM(jumlah_inventaris)
                                                                                    FROM inventaris
                                                                                    WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                    AND inventaris.deleted_at IS NULL
                                                                                    AND YEAR(inventaris.tgl_inventaris) = $cek_tahun
                                                                                    AND MONTH(inventaris.tgl_inventaris) = $x) as perangkat_masuk"),
                                                                        DB::raw("(SELECT SUM(jumlah_reposisi)
                                                                                    FROM reposisi
                                                                                    INNER JOIN inventaris ON reposisi.id_inventaris = inventaris.id_inventaris
                                                                                    WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                    AND reposisi.status_reposisi = 'Keluar'
                                                                                    AND reposisi.deleted_at IS NULL
                                                                                    AND YEAR(reposisi.tgl_reposisi) = $cek_tahun
                                                                                    AND MONTH(reposisi.tgl_reposisi) = $x) as perangkat_keluar"),
                                                                    )
                                                                        ->where('nama_perangkat', $perangkat)
                                                                        ->first();
                                                                    // Hitung perangkat masuk dan keluar, jika tidak ada set ke 0
                                                                    $perangkat_masuk = $row->perangkat_masuk ?? 0;
                                                                    $perangkat_keluar = $row->perangkat_keluar ?? 0;

                                                                @endphp
                                                                <td class="text-success font-weight-bold">
                                                                    {{ $perangkat_masuk > 0 ? number($perangkat_masuk) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                                <td class="text-danger font-weight-bold">
                                                                    {{ $perangkat_keluar > 0 ? number($perangkat_keluar) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                            @endforeach
                                                        </tr>
                                                    @endfor
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="col-md-12 mt-25" style="margin-bottom: -20px">
                                        <h5>Statistik Jenis Perangkat {{ $this->jenis_perangkat_prioritas }}</h5>
                                        <ul class="list-unstyled example" style="display: flex; gap: 15px;">
                                            <li>
                                                <input type="radio" value="Masuk"
                                                    wire:model.live="jenis_perangkat_prioritas"
                                                    class="icheckbox-primary" id="inputRadiosMasuk"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosMasuk"><b>Masuk</b></label>
                                            </li>
                                            <li>
                                                <input type="radio" value="Keluar"
                                                    wire:model.live="jenis_perangkat_prioritas"
                                                    class="icheckbox-primary" id="inputRadiosKeluar"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosKeluar"><b>Keluar</b></label>
                                            </li>
                                        </ul>

                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-body" style="height: 500px !important">
                                            @if (!empty($ChartPrioritas))
                                                <livewire:livewire-column-chart
                                                    key="{{ $ChartPrioritas->reactiveKey() }}" :column-chart-model="$ChartPrioritas" />
                                            @endif
                                        </div>
                                        <ul class="list-inline">
                                            @foreach ($get_prioritas as $key => $row)
                                                <li class="list-inline-item">
                                                    <div style="display: flex; align-items: center;">
                                                        <label for="{{ $row }}"
                                                            style="padding-left: 20px; cursor: pointer;">
                                                            <span
                                                                style="display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: {{ $warna_perangkat[$row] ?? '#000' }}; margin-right: 10px;"></span>
                                                            {{ $row }} <!-- Nama perangkat -->
                                                        </label>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if ($jenis_data == 'Tahunan' && $statistik_perangkat_non_prioritas == '1')
                    <div class="col-xxl-12 col-lg-12">
                        <!-- Panel Projects Status -->
                        <div class="panel" id="projects-status">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    PERANGKAT NON PRIORITAS {{ $cek_tahun }}
                                    <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                            class="icon md-spinner" aria-hidden="true"></i>
                                        <b>Loading.....</b></span>
                                </h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    @foreach (['Meter', 'Roll', 'Unit', 'BOX', 'PCS'] as $satuan_non_prioritas)
                                        <div class="form-group form-material ml-5">
                                            <div class="dropdown">
                                                <!-- Looping untuk menampilkan tombol dropdown satuan perangkat -->
                                                <div class="dropdown mb-2">
                                                    <button class="btn btn-primary dropdown-toggle" type="button"
                                                        id="dropdownMenuButton_{{ $satuan_non_prioritas }}"
                                                        data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false"
                                                        wire:click.prevent="pilihSatuanNonPrioritas('{{ $satuan_non_prioritas }}')">
                                                        Pilih Perangkat ({{ $satuan_non_prioritas }})
                                                    </button>
                                                    <!-- Dropdown Menu -->
                                                    <div class="dropdown-menu {{ $dropdownNonPrioritas === $satuan_non_prioritas ? 'show' : '' }}"
                                                        aria-labelledby="dropdownMenuButton_{{ $satuan_non_prioritas }}">
                                                        @if ($satuan_terpilih_non_prioritas === $satuan_non_prioritas)
                                                            <div class="perangkat"
                                                                style="margin-top: 10px; padding: 10px;">
                                                                <div
                                                                    class="d-flex justify-content-between align-items-center mb-2">
                                                                    <h5 style="padding-left: 0;">Pilih Perangkat untuk
                                                                        {{ $satuan_non_prioritas }}:</h5>
                                                                </div>
                                                                <hr class="mb-2">
                                                                <div class="grid-container"
                                                                    style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
                                                                    @if ($perangkat_non_prioritas->isEmpty())
                                                                        <div class="dropdown-item">
                                                                            <p class="text-center">Tidak ada data
                                                                                perangkat.</p>
                                                                        </div>
                                                                    @else
                                                                        @foreach ($perangkat_non_prioritas as $key => $row)
                                                                            <div class="dropdown-item">
                                                                                <input type="checkbox"
                                                                                    wire:model.live="get_non_prioritas"
                                                                                    value="{{ $row->nama_perangkat }}"
                                                                                    id="perangkat_{{ $key }}_{{ $satuan_non_prioritas }}" />
                                                                                <label
                                                                                    for="perangkat_{{ $key }}_{{ $satuan_non_prioritas }}">{{ $row->nama_perangkat }}</label>
                                                                            </div>
                                                                        @endforeach
                                                                    @endif
                                                                </div>
                                                            </div>
                                                            <hr>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <button type="button"
                                                                        class="btn btn-block btn-primary"
                                                                        wire:click="pilihSatuanNonPrioritas('close')">Close</button>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="page-invoice-table table-responsive">
                                            <table class="table table-hover">
                                                <tr>
                                                    <th style="font-weight: bold;" rowspan="2">Bulan</th>
                                                    @foreach ($get_non_prioritas as $perangkat)
                                                        <th style="font-weight: bold" colspan="2">
                                                            {{ $perangkat }}</th>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    @foreach ($get_non_prioritas as $perangkat)
                                                        <th style="color : green; font-weight: bold">In</th>
                                                        <th style="color : red; font-weight: bold">Out</th>
                                                    @endforeach
                                                </tr>
                                                <tbody>
                                                    @for ($x = 1; $x <= $bulan_akhir; $x++)
                                                        <tr>
                                                            <td style="font-weight: bold">{{ bulan_indo($x) }}</td>
                                                            @foreach ($get_non_prioritas as $perangkat)
                                                                @php
                                                                    // Query perangkat_total dan perangkat_keluar untuk bulan ini
                                                                    $row = Perangkat::select(
                                                                        'perangkat.satuan_perangkat',
                                                                        DB::raw("(SELECT SUM(jumlah_inventaris)
                                                                                FROM inventaris
                                                                                WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                AND inventaris.deleted_at IS NULL
                                                                                AND YEAR(inventaris.tgl_inventaris) = $cek_tahun
                                                                                AND MONTH(inventaris.tgl_inventaris) = $x) as perangkat_masuk"),
                                                                        DB::raw("(SELECT SUM(jumlah_reposisi)
                                                                                FROM reposisi
                                                                                INNER JOIN inventaris ON reposisi.id_inventaris = inventaris.id_inventaris
                                                                                WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                AND reposisi.status_reposisi = 'Keluar'
                                                                                AND reposisi.deleted_at IS NULL
                                                                                AND YEAR(reposisi.tgl_reposisi) = $cek_tahun
                                                                                AND MONTH(reposisi.tgl_reposisi) = $x) as perangkat_keluar"),
                                                                    )
                                                                        ->where('nama_perangkat', $perangkat)
                                                                        ->first();
                                                                    // Hitung perangkat masuk dan keluar, jika tidak ada set ke 0
                                                                    $perangkat_masuk = $row->perangkat_masuk ?? 0;
                                                                    $perangkat_keluar = $row->perangkat_keluar ?? 0;

                                                                @endphp
                                                                <td class="text-success font-weight-bold">
                                                                    {{ $perangkat_masuk > 0 ? number($perangkat_masuk) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                                <td class="text-danger font-weight-bold">
                                                                    {{ $perangkat_keluar > 0 ? number($perangkat_keluar) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                            @endforeach
                                                        </tr>
                                                    @endfor
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="col-md-12 mt-25" style="margin-bottom: -20px">
                                        <h5>Statistik Jenis Perangkat {{ $this->jenis_perangkat_non_prioritas }}</h5>
                                        <ul class="list-unstyled example" style="display: flex; gap: 15px;">
                                            <li>
                                                <input type="radio" value="Masuk"
                                                    wire:model.live="jenis_perangkat_non_prioritas"
                                                    class="icheckbox-primary" id="inputRadiosMasuk"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosMasuk"><b>Masuk</b></label>
                                            </li>
                                            <li>
                                                <input type="radio" value="Keluar"
                                                    wire:model.live="jenis_perangkat_non_prioritas"
                                                    class="icheckbox-primary" id="inputRadiosKeluar"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosKeluar"><b>Keluar</b></label>
                                            </li>
                                        </ul>

                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-body" style="height: 500px !important">
                                            @if (!empty($ChartNonPrioritas))
                                                <livewire:livewire-column-chart
                                                    key="{{ $ChartNonPrioritas->reactiveKey() }}" :column-chart-model="$ChartNonPrioritas" />
                                            @endif
                                        </div>
                                        <ul class="list-inline">
                                            @foreach ($get_non_prioritas as $key => $row)
                                                <li class="list-inline-item">
                                                    <div style="display: flex; align-items: center;">
                                                        <label for="{{ $row }}"
                                                            style="padding-left: 20px; cursor: pointer;">
                                                            <span
                                                                style="display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: {{ $warna_perangkat[$row] ?? '#000' }}; margin-right: 10px;"></span>
                                                            {{ $row }} <!-- Nama perangkat -->
                                                        </label>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif

                @if ($jenis_data == 'Tahunan' && $statistik_perangkat_level == '1')
                    <div class="col-xxl-12 col-lg-12">
                        <!-- Panel Projects Status -->
                        <div class="panel" id="projects-status">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    PERANGKAT LEVEL  {{ $cek_tahun }}
                                    <span wire:loading.delay.shortest class="panel-desc" style="color: red;"><i
                                            class="icon md-spinner" aria-hidden="true"></i>
                                        <b>Loading.....</b></span>
                                </h3>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    @foreach (['Level 1', 'Level 2', 'Level 3', 'Level 4'] as $level_perangkat)
                                        <div class="form-group form-material ml-5">
                                            <div class="dropdown">
                                                <!-- Looping untuk menampilkan tombol dropdown satuan perangkat -->
                                                <div class="dropdown mb-2">
                                                    <button class="btn btn-primary dropdown-toggle" type="button"
                                                        id="dropdownMenuButton_{{ $level_perangkat }}"
                                                        data-toggle="dropdown" aria-haspopup="true"
                                                        aria-expanded="false"
                                                        wire:click.prevent="pilihPerangkatLevel('{{ $level_perangkat }}')">
                                                        Pilih Perangkat ({{ $level_perangkat }})
                                                    </button>
                                                    <!-- Dropdown Menu -->
                                                    <div class="dropdown-menu {{ $dropdownLevelPrioritas === $level_perangkat ? 'show' : '' }}"
                                                        aria-labelledby="dropdownMenuButton_{{ $level_perangkat }}">
                                                        @if ($level_perangkat_terpilih === $level_perangkat_terpilih)
                                                            <div class="perangkat"
                                                                style="margin-top: 10px; padding: 10px;">
                                                                <div
                                                                    class="d-flex justify-content-between align-items-center mb-2">
                                                                    <h5 style="padding-left: 0;">Pilih Perangkat untuk
                                                                        {{ $level_perangkat }}:</h5>
                                                                </div>
                                                                <hr class="mb-2">
                                                                <div class="grid-container"
                                                                    style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;">
                                                                    @if ($perangkat_level->isEmpty())
                                                                        <div class="dropdown-item">
                                                                            <p class="text-center">Tidak ada data
                                                                                perangkat.</p>
                                                                        </div>
                                                                    @else
                                                                        @foreach ($perangkat_level as $key => $row)
                                                                            <div class="dropdown-item">
                                                                                <input type="checkbox"
                                                                                    wire:model.live="get_perangkat_level"
                                                                                    value="{{ $row->nama_perangkat }}"
                                                                                    id="perangkat_{{ $key }}_{{ $level_perangkat }}" />
                                                                                <label
                                                                                    for="perangkat_{{ $key }}_{{ $level_perangkat }}">{{ $row->nama_perangkat }}</label>
                                                                            </div>
                                                                        @endforeach
                                                                    @endif
                                                                </div>
                                                            </div>
                                                            <hr>
                                                            <div class="row">
                                                                <div class="col-md-12">
                                                                    <button type="button"
                                                                        class="btn btn-block btn-primary"
                                                                        wire:click="pilihSatuanNonPrioritas('close')">Close</button>
                                                                </div>
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="page-invoice-table table-responsive">
                                            <table class="table table-hover">
                                                <tr>
                                                    <th style="font-weight: bold;" rowspan="2">Bulan</th>
                                                    @foreach ($get_perangkat_level as $perangkat)
                                                        <th style="font-weight: bold" colspan="2">
                                                            {{ $perangkat }}</th>
                                                    @endforeach
                                                </tr>
                                                <tr>
                                                    @foreach ($get_perangkat_level as $perangkat)
                                                        <th style="color : green; font-weight: bold">In</th>
                                                        <th style="color : red; font-weight: bold">Out</th>
                                                    @endforeach
                                                </tr>
                                                <tbody>
                                                    @for ($x = 1; $x <= $bulan_akhir; $x++)
                                                        <tr>
                                                            <td style="font-weight: bold">{{ bulan_indo($x) }}</td>
                                                            @foreach ($get_perangkat_level as $perangkat)
                                                                @php
                                                                    // Query perangkat_total dan perangkat_keluar untuk bulan ini
                                                                    $row = Perangkat::select(
                                                                        'perangkat.satuan_perangkat',
                                                                        DB::raw("(SELECT SUM(jumlah_inventaris)
                                                                                FROM inventaris
                                                                                WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                AND inventaris.deleted_at IS NULL
                                                                                AND YEAR(inventaris.tgl_inventaris) = $cek_tahun
                                                                                AND MONTH(inventaris.tgl_inventaris) = $x) as perangkat_masuk"),
                                                                        DB::raw("(SELECT SUM(jumlah_reposisi)
                                                                                FROM reposisi
                                                                                INNER JOIN inventaris ON reposisi.id_inventaris = inventaris.id_inventaris
                                                                                WHERE inventaris.id_perangkat = perangkat.id_perangkat
                                                                                AND reposisi.status_reposisi = 'Keluar'
                                                                                AND reposisi.deleted_at IS NULL
                                                                                AND YEAR(reposisi.tgl_reposisi) = $cek_tahun
                                                                                AND MONTH(reposisi.tgl_reposisi) = $x) as perangkat_keluar"),
                                                                    )
                                                                        ->where('nama_perangkat', $perangkat)
                                                                        ->first();
                                                                    // Hitung perangkat masuk dan keluar, jika tidak ada set ke 0
                                                                    $perangkat_masuk = $row->perangkat_masuk ?? 0;
                                                                    $perangkat_keluar = $row->perangkat_keluar ?? 0;

                                                                @endphp
                                                                <td class="text-success font-weight-bold">
                                                                    {{ $perangkat_masuk > 0 ? number($perangkat_masuk) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                                <td class="text-danger font-weight-bold">
                                                                    {{ $perangkat_keluar > 0 ? number($perangkat_keluar) . ' ' . $row->satuan_perangkat : '0' }}
                                                                </td>
                                                            @endforeach
                                                        </tr>
                                                    @endfor
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="col-md-12 mt-25" style="margin-bottom: -20px">
                                        <h5>Statistik Jenis Perangkat {{ $this->jenis_perangkat_level }} </h5>
                                        <ul class="list-unstyled example" style="display: flex; gap: 15px;">
                                            <li>
                                                <input type="radio" value="Masuk"
                                                    wire:model.live="jenis_perangkat_level"
                                                    class="icheckbox-primary" id="inputRadiosMasuk"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosMasuk"><b>Masuk</b></label>
                                            </li>
                                            <li>
                                                <input type="radio" value="Keluar"
                                                    wire:model.live="jenis_perangkat_level"
                                                    class="icheckbox-primary" id="inputRadiosKeluar"
                                                    name="inputRadios" data-plugin="iCheck"
                                                    data-radio-class="iradio_flat-blue" />
                                                <label for="inputRadiosKeluar"><b>Keluar</b></label>
                                            </li>
                                        </ul>

                                    </div>
                                    <div class="col-md-12">
                                        <div class="card-body" style="height: 500px !important">
                                            @if (!empty($ChartLevelPerangkat))
                                                <livewire:livewire-column-chart
                                                    key="{{ $ChartLevelPerangkat->reactiveKey() }}" :column-chart-model="$ChartLevelPerangkat" />
                                            @endif
                                        </div>
                                        <ul class="list-inline">
                                            @foreach ($get_perangkat_level as $key => $row)
                                                <li class="list-inline-item">
                                                    <div style="display: flex; align-items: center;">
                                                        <label for="{{ $row }}"
                                                            style="padding-left: 20px; cursor: pointer;">
                                                            <span
                                                                style="display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: {{ $warna_perangkat[$row] ?? '#000' }}; margin-right: 10px;"></span>
                                                            {{ $row }} <!-- Nama perangkat -->
                                                        </label>
                                                    </div>
                                                </li>
                                            @endforeach
                                        </ul>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
    <!-- End Page -->

    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    @livewireChartsScripts

</div>