@extends('layouts.guest')

@section('title', __('Commercial GST Billing ERP for India'))

@section('content')
    <section class="py-5 py-lg-6">
        <div class="row align-items-center g-5">
            <div class="col-lg-7">
                <x-badge tone="info" class="mb-3">
                    v{{ $__product['version'] }} &middot; {{ __('Alpha') }}
                </x-badge>
                <h1 class="display-6 fw-semibold mb-3" style="letter-spacing: -.02em;">
                    {{ __('The billing ERP built for every Indian shop.') }}
                </h1>
                <p class="lead dc-text-secondary mb-4">
                    {{ __('Fast POS, native GST + e-Invoice + e-Way Bill, deep inventory, and a modern mobile-first UI. Built by :vendor.', ['vendor' => $__product['vendor']]) }}
                </p>
                <div class="d-flex flex-wrap gap-2">
                    <x-button as="a" href="{{ route('shell.preview') }}" variant="primary" size="lg" icon="chart">
                        {{ __('Preview the shell') }}
                    </x-button>
                    <x-button as="a" href="{{ route('styleguide') }}" variant="secondary" size="lg" icon="book">
                        {{ __('Design system') }}
                    </x-button>
                </div>
            </div>
            <div class="col-lg-5">
                <x-card>
                    <div class="d-flex flex-column gap-3">
                        <div class="d-flex align-items-center gap-3">
                            <span class="dc-sidebar__brand-mark" style="width:44px;height:44px;font-size:1rem;">D</span>
                            <div>
                                <div class="fw-semibold">{{ $__product['name'] }}</div>
                                <div class="dc-text-muted small">{{ $__product['domain'] }}</div>
                            </div>
                        </div>
                        <hr class="my-1">
                        <dl class="row g-2 mb-0">
                            <dt class="col-5 dc-text-muted small">{{ __('Edition') }}</dt>
                            <dd class="col-7 mb-0">{{ ucfirst($__product['edition']) }}</dd>

                            <dt class="col-5 dc-text-muted small">{{ __('Version') }}</dt>
                            <dd class="col-7 mb-0">v{{ $__product['version'] }}</dd>

                            <dt class="col-5 dc-text-muted small">{{ __('Locale') }}</dt>
                            <dd class="col-7 mb-0">{{ app()->getLocale() }}</dd>

                            <dt class="col-5 dc-text-muted small">{{ __('Timezone') }}</dt>
                            <dd class="col-7 mb-0">{{ config('app.timezone') }}</dd>

                            <dt class="col-5 dc-text-muted small">{{ __('Currency') }}</dt>
                            <dd class="col-7 mb-0">{{ config('decent.regional.currency_symbol') }} {{ config('decent.regional.currency_code') }}</dd>
                        </dl>
                    </div>
                </x-card>
            </div>
        </div>
    </section>

    <section class="py-4">
        <div class="dc-grid-auto">
            <x-card>
                <h3 class="dc-card__title mb-2">{{ __('Sprint 0 - Foundation') }}</h3>
                <p class="dc-text-muted mb-3">{{ __('The infrastructure spine is live. Every following module builds on top of this base without deviation.') }}</p>
                <div class="dc-cluster">
                    <x-badge tone="success">{{ __('Config') }}</x-badge>
                    <x-badge tone="success">{{ __('Logging') }}</x-badge>
                    <x-badge tone="success">{{ __('Errors') }}</x-badge>
                    <x-badge tone="success">{{ __('Layouts') }}</x-badge>
                    <x-badge tone="success">{{ __('Themes') }}</x-badge>
                </div>
            </x-card>

            <x-card>
                <h3 class="dc-card__title mb-2">{{ __('Ready for India') }}</h3>
                <p class="dc-text-muted mb-3">{{ __('INR currency, DD-MM-YYYY dates, Asia/Kolkata timezone, and 12 Indian languages queued in the pipeline.') }}</p>
                <div class="dc-cluster">
                    <x-badge>English</x-badge>
                    <x-badge>हिन्दी</x-badge>
                    <x-badge>ગુજરાતી</x-badge>
                    <x-badge>தமிழ்</x-badge>
                    <x-badge>+8</x-badge>
                </div>
            </x-card>

            <x-card>
                <h3 class="dc-card__title mb-2">{{ __('Security by default') }}</h3>
                <p class="dc-text-muted mb-3">{{ __('CSP with per-request nonce, HSTS, sensible frame policy, secure sessions, redacted logs.') }}</p>
                <div class="dc-cluster">
                    <x-badge tone="info">CSP</x-badge>
                    <x-badge tone="info">HSTS</x-badge>
                    <x-badge tone="info">CSRF</x-badge>
                    <x-badge tone="info">XSS</x-badge>
                </div>
            </x-card>
        </div>
    </section>
@endsection