@extends('layouts.master')

@section('content')

<div class="workflow-page">

    {{-- HEADER --}}

    <div class="workflow-header">

        <div>

            <h1 class="workflow-title">
                Supply
            </h1>

            <div class="workflow-subtitle">
                Manage medicines, vaccines, consumables, laboratory supplies and equipment
            </div>

        </div>

        <div class="workflow-actions">

            <button class="workflow-btn workflow-btn-outline">
                📊 Supply Reports
            </button>

        </div>

    </div>

    {{-- KPI CARDS --}}

    <div class="workflow-stat-grid">

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($totalItems) }}
            </div>
            <div class="workflow-stat-label">
                Total Items
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                UGX {{ number_format($stockValue, 2) }}
            </div>
            <div class="workflow-stat-label">
                Stock Value
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($stockItems) }}
            </div>
            <div class="workflow-stat-label">
                Stock Items
            </div>
        </div>

        <div class="workflow-stat-card">
            <div class="workflow-stat-value">
                {{ number_format($lowStock) }}
            </div>
            <div class="workflow-stat-label">
                Low Stock
            </div>
        </div>

        <div class="workflow-stat-card">

        <div class="workflow-stat-value">
            {{ number_format($lowStock) }}
        </div>

        <div class="workflow-stat-label">
            Low Stock
        </div>

    </div>

    <div class="workflow-stat-card">

        <div class="workflow-stat-value">
            {{ number_format($outOfStock) }}
        </div>

        <div class="workflow-stat-label">
            Out Of Stock
        </div>

    </div>

    </div>

    {{-- MODULES --}}

    <div class="workflow-grid-4">

        <a href="{{ route('supply.items.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">📦</div>

                    <h3>Item Master</h3>

                    <p>
                        Supply catalogue
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.stock.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">📗</div>

                    <h3>Stock</h3>

                    <p>
                        Current balances
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.receipts.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">⬇️</div>

                    <h3>Receipts</h3>

                    <p>
                        Receive stock
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.issues.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">⬆️</div>

                    <h3>Issues</h3>

                    <p>
                        Issue stock
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.procurement.index') }}"
        class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body"
                    style="text-align:center;">

                    <div style="font-size:40px;">
                        🛒
                    </div>

                    <h3>
                        Procurement
                    </h3>

                    <p>
                        Requests, RFQs and purchasing
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.transfers.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">🔄</div>

                    <h3>Transfers</h3>

                    <p>
                        Move stock
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.adjustments.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">✏️</div>

                    <h3>Adjustments</h3>

                    <p>
                        Stock corrections
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.stock-count.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">☑️</div>

                    <h3>Stock Count</h3>

                    <p>
                        Physical verification
                    </p>

                </div>

            </div>

        </a>

        <a href="{{ route('supply.expiry.index') }}" class="module-link">

            <div class="workflow-card">

                <div class="workflow-card-body" style="text-align:center;">

                    <div style="font-size:40px;">📅</div>

                    <h3>Expiry Tracking</h3>

                    <p>
                        Monitor expiries
                    </p>

                </div>

            </div>

        </a>

    </div>

    <br>

    {{-- SUMMARY + ALERTS --}}

    <div class="workflow-grid-3">

        <div class="workflow-card workflow-span-full">

            <div class="workflow-card-header">
                Stock Summary by Category
            </div>

            <div class="workflow-card-body">

                <table class="workflow-table">

                    <thead>

                        <tr>
                            <th>Category</th>
                            <th>Items</th>
                            <th>In Stock</th>
                            <th>Low</th>
                            <th>Out</th>
                            <th>Value</th>
                        </tr>

                    </thead>

                    <tbody>

                        @forelse($categorySummary as $category)

                            <tr>

                                <td>
                                    {{ $category->category }}
                                </td>

                                <td>
                                    {{ number_format($category->total_items) }}
                                </td>

                                <td>
                                    {{ number_format($category->in_stock) }}
                                </td>

                                <td>
                                    {{ number_format($category->low_stock) }}
                                </td>

                                <td>
                                    {{ number_format($category->out_of_stock) }}
                                </td>

                                <td>
                                    UGX {{ number_format($category->stock_value, 2) }}
                                </td>

                            </tr>

                        @empty

                            <tr>

                                <td colspan="6"
                                    style="text-align:center;padding:30px;">

                                    No category statistics available.

                                </td>

                            </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

    {{-- QUICK ACTIONS --}}

    <div class="workflow-card">

        <div class="workflow-card-header">
            Quick Actions
        </div>

        <div class="workflow-card-body">

            <div class="quick-grid">

                <a href="{{ route('supply.items.create') }}" class="action-btn">
                    📦 Add New Item
                </a>

                <a href="{{ route('supply.receipts.create') }}" class="action-btn">
                    ⬇️ Record Receipt
                </a>

                <a href="{{ route('supply.issues.create') }}" class="action-btn">
                    ⬆️ Issue Stock
                </a>

                <a href="#" class="action-btn">
                    🔄 Transfer Stock
                </a>

                <a href="#" class="action-btn">
                    ✏️ Adjustment
                </a>

                <a href="#" class="action-btn">
                    ☑️ Stock Count
                </a>

                <a href="{{ route('supply.imports.items.create') }}"
                class="action-btn">

                    📥 Item Import

                </a>

                <a href="{{ route('supply.procurement.create') }}"
                class="action-btn">

                    🛒 Generate PR

                </a>

                <a href="{{ route('supply.procurement.index') }}"
                class="action-btn">

                    📋 Procurement Requests

                </a>

            </div>

        </div>

    </div>

</div>

@endsection