@extends('theme::layouts.app', ['alias' => 'Account'])
@section('theme::title', __('seo.home'))
@section('theme::sidebar')
    @include('theme::frontend.account.sidebar', ['account_alias'=>'Dashboard'])
@endsection

@section('theme::content')
    <div class="col-xl-9 col-lg-9 col-md-12 col-sm-12 col-12 main-content">
        <div class="container">
            <div class="card">
                <div class="card-header">
                    <h4>{{ __('home.title') }}</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('4t-app') }}" class="dashboard-link d-none d-sm-block">
                                    <div class="fa fa-3x t-app-logo-icon text-dark box-icon box-icon-outline">
                                        <img src="{{ asset('images/logo.png') }}" alt="Logo">
                                    </div>
                                </a>
                                <a href="{{ route('4t-app') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        4T App
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.char-list-desc') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('tasks.index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-scroll text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('tasks.index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Quests
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.quests-desc') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('home-chars-list') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-users text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('home-chars-list') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.char-list') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.char-list-desc') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('charging.index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-credit-card text-primary box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('charging.index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Shipping
                                    </h4>
                                </a>
                                <p class="box-description">
                                    Recharge your balance easily from here.
                                </p>
                            </div>
                        </div>

                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('market.packages') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-box-open text-warning box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('market.packages') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Packages Shop
                                    </h4>
                                </a>
                                <p class="box-description">
                                    Browse and buy special packages.
                                </p>
                            </div>
                        </div>

                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('market.items') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-shopping-basket text-success box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('market.items') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        blance Shop
                                    </h4>
                                </a>
                                <p class="box-description">
                                    Buy individual items for your character.
                                </p>
                            </div>
                        </div>

                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('market.items.gift') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-gift text-danger box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('market.items.gift') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Gift blance Shop
                                    </h4>
                                </a>
                                <p class="box-description">
                                    Get exclusive gift items for special occasions.
                                </p>
                            </div>
                        </div>

                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('market.playersShop') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-store text-info box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('market.playersShop') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Players Shop
                                    </h4>
                                </a>
                                <p class="box-description">
                                    Purchase items directly from other players.
                                </p>
                            </div>
                        </div>

                        {{-- <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('home-settings') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-user-cog text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('home-settings') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.settings') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.settings-desc') }}
                                </p>
                            </div>
                        </div> --}}
                        {{-- <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('donations-index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-money-bill text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('donations-index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.donation') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.donation-desc', ['silk' => config('siteSettings.sro_silk_name', 'Silk')]) }}
                                </p>
                            </div>
                        </div> --}}
                        {{-- <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('home-referral') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-retweet text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('home-referral') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.ref') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.ref-desc') }}
                                </p>
                            </div>
                        </div> --}}
                        {{-- <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('home-tickets') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-ticket-alt text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('home-tickets') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.tickets') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.tickets-desc') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('home-voucher') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-gift text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('home-voucher') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.voucher') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.voucher-desc', ['silk' => config('siteSettings.sro_silk_name', 'Silk')]) }}
                                </p>
                            </div>
                        </div> --}}
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('web-inventory-index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-box-open text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('web-inventory-index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.web-inventory') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.web-inventory-help') }}
                                </p>
                            </div>
                        </div>
                        <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('web-market-index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fa fa-3x fa-ticket-alt text-dark box-icon box-icon-outline"></i>
                                </a>
                                <a href="{{ route('web-market-index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        Market Inventory
                                    </h4>
                                </a>
                                <p class="box-description">
                                    here is the inventory to add items to market shop
                                </p>
                            </div>
                        </div>
                        {{-- @if(config('siteSettings.voteforsilk'))
                            <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                                <div class="box box-small-icon-alt">
                                    <a href="{{ route('vote-for-silk-index') }}"
                                       class="dashboard-link d-none d-sm-block">
                                        <i class="fa fa-3x fa-vote-yea text-dark box-icon box-icon-outline"></i>
                                    </a>
                                    <a href="{{ route('vote-for-silk-index') }}" class="dashboard-link">
                                        <h4 class="box-title">
                                            {{ __('home.grid.voteforsilk') }}
                                        </h4>
                                    </a>
                                    <p class="box-description">
                                        {{ __('home.grid.voteforsilk-help') }}
                                    </p>
                                </div>
                            </div>
                        @endif --}}
                        {{-- <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12">
                            <div class="box box-small-icon-alt">
                                <a href="{{ route('webmall.index') }}" class="dashboard-link d-none d-sm-block">
                                    <i class="fas fa-3x fa-shopping-cart text-orange box-icon box-orange box-icon-outline"></i>
                                </a>
                                <a href="{{ route('webmall.index') }}" class="dashboard-link">
                                    <h4 class="box-title">
                                        {{ __('home.grid.web-mall') }}
                                    </h4>
                                </a>
                                <p class="box-description">
                                    {{ __('home.grid.web-mall-help') }}
                                </p>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection