@extends('layouts.app')

@section('content')

<div class="welcome-card mb-4">
    <div class="row align-items-center">
        <div class="col-7">
            <h2>Halo, Owner! 👋</h2>
            <p>Selamat datang kembali di Smart Inventory System.</p>
        </div>

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


<div class="row g-3">

    <div class="col-6 col-md-3">
        <div class="stat-card product-card">
            <div class="icon-box">
                <i class="fas fa-box"></i>
            </div>

            <div>
                <h6>Total Produk</h6>
                <h3>{{ $total_produk }}</h3>
                <small>Produk terdaftar</small>
            </div>
        </div>
    </div>

    <div class="col-6 col-md-3">
        <div class="stat-card transaksi-card">
            <div class="icon-box">
                <i class="fas fa-shopping-cart"></i>
            </div>

            <div>
                <h6>Total Transaksi</h6>
                <h3>{{ $total_transaksi }}</h3>
                <small>Transaksi selesai</small>
            </div>
        </div>
    </div>

    <div class="col-6 col-md-3">
        <div class="stat-card stok-card">
            <div class="icon-box">
                <i class="fas fa-exclamation-circle"></i>
            </div>

            <div>
                <h6>Stok Menipis</h6>
                <h3>{{ $stok_menipis }}</h3>
                <small>Segera Restock</small>
            </div>
        </div>
    </div>

    <div class="col-6 col-md-3">
        <div class="stat-card expired-card">
            <div class="icon-box">
                <i class="fas fa-calendar-times"></i>
            </div>

            <div>
                <h6>Hampir Expired</h6>
                <h3>{{ $expired }}</h3>
                <small>Periksa Produk</small>
            </div>
        </div>
    </div>

</div>


<div class="card apriori-card mt-4">

    <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">

        @foreach($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>

        @endforeach

    </div>

</div>

@endsection