@push('metadata')
    @php
        $pageId = $seoData['id'];
        $mTitle = @$seoData['seo_title'];
        $mDescr = @$seoData['meta_description'];
        $mKWords = @$seoData['meta_keywords'];
        $faqs = $seoData['faq'] ?? '[]';
        $mUrl = url()->current();
        $mImage = config('constants.submit_crypto_press_release');
    @endphp
    @push('pageId')
        <script>
            window.pageId = "{{ $pageId ?? '' }}";
        </script>
    @endpush
    <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')}}" />
    <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 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' => 'Submit Crypto Press Release', 'url' => CommonHelper::makeUrl('submit-crypto-press-release')]
    ]) !!}
    {!! SchemaHelper::getImageObjectSchema($mImage, $mTitle, 1200, 630) !!}
    @if(!empty($seoData['faq']))
        {!! SchemaHelper::getFaqSchema($seoData['faq']) !!}
    @endif
    {!! SchemaHelper::howToSchema([
    'id' => $mUrl,
    'name' => $mTitle,
    'totalTime' => 'PT20S',
    'steps' => [
        [
            "@type" => "HowToStep",
            'name' => 'Choose Your PR Package',
            'text' => 'Select the press release package that matches your project’s marketing goals and visibility needs.',
        ],
        [
            "@type" => "HowToStep",
            'name' => 'Prepare Your Announcement',
            'text' => 'Create a clear, detailed, and professionally written crypto, ICO, or blockchain press release for submission.',
        ],
        [
            "@type" => "HowToStep",
            'name' => ' Submit Your Press Release & Details',
            'text' => 'Upload your content, project links, images, and contact information through our submission form.',
        ],
    ],
    ]) !!}
