@extends('layouts.app')

@section('content')

<div class="analysis-header">
    <div class="row align-items-center">
        <div class="col-7">
            <h2>Hasil Analisis Pola Pembelian</h2>
            <p>
                Temukan pola hubungan antar produk untuk
                membantu strategi penjualan.
            </p>
        </div>

        <div class="analysis-icon">
            <i class="bi bi-graph-up-arrow"></i>
        </div>
    </div>
</div>

{{-- FORM HANYA UNTUK ADMIN --}}
@if(session('role') == 'admin')

<div class="analysis-setting-card">

    <h4>
        <i class="bi bi-sliders"></i>
        Pengaturan Analisis
    </h4>

    <form action="{{ route('apriori.proses') }}" method="POST">
        @csrf

        <div class="mb-3">
            <label class="form-label">
                Minimum Support (%)
            </label>

            <input type="number"
                   name="min_support"
                   class="form-control"
                   min="1"
                   max="100"
                   required>

            <small class="text-muted">
                Rekomendasi: 10 - 20%
            </small>
        </div>

        <div class="mb-3">
            <label class="form-label">
                Minimum Confidence (%)
            </label>

            <input type="number"
                   name="min_confidence"
                   class="form-control"
                   min="1"
                   max="100"
                   required>

            <small class="text-muted">
                Rekomendasi: 50 - 70%
            </small>
        </div>

        <button class="btn-run-analysis">
            <i class="bi bi-play-fill"></i>
            Jalankan Analisis
        </button>

    </form>

</div>

@endif


@if($rules->count())

    @foreach($rules as $index => $rule)

    <div class="rule-card">

        <div class="rule-number">
            Pola {{ $index + 1 }}
        </div>

        <div class="row text-center mt-3">

            <div class="col-5">

                <div class="rule-icon bg-success-subtle">
                    <i class="bi bi-cart"></i>
                </div>

                <small class="text-muted d-block">
                    Antecedent
                </small>

                <h5 class="mt-2 fw-bold">
                    {{ $rule->antecedent }}
                </h5>

            </div>

            <div class="col-2 d-flex align-items-center justify-content-center">

                <i class="bi bi-arrow-right fs-2 text-success"></i>

            </div>

            <div class="col-5">

                <div class="rule-icon bg-primary-subtle">
                    <i class="bi bi-box-seam"></i>
                </div>

                <small class="text-muted d-block">
                    Consequent
                </small>

                <h5 class="mt-2 fw-bold">
                    {{ $rule->consequent }}
                </h5>

            </div>

        </div>

        <hr>

        <div class="row text-center g-2">

            <div class="col-4">
                <div class="metric-card support">
                    <small>Support</small>
                    <h5>
                        {{ rtrim(rtrim(number_format($rule->support, 2), '0'), '.') }}%
                    </h5>
                </div>
            </div>

            <div class="col-4">
                <div class="metric-card confidence">
                    <small>Confidence</small>
                    <h5>
                        {{ rtrim(rtrim(number_format($rule->confidence, 2), '0'), '.') }}%
                    </h5>
                </div>
            </div>

            <div class="col-4">
                <div class="metric-card lift">
                    <small>Lift</small>
                    <h5>
                        {{ rtrim(rtrim(number_format($rule->lift, 2), '0'), '.') }}
                    </h5>
                </div>
            </div>

        </div>


        <div class="mt-3">

            @if($rule->lift >= 1.5)

                <div class="alert alert-success mb-0">
                    <i class="bi bi-check-circle-fill"></i>
                    Pola pembelian sangat kuat dan direkomendasikan.
                </div>

            @elseif($rule->lift >= 1)

                <div class="alert alert-warning mb-0">
                    <i class="bi bi-info-circle-fill"></i>
                    Pola cukup kuat untuk strategi promosi silang.
                </div>

            @else

                <div class="alert alert-danger mb-0">
                    <i class="bi bi-x-circle-fill"></i>
                    Pola pembelian kurang kuat.
                </div>

            @endif

        </div>

    </div>

    @endforeach

@else

<div class="alert alert-info">
    Belum ada hasil analisis Apriori.
</div>

@endif

@endsection