@push('metadata')
@php
$page_id = 36;
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$breadcrum = $seoData['breadcrumb'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
if (Str::contains($mUrl, 'submit-ico-news')) {
$mImage = config('constants.submit_ico_news');
} elseif (Str::contains($mUrl, 'submit-crypto-ico-press-release')) {
$mImage = config('constants.submit_press_release');
}
@endphp
<title>{{ @$mTitle }}</title>
<meta name="description" content="{{ @$mDescr }}" />
<meta property=og:locale content="en_US" />
<meta property=og:type content="{{config('constants.organisation_type_website')}}" />
<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' => $mUrl]
]) !!}
{!! SchemaHelper::getImageObjectSchema(@$mImage, $mTitle) !!}

@if ($type == 1)
{!! SchemaHelper::createActionSchema([
'name' => 'Submit Ico News',
'url' => CommonHelper::makeUrl('submit-ico-news'),
'method' => 'POST',
'resultType' => 'Person'
]) !!}
{!! SchemaHelper::howToSchema([
    'id' => $mUrl,
    'name' => $mTitle,
    'totalTime' => 'PT20S',
    'steps' => [
    [
    "@type" => "HowToStep",
    'name' => 'Step 1: Visit the Submission Page',
    'text' => 'Go to the Crypto Display “Submit Crypto News” page.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 2: Fill Out the Form',
    'text' => 'Enter your headline, description, and news details. Make sure your content is clear and informative.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 3: Choose the Category',
    'text' => 'Select the appropriate category such as blockchain news submission, cryptocurrency news, or crypto market news.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 4: Add Images or Links (Optional)',
    'text' => 'Enhance your news with visuals or references to provide more value to readers.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 5: Submit and Share',
    'text' => 'Once you submit, your news is reviewed and published for a global audience.',
    ],
    ],
]) !!}
@else
{!! SchemaHelper::createActionSchema([
'name' => 'Submit Press Release',
'url' => CommonHelper::makeUrl('submit-crypto-ico-press-release'),
'method' => 'POST',
'resultType' => 'Person'
]) !!}
{!! SchemaHelper::howToSchema([
    'id' => $mUrl,
    'name' => $mTitle,
    'totalTime' => 'PT20S',
    'steps' => [
    [
    "@type" => "HowToStep",
    'name' => 'Step 1:Prepare Your Press Release',
    'text' => 'Write your announcement using simple words. Explain the update clearly and honestly. Avoid technical terms when possible.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 2: Fill Out the Submission Form',
    'text' => 'Go to the press release submission page and enter your details. This is where you submit blockchain press release content.',
    ],
    [
    "@type" => "HowToStep",
    'name' => 'Step 3:Review Process',
    'text' => 'Each press release is reviewed to make sure the information is clear, accurate, and easy to understand.',
    ],[
    "@type" => "HowToStep",
    'name' => 'Step 4: Press Release Is Published',
    'text' => 'Once approved, your press release becomes visible to users on Crypto Display.',
    ],
    ],
]) !!}
@endif
@endpush
<div>
    <!-- brdcrmb -->
    <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">
                            {{$breadcrum ?? 'Submit Press Release' }}
                        </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 headingfont text-center">
                            {!! $seoData['top_page_content'] !!}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Content -->
    <section>
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    @if (session()->has('success'))
                    <div x-data="{ show: true }" x-init="setTimeout(() => show = false, 10000)" x-show="show" x-transition class="fixed alert alert-success text-center z-50 bg-green-500 text-success px-4 py-3 rounded-lg shadow-lg w-fit mx-auto">
                        {{ 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="fixed alert alert-danger text-center z-50 bg-red-500 text-danger px-4 py-3 rounded-lg shadow-lg w-fit mx-auto">
                        {{ session('error') }}
                    </div>
                    @endif
                    <form wire:submit.prevent="save" enctype="multipart/form-data">
                        <div class="borderlightred formtopview forminputview">
                            <div class="topviewimage">
                                <img fetchpriority="high" loading="eager" decoding="async" src="{{ URL::asset('assets/images/formtop.webp') }}" class="imgform img-fluid w-100" width="1294" height="109" alt="formlayout" onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';">
                            </div>
                            <div class="px-3">
                                <div class="row g-3 ">
                                    <div class="col-md-4">
                                        <label class="form-label" for="name">Author Display Name <span class="text-danger">*</span></label>
                                        <input type="text" wire:model="author_name" id="name" class="form-control" placeholder="Name">
                                        @error('author_name') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="tag">News Tag <span class="text-danger">*</span></label>
                                        <input type="text" wire:model="tags" id="tag" class="form-control" placeholder="e.g. #Bitcoin, #ETH">
                                        @error('tags') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="email">Email <span class="text-danger">*</span></label>
                                        <input type="email" wire:model="email" id="email" class="form-control" placeholder="Email">
                                        @error('email') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-4">
                                        <label class="form-label" for="telegram">Telegram</label>
                                        <input type="text" wire:model="telegram" id="telegram" class="form-control" placeholder="Telegram">
                                        @error('telegram') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                    </div>
                                    <div class="col-md-8">
                                        <label class="form-label" for="title">News Title <span class="text-danger">*</span></label>
                                        <input type="text" wire:model="title" id="title" class="form-control" placeholder="Enter Press title">
                                        @error('title') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                    </div>
                                </div>
                                <div class="mt-3">
                                    <label class="form-label" for="description">News Description (Up to 150 words)</label>
                                    <textarea wire:model="description" id="description" class="form-control" rows="5" placeholder="Description"></textarea>
                                    @error('description') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                </div>
                                <div class="mt-3">
                                    <label class="form-label" for="date">Publish Date</label>
                                    <input type="date" wire:model="published_at" id="date" class="form-control">
                                    @error('published_at') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                </div>
                                <div class="mt-3">
                                    <label class="form-label">Select Image (JPG & PNG Only)</label>
                                    <!-- Wrapper for click -->
                                    <label for="imageUpload" class="w-100">
                                        <div class="border rounded p-4 text-center bg-light cursor-pointer">
                                        <!-- Show file name preview if an image is selected -->
                                        @if($image)
                                        <p class="mb-2"><strong>Selected file:</strong>
                                            {{ $image->getClientOriginalName() }}
                                        </p>
                                        <img src="{{ $image->temporaryUrl() }}" loading="lazy" class="img-thumbnail mt-1" style="max-width:200px;" width="200" height="200">
                                        @else
                                            <div class="mb-2 fs-1 text-secondary">
                                                📁
                                            </div>
                                            <p class="text-muted m-0">Click or drag a file to this area to upload.</p>
                                        @endif
                                        </div>
                                    </label>
                                    <input type="file" wire:model="image" accept=".jpg,.jpeg,.png" id="imageUpload" style="display: none;">
                                    @error('image')<span class="text-danger fw-bold small">{{ $message }}</span>@enderror
                                </div>
                                <div class="mt-3">
                                    <label class="form-label" for="word">Select Word File / Link</label>
                                    <select wire:model="word_file" wire:change="$refresh" id="word" class="form-select">
                                        <option value="">Select type</option>
                                        <option value="Word">Word</option>
                                        <option value="Link">Link</option>
                                    </select>
                                    @error('word_file')<span class="text-danger fw-bold small">{{ $message }}</span>@enderror
                                    <div class="mt-2" wire:key="word-or-link-{{ $word_file }}">
                                        @if($word_file === 'Word')
                                        <input type="file" wire:model="file" accept=".doc,.docx,.pdf" class="form-control">
                                        @error('file') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                        @elseif($word_file === 'Link')
                                        <input type="url" wire:model="file_link" class="form-control" placeholder="Enter file URL">
                                        @error('file_link') <span class="text-danger fw-bold small">{{ $message }}</span> @enderror
                                        @endif
                                    </div>
                                </div>
                                <div class="mt-4 text-center">
                                    @if (Auth::check())
                                    <button type="submit" class="btn btn-primary">
                                        <span>Submit</span>
                                        <i class="stm-stm14_right_arrow"></i>
                                    </button>
                                    @else
                                    <button onclick="openLoginPopup()" type="button" class="btn btn-primary">
                                        <span>Login to proceed</span>
                                        <i class="stm-stm14_right_arrow"></i>
                                    </button>
                                    @endif
                                </div>
                            </div>
                        <div class="btmviewimage">
                            <img decoding="async" loading="lazy" src="{{ URL::asset('assets/images/formtop.webp') }}" onerror="this.onerror=null; this.src='{{ CommonHelper::imgFallback() }}';" class="imgform img-fluid" width="1294" height="109" alt="formlayout">
                        </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <!-- Page Content -->
    <!-- Content -->
    <section class="mt-2">
        <div class="container">
            <div class="row">
                <div class="col-12 mb-3 top-border bg-card-gradient">
                    <div class="details-page py-3 contentview">
                        {!! $seoData['description'] ?? '' !!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    <livewire:faq-section pageType="{{ $slug }}" />
    <div wire:ignore>
        <livewire:login-modal />
    </div>
</div>