@extends('layouts.app')
@section('title', __('Wizard Forms'))
@section('content')
<div class="row g-3">
    @foreach([
        ['New Sale Wizard', 'Create invoice, select customer, add items, receive payment.', 'fa-file-invoice', route('invoices.create'), 'Start Sale'],
        ['New Purchase Wizard', 'Receive stock from supplier and record supplier payment.', 'fa-cart-arrow-down', route('purchases.create'), 'Start Purchase'],
        ['Stock Wizard', 'Add or adjust product, category, unit, and stock values.', 'fa-boxes-stacked', route('products.create'), 'Open Stock'],
        ['Payment Wizard', 'Pay supplier, customer invoice, or general outgoing cash.', 'fa-circle-up', route('payments.index'), 'Open Payment'],
        ['Received Wizard', 'Record customer receipt or general incoming cash.', 'fa-circle-down', route('payments.index'), 'Open Receipt'],
    ] as [$title, $text, $icon, $url, $action])
        <div class="col-md-6 col-xl-4">
            <a href="{{ $url }}" class="card h-100 text-decoration-none text-reset">
                <div class="card-body p-4">
                    <div class="stat-icon mb-3"><i class="fa-solid {{ $icon }}"></i></div>
                    <h5>{{ __($title) }}</h5>
                    <p class="text-muted mb-3">{{ __($text) }}</p>
                    <span class="btn btn-success btn-sm">{{ __($action) }}</span>
                </div>
            </a>
        </div>
    @endforeach
</div>
@endsection