@endpush
<div>
    <!-- Brdcrumb -->
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="{{ URL::to('/') }}" title="Home">Home</a></li>
                <li class="">{{$seoData['breadcrum'] ?? 'Submit Crypto Press Release' }}</li>
            </ul>
        </div>
    </section>

    <!-- Page Content -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-lg-9 mx-auto">
                    <div class="headingfont mt-3">
                        {!! $seoData['top_page_content'] !!}
                    </div>

                    <form wire:submit.prevent="submit" class="my-3" enctype="multipart/form-data">
                        <div class="row p-4 text-start bg-lightblue mx-2 rounded-3 shadow-sm">

                            <div class="p-1 col-md-6">
                                <label for="author" class="mb-1 fw-bold d-block">Author Display Name <span
                                        class="text-danger">*</span></label>
                                <input id="author" type="text" wire:model.defer="form.author_name"
                                    class="form-control py-1 px-3 rounded-4 w-100"
                                    placeholder="Author Display Name">
                                @error('form.author_name') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-md-6">
                                <label for="language" class="mb-1 fw-bold d-block">Language <span
                                        class="text-danger">*</span></label>
                                <select id="language" wire:model.defer="form.language"
                                    class="form-control form-control rounded-4">
                                    <option value="">Select Language</option>
                                    <option>English</option>
                                    <option>Hindi</option>
                                </select>
                                @error('form.language') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-md-6">
                                <label for="title" class="mb-1 fw-bold d-block">Title <span
                                        class="text-danger">*</span></label>
                                <input id="title" type="text" wire:model.defer="form.title"
                                    class="form-control py-1 px-3 rounded-4 w-100" placeholder="Title">
                                @error('form.title') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-md-6">
                                <label for="tag" class="mb-1 fw-bold d-block">Tag</label>
                                <input id="tag" type="text" wire:model.defer="form.tag"
                                    class="form-control py-1 px-3 rounded-4 w-100"
                                    placeholder="e.g #Bitcoin ,#GBR , #BTC">
                                @error('form.tag') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-12">
                                <label for="description" class="mb-1 fw-bold d-block">Description <span
                                        class="text-danger">*</span></label>
                                <textarea id="description" wire:model.defer="form.description"
                                    class="form-control py-1 px-3 rounded-4 w-100" rows="5"
                                    placeholder="Description:"></textarea>
                                @error('form.description') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-md-6">
                                <label for="publish-date" class="mb-1 fw-bold d-block">Publish Date <span
                                        class="text-danger">*</span></label>
                                <input id="publish-date" type="date" wire:model.defer="form.publish_date"
                                    class="form-control py-1 px-3 rounded-4 w-100">
                                @error('form.publish_date') <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="p-1 col-md-6">
                                <label for="word-file" class="mb-1 fw-bold d-block">Word File <span
                                        class="text-danger">*</span></label>
                                <input id="word-file" type="file" wire:model="form.word_file"
                                    class="form-control py-1 px-3 rounded-4 w-100">
                                @error('form.word_file') <span class="text-danger">{{ $message }}</span> @enderror
                            </div>

                            <div class="p-1 col-12" x-data="{ imagePreview: null }">
                                <label for="imagepreview" class="fw-bold d-block">Image <span
                                        class="text-danger">*</span></label>

                                <!-- File Input -->
                                <input id="imagepreview" type="file" class="form-control py-1 px-3 rounded-4 w-100"
                                    wire:model="form.image" @change="
                                const file = $event.target.files[0];
                                if (file) {
                                    const reader = new FileReader();
                                    reader.onload = e => imagePreview = e.target.result;
                                    reader.readAsDataURL(file);
                                }
                            ">

                                <!-- Preview Section -->
                                <template x-if="imagePreview">
                                    <div class="mt-2 text-center">
                                        <img :src="imagePreview" alt="Preview" class="rounded-3 border"
                                            
                                            style="max-width: 120px; max-height: 120px; object-fit: cover;">
                                    </div>
                                </template>

                                <!-- Validation Error -->
                                @error('form.image')
                                    <span class="text-danger">{{ $message }}</span>
                                @enderror
                            </div>

                            <div class="d-flex justify-content-center mt-4">
                            @if (Auth::check())
                            <button type="submit"
                                    class="mainbluebtn text-decoration-none py-2 px-3 rounded-3 fw-bold">Submit</button>
                            @else
                                 <button type="button" onclick="openLoginPopup()" class="mainbluebtn text-decoration-none py-2 px-3 rounded-3 fw-bold">Submit</button>
                                    @endif    
                            </div>

                            @if(session()->has('message'))
                                <div class="alert alert-success w-fit mx-auto mt-3 mb-0">{{ session('message') }}</div>
                            @endif
                            @if(session()->has('error'))
                                <div class="alert alert-danger w-fit mx-auto mt-3 mb-0">{{ session('error') }}</div>
                            @endif

                        </div>
                    </form>
                </div>
                <div class="col-xl-3 latest_right mt-3">
                    <div class="sidebar-container position-sticky bg-white rounded-3 overflow-hidden w-100">
                        <div class="sidebar-header p-3 position-relative">
                            <div class="d-flex align-items-center position-relative">
                                <div class="header-bar">
                                </div>
                                <span class='h2 mb-0'>Latest News</span>
                            </div>
                        </div>

                        <div class='row'>
                            @foreach ($latestNews as $news)
                            <div class="col-xl-12 col-md-6">
                                <div class="news-item d-flex position-relative">
                                        <div class="news-image-container position-relative">
                                            <img src="{{ CommonHelper::s3ImageOrDefault($news['image']) }}"
                                                alt="{{ $news['img_alt_title'] ?: $news['title'] }}" class="news-image rounded-3 overflow-hidden" width="80" height="45" loading="lazy" />
                                        </div>
                                        <div class="d-flex flex-column justify-content-between flex-1">
                                            <a href="{{ URL::to($news['alias']) }}" class='text-decoration-none' title="{{ $news['title'] }}">
                                                <span class="h3 news-title"> {{ $news['title'] }}</span>
                                            </a>
                                            <div class="news-date d-flex align-items-center fs-12">
                                                <div class="me-2">
                                                    <i class="fa-solid fa-calendar"></i>
                                                </div>
                                                <span>
                                                    {{ \Carbon\Carbon::parse($news['publishedAt'])->format('Y-m-d') }}
                                                </span>
                                            </div>
                                        </div>
                                </div>
                            </div>
                                </a>
                            @endforeach
                        </div>
                        <a href="{{ URL::to('crypto-news') }}" class="read-more d-flex align-items-center justify-content-center fs-14 fw-bold" title='crypto-news'>
                            View All
                            <div class="arrow-icon"></div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Content -->
    @if(!empty($seoData['description']))
        <section>
            <div class="container my-3">
                <div class="row">
                    <div class="col-12 contentview">
                        <div class="details-page py-3">
                            {!! $seoData['description'] !!}
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    @if(!empty($faqs))
        <livewire:faq-section pageType="submit-press-release" />
    @endif

</div>