@push('metadata')
@php
dd(@$seoData);
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords= $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.advertise');
@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 Presale" />
<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 name="twitter:card" content="summary_large_image" />
<meta property="twitter:title" content="{{ @$mTitle }}" />
<meta property="twitter:description" content="{{ @$mDescr }}" />
<meta property="twitter:url" content="{{ @$mUrl }}" />
<meta property="twitter:image" content="{{ @$mImage }}" />
<meta name="twitter:site" content="{{config('constants.twitter_url')}}" />
<meta name="twitter:creator" content="{{config('constants.twitter_url')}}" />
@endpush
<div>
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="/" title="Home">Home</a> <i class="fas fa-chevron-right small text-dark ms-2"></i></li>
                <li>{{ $seoData['breadcrumb'] ?: 'Contact Us' }}</li>
            </ul>
        </div>
    </section>
    <section class="contact_block_new py-4">

        <div class="container">
            <div class="row">
                <div class="col-xl-6 headingfont">
                    <h1>{!! $seoData['h1_title'] ?: 'Get in <span>touch</span> with us' !!}</h1>
                    <p>We'd love to hear from you! Whether you have questions, need support, or want to discuss a
                        project, feel free to reach out.</p>
                    <div class="contact-info-box">
                        <div class="info-box-1 wow fadeInUp">
                            <div class="contact-info-item">
                                <a href="https://t.me/CryptoPresaleBD" target='_blank'
                                    rel="noopener noreferrer nofollow" title='telegram Contact'
                                    style="color:#020202; text-decoration:none;">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/main/telegram.png') }}" alt="Phone" width="64"
                                            height="64" />
                                        <span class='d-none'>Telegram</span>
                                    </div>
                                    <div class="contact-item-content">
                                        <span class="fs-4 fw-bold">Telegram Contact</span>
                                        <p>https://t.me/CryptoPresaleBD</p>
                                    </div>
                                </a>
                            </div>
                            <div class="contact-info-item">
                                <a href="mailto:presale@cryptopresalenews.com" target="_blank"
                                    rel="noopener noreferrer nofollow" title="mail"
                                    style="color:#020202; text-decoration:none;">
                                    <div class="icon-box">
                                        <img src="{{ asset('assets/images/main/email.png') }}" alt="Email" width="64"
                                            height="64" />
                                        <span class='d-none'>Email</span>
                                    </div>

                                    <div class="contact-item-content">
                                        <span class="fs-4 fw-bold">Email Address</span>
                                        <p>presale@cryptopresalenews.com</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="contact-info-box mt-3">
                        <div class="info-box-1 d-block">
                            <span class="fs-4 fw-bold d-block">Why Work with CryptoPresaleNews.com?</span>
                            <span class="fs-6">
                                At CryptoPresaleNews.com, we’re more than a listing site, we connect crypto projects
                                with real investors through trusted listings and authentic news, helping every founder
                                share their story and stand out.
                            </span>
                            <ul class="mt-3">
                                <li>Verified and credible project listings</li>
                                <li>Quality news coverage that builds awareness</li>
                                <li>A growing global crypto community</li>
                                <li>Real results and lasting visibility</li>
                            </ul>
                            <span class="fs-6">
                                Join CryptoPresaleNews.com, where crypto news meets opportunity and your project gets
                                the spotlight
                                it deserves.
                            </span>
                        </div>

                    </div>
                </div>

                <div class="col-xl-6 mt-3 mt-xl-0">
                    <form class="contact-us-form py-4 ms-0" wire:submit.prevent="submit">
                        <div class="text-center">
                            <span class="fs-2 fw-bold">Send Us A Message</span>
                        </div>
                        <div class="row mt-4">
                            {{-- Alert messages --}}
                            <div class="col-12 position-relative">
                                @if (session()->has('success'))
                                <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 10000)"
                                    x-show="show" x-transition
                                    class="alert alert-success text-center bg-green-500 text-white px-4 py-3 rounded-lg shadow-lg">
                                    {{ session('success') }}
                                </div>
                                @endif

                                @if (session()->has('error'))
                                <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 10000)"
                                    x-show="show" x-transition
                                    class="alert alert-danger text-center bg-red-500 text-white px-4 py-3 rounded-lg shadow-lg">
                                    {{ session('error') }}
                                </div>
                                @endif
                            </div>

                            {{-- Name --}}
                            <div class="col-xl-12 mb-4">
                                <input type="text" class="form-control @error('name') is-invalid @enderror"
                                    placeholder="Enter Full Name" name="name" id="name" wire:model.defer="name" />
                                @error('name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Subject --}}
                            <div class="col-xl-12 mb-4">
                                <input type="text" class="form-control @error('subject') is-invalid @enderror"
                                    placeholder="Subject" name="subject" wire:model.defer="subject" />
                                @error('subject') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Inquiry Type --}}
                            <div class="col-xl-12 mb-4">
                                <select class="form-control" name="inquiry_type" wire:model.defer="inquiryType">
                                    <option value="">Select Services</option>
                                    <option value="General">General</option>
                                    <option value="Banner">Banners</option>
                                    <option value="Content">Content</option>
                                    <option value="Blog">Blog</option>
                                    <option value="Advertise">Advertise</option>
                                </select>
                                @error('inquiryType') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Telegram ID --}}
                            <div class="col-xl-12 mb-4">
                                <input type="text" class="form-control" placeholder="@xyz"
                                    title="Enter your Telegram ID starting with @, e.g. @username" name="telegram_id"
                                    wire:model.defer="telegramId" />
                                @error('telegramId') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Email --}}
                            <div class="col-xl-12 mb-4">
                                <input type="email" class="form-control @error('email') is-invalid @enderror "
                                    placeholder="Email Address" name="email" wire:model.defer="email" />
                                @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Message --}}
                            <div class="col-xl-12 mb-4">
                                <textarea class="form-control @error('message') is-invalid @enderror" rows="6"
                                    placeholder="Messages" name="message" minlength="10" maxlength="300"
                                    wire:model.defer="message"></textarea>
                                @error('message') <div class="invalid-feedback">{{ $message }}</div> @enderror
                            </div>

                            {{-- Submit Button --}}
                            <div class="col-xl-12">
                                <button type="submit"
                                    class="btn-main primary-btn w-100 text-center fw-bold py-3 btn-second_main"
                                    wire:loading.attr="disabled">
                                    <span wire:loading.remove>Submit</span>
                                    <span wire:loading>Submitting...</span>
                                </button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            @if(!empty($seoData['description']))
            <div class=" bg-white py-4 contentview">
                <div class="details-page">
                    {!! $seoData['description'] !!}
                </div>
            </div>
            @endif
        </div>

    </section>
</div>