@extends('layouts.app')

@section('content')

<div class="welcome-card mb-4">
    <div class="row align-items-center">

        <div class="col-8">
            <h2>Halo, Admin! 👋</h2>

            <p>
                Berikut ringkasan informasi toko Anda hari ini.
            </p>
        </div>

        <div class="col-4 text-end">
            <div class="store-circle">
                <i class="fas fa-store"></i>
            </div>
        </div>

    </div>
</div>

{{-- SUMMARY CARD --}}
<div class="row g-3 mb-4 summary wrapper">

    <div class="col-4">

        <a href="#expired-section"
           class="text-decoration-none">

            <div class="summary-card expired-summary">

                <div class="summary-top">

                    <div class="summary-icon">
                        <i class="fas fa-calendar-times"></i>
                    </div>

                    <i class="fas fa-calendar-alt bg-icon"></i>

                </div>

                <h3>{{ $expired->count() }}</h3>

                <p>Barang Kedaluwarsa</p>

                <small>
                    Lihat Detail
                    <i class="fas fa-chevron-right"></i>
                </small>

            </div>

        </a>

    </div>


    <div class="col-4">

        <a href="#stok-section"
           class="text-decoration-none">

            <div class="summary-card stock-summary">

                <div class="summary-top">

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

                    <i class="fas fa-box bg-icon"></i>

                </div>

                <h3>{{ $stok_menipis->count() }}</h3>

                <p>Stok Menipis</p>

                <small>
                    Lihat Detail
                    <i class="fas fa-chevron-right"></i>
                </small>

            </div>

        </a>

    </div>


    <div class="col-4">

        <a href="#apriori-section"
           class="text-decoration-none">

            <div class="summary-card apriori-summary">

                <div class="summary-top">

                    <div class="summary-icon">
                        <i class="fas fa-chart-bar"></i>
                    </div>

                    <i class="fas fa-chart-line bg-icon"></i>

                </div>

                <h3>{{ $apriori->count() }}</h3>

                <p>Analisis Apriori</p>

                <small>
                    Lihat Detail
                    <i class="fas fa-chevron-right"></i>
                </small>

            </div>

        </a>

    </div>

</div>


{{-- STOK MENIPIS --}}
<div class="dashboard-card mb-4" id="stok-section">

    <div class="card-title-custom">
        <i class="fas fa-box-open"></i>
        Stok Menipis
    </div>

    <div class="scroll-content">

        @forelse($stok_menipis as $produk)

            <div class="list-item">
                <div>
                    <strong>{{ $produk->nama_produk }}</strong>
                </div>

                <span class="badge bg-danger">
                    {{ $produk->stok }}
                </span>
            </div>

        @empty
            <p class="text-center text-muted">
                Tidak ada stok menipis
            </p>
        @endforelse

    </div>

</div>


{{-- EXPIRED --}}
<div class="dashboard-card mb-4" id="expired-section">

    <div class="card-title-custom">
        <i class="fas fa-calendar-times"></i>
        Barang Hampir Kedaluwarsa
    </div>

    <div class="scroll-content">

        @forelse($expired as $produk)

            <div class="list-item">

                <div>
                    <strong>{{ $produk->nama_produk }}</strong><br>
                    <small>
                        {{ \Carbon\Carbon::parse($produk->expired_at)->format('d M Y') }}
                    </small>
                </div>

                @php
                    $hari = now()->diffInDays($produk->expired_at,false);
                @endphp

                @if($hari < 0)
                    <span class="badge bg-danger">
                        Expired
                    </span>
                @elseif($hari <= 7)
                    <span class="badge bg-warning text-dark">
                        {{ $hari }} Hari
                    </span>
                @else
                    <span class="badge bg-success">
                        Aman
                    </span>
                @endif

            </div>

        @empty
            <p class="text-center text-muted">
                Tidak ada barang mendekati expired
            </p>
        @endforelse

    </div>

</div>


{{-- APRIORI --}}
<div class="card apriori-card mt-4" id="apriori-section">

    <div class="apriori-header">
        <h4>
            <i class="fas fa-chart-line me-2"></i>
            Hasil Analisis Apriori
        </h4>

        <small>
            Rekomendasi produk berdasarkan pola pembelian pelanggan
        </small>
    </div>

    <div class="card-body scroll-content">

        @forelse($apriori as $a)

        <div class="rule-item">

            <div class="rule-icon">
                <i class="fas fa-shopping-bag"></i>
            </div>

            <div class="rule-content">

                <div>
                    <strong>Jika membeli:</strong>
                    {{ $a->antecedent }}
                </div>

                <div>
                    <strong>Maka membeli:</strong>
                    {{ $a->consequent }}
                </div>

                <span class="badge bg-success mt-2">
                    Confidence : {{ round($a->confidence) }}%
                </span>

            </div>

        </div>

        @empty

        <div class="text-center text-muted py-4">
            Belum ada hasil analisis.
        </div>

        @endforelse

    </div>

</div>

@endsection