@extends('layouts.auth2')
@section('title', config('app.name', 'ultimatePOS'))
@inject('request', 'Illuminate\Http\Request')
@section('content')
    <div class="col-md-12 col-sm-12 col-xs-12 right-col tw-pt-20 tw-pb-10 tw-px-5 tw-flex tw-flex-col tw-items-center tw-justify-center"
        style="min-height: 80vh;">
        <div
            class="glass-card tw-p-12 md:tw-p-16 tw-text-center tw-flex tw-flex-col tw-items-center tw-max-w-4xl tw-w-full tw-relative tw-overflow-hidden">
            <!-- Subtle background decorative element -->
            <div
                class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-1 tw-bg-gradient-to-r tw-from-indigo-500 tw-via-purple-500 tw-to-pink-500">
            </div>

            <h1 class="text-gradient tw-text-5xl md:tw-text-7xl tw-font-black tw-tracking-tight tw-mb-4 tw-leading-tight">
                DIGI <span class="tw-text-indigo-400">POS</span>
            </h1>

            <p
                class="tw-text-lg md:tw-text-xl tw-font-medium tw-text-indigo-200/80 tw-uppercase tw-tracking-[0.4em] tw-mb-8">
                Enterprise <span class="tw-text-white tw-font-bold">ERP</span> Solution
            </p>

            <div class="tw-w-16 tw-h-1 tw-bg-white/20 tw-rounded-full tw-mb-12"></div>

            <h2 class="tw-text-white tw-text-2xl md:tw-text-3xl tw-font-light tw-mb-10">
                Streamline your business with <br><span class="tw-font-bold">Next-Generation POS</span>
            </h2>



            <a href="{{ route('login') }}"
                class="tw-px-20 tw-py-4 tw-bg-white tw-text-indigo-900 tw-font-black tw-rounded-xl tw-text-xl tw-transition-all tw-duration-300 hover:tw-scale-105 hover:tw-shadow-[0_20px_50px_rgba(255,255,255,0.2)] active:tw-scale-95">
                {{ __('business.sign_in') }}
            </a>
            <br>
            @if (config('constants.allow_registration'))
                <a href="{{ route('business.getRegister') }}"
                    class="tw-px-20 tw-py-4 tw-border tw-border-white/30 tw-text-white tw-font-bold tw-rounded-xl tw-text-xl tw-transition-all tw-duration-300 hover:tw-bg-white/10 active:tw-scale-95">
                    {{ __('business.register') }}
                </a>
            @endif

            <br>
            <h2 class="tw-text-white tw-text-2xl md:tw-text-3xl tw-font-light tw-mb-10">
                HOT LINE: <span class="tw-font-bold">+94 71 511 5666</span>
            </h2>
            <div class="tw-mt-16 tw-text-indigo-300/50 tw-text-sm tw-font-medium">
                © {{ date('Y') }} {{ config('app.name') }} | v{{ config('app.version', '6.8') }}
            </div>
        </div>
    </div>

@endsection