@extends('vendor.installer.layouts.master')

@section('template_title')
    {{ trans('installer_messages.welcome.templateTitle') }}
@endsection

@section('title')
    <i class="fa fa-rocket fa-fw" aria-hidden="true"></i>
    {{ trans('installer_messages.welcome.title') }}
@endsection

@section('container')
<div class="row mb-4">
<div class="col-md-12 text-center">
        <div class="mb-3">
            <i class="fas fa-cubes fa-4x text-primary mb-3" style="color: #007bff !important;"></i>
        </div>
        <h1 class="page-title mb-3">
            Welcome to <span class="gradient-text">{{ config('app.name', 'AssetMaster') }}</span>
        </h1>
        <p class="paragraph">
            {{ trans('installer_messages.welcome.message') }}
        </p>
   
	
	</div>
</div>

    <div class="row mb-4">
        <div class="col-md-4 text-center">
            <div class="mb-3">
                <i class="fas fa-list-check fa-3x text-success"></i>
            </div>
            <h5 class="font-weight-bold">Check Requirements</h5>
            <p class="text-muted small">Ensure your server meets all necessary requirements</p>
        </div>
        <div class="col-md-4 text-center">
            <div class="mb-3">
                <i class="fas fa-key fa-3x text-warning"></i>
            </div>
            <h5 class="font-weight-bold">Verify License</h5>
            <p class="text-muted small">Enter your purchase code to proceed</p>
        </div>
        <div class="col-md-4 text-center">
            <div class="mb-3">
                <i class="fas fa-cogs fa-3x text-info"></i>
            </div>
            <h5 class="font-weight-bold">Configure System</h5>
            <p class="text-muted small">Set up your database and environment</p>
        </div>
    </div>

    <div class="text-center mt-2 mb-4">
        <a href="{{ route('LaravelInstaller::requirements') }}" class="btn btn-primary btn-lg px-5 shadow-sm rounded-pill font-weight-bold d-inline-flex align-items-center">
            Get Started
            <i class="fas fa-arrow-right ml-2 ms-2"></i>
        </a>
    </div>
@endsection