@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.official_verification');
@endphp

<title>{{ @$mTitle }}</title>
<meta name="keywords" content="{{ @$mKWords }}" />
<meta name="description" content="{{ @$mDescr }}" />
<meta property=og:locale content="{{ app()->getLocale() }}" />
<meta property=og:type content="{{config('constants.organisation_type_news')}}" />
<meta property="og:site_name" content="Crypto Display" />
<meta property="og:title" content="{{ @$mTitle }}" />
<meta property="og:description" content="{{ @$mDescr }}" />
<meta property="og:url" content="{{ @$mUrl }}" />
<meta property="og:image" content="{{ @$mImage }}" />
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="628">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ @$mTitle }}" />
<meta name="twitter:description" content="{{ @$mDescr }}" />
<meta name="twitter:url" content="{{ @$mUrl }}" />
<meta name="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
@push('head_scripts')
{!! SchemaHelper::webpageSchema($mTitle ?? null, $mDescr ?? null) !!}
{!! SchemaHelper::getBreadcrumbSchema([
['name' => 'Home', 'url' => url('/')],
['name' =>$seoData['breadcrumb'], 'url' => URL::to('crypto-news')],
]) !!}
{!! SchemaHelper::getImageObjectSchema(CommonHelper::s3ImageOrDefault($mImage), $mTitle, 1200, 630) !!}
@if(!empty($seoData['faq']))
{!! SchemaHelper::getFaqSchema($seoData['faq']) !!}
@endif
@endpush
@push('pageId')
<script>
    window.pageId = "{{ $seoData['id'] ?? '' }}";
</script>
@endpush
<div>
    <section class="web-color py-2 breadcrumb">
        <div class="container">
            <div class="row">
                <div class="d-flex gap-2 p-0 m-0 list-unstyled justify-content-center text-white">
                    <ul class="d-flex p-0 m-0 list-unstyled">
                        <li class="position-relative"><a href="{{ URL::to('/') }}" title="Home"
                                class="text-white text-decoration-none">Home</a></li>
                        <li class="position-relative">
                            {{$seoData['breadcrumb'] ?: 'Official Verification' }}
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container my-3">
            <div class="row">
                <div class="col-md-12">
                    <div class="gradientbg p-4 rounded-3">
                        <div class="ico_mainheading headingfont text-center">
                            {!! $seoData['top_page_content'] !!}
                        </div>
                        <div class="d-flex justify-content-center gap-2 flex-wrap mt-3">
                            <a href="{{ URL::to('/contact-us-list-submit-campaign-market-crypto-presale-ico-ido-ieo') }}"
                                class="btn btn-primary fs-14" title="Get In Touch">Get In Touch</a>
                            <a href="{{ URL::to('submit-presale') }}" class="btn btn-primary fs-14"
                                title="List Your Project">List Your Project</a>
                            <a href="{{ URL::to('/advertise-with-us-crypto-presale-ico-ido-ieo-campaign-marketing') }}"
                                class="btn btn-primary fs-14" title="View Other Projects">Advertise With Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="container">
            <div class="row justify-content-center">
                <div class="row mt-3">
                    <div class="col-lg-6 col-12 mt-3">
                        <div class="gradientbg shadowcustom p-3 h-100">
                            <div class="col-12 text-center">
                                <span class="h3">Verify With Below</span>
                                <div class="my-1">
                                    <img src="{{ URL::asset('assets/images/wallet.png') }}" loading="lazy"
                                        onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                        class="img-fluid my-2" alt="Verification" width="55" height="55">
                                </div>
                                <span class="h5 fw-bold ">Verify Our Wallet</span>
                                <div class="d-flex gap-3 align-items-center my-3 justify-content-center flex-wrap flex-sm-nowrap px-2">
                                    <input type="text" class="form-control inputview"
                                        wire:model.defer='walletAddress' placeholder="Enter Your Wallet Address here">
                                    <button type="submit" class="btn btn-primary rounded-3" wire:click="verifyWallet"
                                        title="Verify">Verify</button>
                                </div>
                                @if(!is_null($walletStatus))
                                <p class="mt-3 fw-semibold {{ $walletStatus ? 'text-success' : 'text-danger' }}">
                                    {{ $walletStatus ? ' ✅ Wallet Verified ' : ' ❌ Wallet Not Found' }}
                                </p>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-12 mt-3">
                        <div class="gradientbg shadowcustom p-3 h-100 position-relative text-center">
                            <div class="btn btn-gradient fs-12 rounded-pill fw-bold mt-2 position-absolute end-1 top-1">
                                <span>GET IN TOUCH</span>
                            </div>
                            <img src="{{ URL::asset('assets/images/displayuser.png') }}"
                                onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                class="img-fluid mb-2 presale m-auto" alt="Presale Manager" width="80" height="80">
                            <span class="h3 fw-bold d-block">Presale Manager</span>
                            <div class="d-flex flex-column flex-sm-row flex-lg-column gap-2 gap-sm-4 gap-lg-2 align-items-center mt-2 justify-content-center">
                            <div class="text-center">
                                <a href="mailto:presale@cryptodisplay.io" title="Gmail" rel="noreferrer noopener"
                                    class="d-flex justify-content-center align-items-center text-decoration-none text-dark">
                                    <i class="fa-solid fa-envelope fs-6 text-black me-1"></i>
                                    <span class="fs-15">presale@cryptodisplay.io</span>
                                </a>
                            </div>
                            <div class="text-center">
                                <div class="d-flex justify-content-around align-items-center">
                                    <a href="https://t.me/Display_MrktManager" title="Telegram Group" target="_blank"
                                        rel="nofollow noopener noreferrer"
                                        class="d-flex align-items-center text-decoration-none text-dark">
                                        <i class="fa-brands fa-telegram fs-6 text-black me-1"></i>
                                        <span class="fs-15">@Display_MrktManager</span>
                                    </a>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    {{-- <section class="mt-4">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 text-center">
                    <span class="fw-bold text-black my-2 d-block h5">Why Get Verified?</span>
                </div>
                <div class="col-xl-12">
                    <div class="gradientbg borderlightred p-3 my-1">
                        <div class="row">
                            <div class="col-lg-3 col-6 text-center border-end">
                                <img src="{{ URL::asset('assets/images/verified.png') }}" loading="lazy"
                                    onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                    alt="verified" width="80" height="80" class="my-1">
                                <p class="my-2 d-block">Lorem ipsum</p>
                            </div>
                            <div class="col-lg-3 col-6 text-center border-end">
                                <img src="{{ URL::asset('assets/images/verified.png') }}" loading="lazy"
                                    onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                    alt="verified" width="80" height="80" class="my-1">
                                <p class="my-2 d-block">Lorem ipsum</p>
                            </div>
                            <div class="col-lg-3 col-6 text-center border-end">
                                <img src="{{ URL::asset('assets/images/verified.png') }}" loading="lazy"
                                    onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                    alt="verified" width="80" height="80" class="my-1">
                                <p class="my-2 d-block">Lorem ipsum</p>
                            </div>
                            <div class="col-lg-3 col-6 text-center">
                                <img src="{{ URL::asset('assets/images/verified.png') }}" loading="lazy"
                                    onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';"
                                    alt="verified" width="80" height="80" class="my-1">
                                <p class="my-2 d-block">Lorem ipsum</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    
    <section>
        <div class="container pt-3">
            <div class="row">
                <div class="col-xl-12">
                    <div class="contentview contentconditon">
                        {!! $seoData['description'] ?? '' !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <livewire:faq-section pageType="official-verification-verify-crypto-display-team" />
</div>