@extends('layouts.app')

@section('content')

    <div class="dashboard-wrapper">

        <div class="dashboard-container">

            {{-- =====================================================
                 SUMMARY
            ====================================================== --}}

            <div class="summary-grid">

                {{-- TOTAL BARANG --}}
                <div class="summary-card">

                    <div class="summary-icon blue">
                        <i class="fa-solid fa-boxes-stacked"></i>
                    </div>

                    <div class="summary-content">

                        <span>Total Barang</span>

                        <h2 class="number-blue">
                            {{ number_format($totalBarang) }}
                        </h2>

                    </div>

                </div>


                {{-- TOTAL INVENTARIS --}}
                <div class="summary-card">

                    <div class="summary-icon green">
                        <i class="fa-solid fa-clipboard-list"></i>
                    </div>

                    <div class="summary-content">

                        <span>Total Inventaris</span>

                        <h2 class="number-green">
                            {{ number_format($totalInventaris) }}
                        </h2>

                    </div>

                </div>


                {{-- BARANG DI GUDANG --}}
                <div class="summary-card">

                    <div class="summary-icon purple">
                        <i class="fa-solid fa-warehouse"></i>
                    </div>

                    <div class="summary-content">

                        <span>Barang di Gudang</span>

                        <h2 class="number-purple">
                            {{ number_format($barangGudang) }}
                        </h2>

                    </div>

                </div>


                {{-- PEMINJAMAN AKTIF --}}
                <div class="summary-card">

                    <div class="summary-icon orange">
                        <i class="fa-solid fa-handshake"></i>
                    </div>

                    <div class="summary-content">

                        <span>Peminjaman Aktif</span>

                        <h2 class="number-orange">
                            {{ number_format($peminjamanAktif) }}
                        </h2>

                    </div>

                </div>


                {{-- BARANG RUSAK --}}
                <div class="summary-card">

                    <div class="summary-icon red">
                        <i class="fa-solid fa-triangle-exclamation"></i>
                    </div>

                    <div class="summary-content">

                        <span>Barang Rusak</span>

                        <h2 class="number-red">
                            {{ number_format($barangRusak) }}
                        </h2>

                    </div>

                </div>


                {{-- TOTAL ARSIP --}}
                <div class="summary-card">

                    <div class="summary-icon yellow">
                        <i class="fa-solid fa-folder-open"></i>
                    </div>

                    <div class="summary-content">

                        <span>Total Arsip</span>

                        <h2 class="number-yellow">
                            {{ number_format($totalArsip) }}
                        </h2>

                    </div>

                </div>

            </div>


            {{-- =====================================================
                 BOTTOM GRID
            ====================================================== --}}

            <div class="bottom-grid">


                {{-- =================================================
                     INVENTARIS AKAN HABIS MASA PAKAI
                ================================================== --}}

                <div class="info-card">

                    <div class="info-header">

                        <div class="header-icon warning">
                            <i class="fa-solid fa-clock"></i>
                        </div>

                        <span>
                            Inventaris Akan Habis Masa Pakai
                        </span>

                    </div>


                    <ul class="info-list">

                        @forelse($inventarisHabisMasaPakai as $item)

                            @php

                                $barang = $item->barang;

                                $tanggalBeli = null;
                                $tanggalHabis = null;
                                $sisaBulan = null;

                                if (
                                    $barang &&
                                    $barang->tanggal_beli &&
                                    $barang->umur_ekonomis > 0
                                ) {

                                    $tanggalBeli = \Carbon\Carbon::parse(
                                        $barang->tanggal_beli
                                    );

                                    $tanggalHabis = $tanggalBeli->copy()->addMonths(
                                        (int) $barang->umur_ekonomis
                                    );

                                    $sisaBulan = now()->diffInMonths(
                                        $tanggalHabis,
                                        false
                                    );

                                }

                            @endphp

                            <li>

                                <div>

                                    <strong>
                                        {{ $barang->nama_barang ?? '-' }}
                                    </strong>

                                    <small>

                                        @if ($tanggalHabis)

                                            Habis:
                                            {{ $tanggalHabis->format('d-m-Y') }}

                                            @if ($sisaBulan !== null)

                                                •
                                                {{ max(0, $sisaBulan) }}
                                                bulan lagi

                                            @endif

                                        @else

                                            Data masa pakai tidak tersedia

                                        @endif

                                    </small>

                                </div>


                                <span class="badge">

                                    {{ $item->kode_inventaris ?? 'INV-' . $item->id_detail_inventaris }}

                                </span>

                            </li>

                        @empty

                            <li>

                                <div>

                                    <strong>
                                        Tidak ada inventaris
                                    </strong>

                                    <small>
                                        Tidak ada inventaris yang akan habis masa pakai dalam 1 tahun ke depan.
                                    </small>

                                </div>

                            </li>

                        @endforelse

                    </ul>


                    <a href="{{ route('barang') }}" class="view-all">
                        Lihat Selengkapnya →
                    </a>

                </div>



                {{-- =================================================
                     INVENTARIS RUSAK
                ================================================== --}}

                <div class="info-card">

                    <div class="info-header">

                        <div class="header-icon danger">
                            <i class="fa-solid fa-screwdriver-wrench"></i>
                        </div>

                        <span>
                            Inventaris Rusak
                        </span>

                    </div>


                    <ul class="info-list">

                        @forelse($inventarisPerbaikan as $item)

                            <li>

                                <div>

                                    <strong>
                                        {{ $item->barang->nama_barang ?? '-' }}
                                    </strong>

                                    <small>
                                        {{ $item->kondisi ?? '-' }}
                                    </small>

                                </div>


                                <span class="badge danger-badge">

                                    {{ $item->kode_inventaris ?? 'INV-' . $item->id_detail_inventaris }}

                                </span>

                            </li>

                        @empty

                            <li>

                                <div>

                                    <strong>
                                        Tidak ada inventaris rusak
                                    </strong>

                                    <small>
                                        Semua inventaris dalam kondisi baik.
                                    </small>

                                </div>

                            </li>

                        @endforelse

                    </ul>

                </div>



                {{-- =================================================
                     PEMINJAMAN TERBARU
                ================================================== --}}

                <div class="info-card">

                    <div class="info-header">

                        <div class="header-icon success">
                            <i class="fa-solid fa-handshake"></i>
                        </div>

                        <span>
                            Peminjaman Terbaru
                        </span>

                    </div>


                    <ul class="info-list">

                        @forelse($peminjamanTerbaru as $item)

                            <li>

                                <div>

                                    <strong>
                                        {{ $item->kode_pemakaian ?? $item->kode_peminjaman ?? '-' }}
                                    </strong>

                                    <small>

                                        {{ $item->nama_organisasi ?? '-' }}

                                    </small>

                                </div>


                                @php
                                    $status = $item->status_otomatis;
                                @endphp


                                <span
                                    class="
                                        status-active
                                        {{ $status === 'Sedang Digunakan'
                                            ? ''
                                            : 'status-inactive' }}
                                    "
                                >

                                    {{ $status }}

                                </span>

                            </li>

                        @empty

                            <li>

                                <div>

                                    <strong>
                                        Belum ada peminjaman
                                    </strong>

                                    <small>
                                        Data peminjaman terbaru belum tersedia.
                                    </small>

                                </div>

                            </li>

                        @endforelse

                    </ul>


                    {{-- Arahkan ke halaman peminjaman --}}
                    @if (Route::has('peminjaman'))
                        <a href="{{ route('peminjaman') }}" class="view-all">
                            Lihat Selengkapnya →
                        </a>
                    @endif

                </div>

            </div>

        </div>

    </div>

@endsection