@push('metadata')
@php
$pageId = $seoData['id'];
$mTitle = @$seoData['seo_title'];
$mDescr = @$seoData['meta_description'];
$faqs = $seoData['faq'] ?? '[]';
$mKWords = $seoData['meta_keywords'];
$mUrl = url()->current();
$mImage = config('constants.register');
@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' => 'Register', 'url' => CommonHelper::makeUrl('sign-up')]
    ]) !!}
    {!! SchemaHelper::getImageObjectSchema($mImage, $mTitle, 1200, 630) !!}
@endpush

@push('styles')
@endpush

<div>
    <section class="brdcrumb">
        <div class="container">
            <ul class="mb-0">
                <li><a href="{{ URL::to('/') }}" title="Home">Home</a> <i
                        class="fas fa-chevron-right small text-dark mx-2"></i></li>
                <li>{{ !empty(@$seoData['breadcrumb']) ? $seoData['breadcrumb'] : 'Register Here to Get Your Account' }}
                </li>
            </ul>
        </div>
    </section>

    <section class="py-5 loginform position-relative z-1">
        <div class="container">
            <div class="row">
                <div class="col-md-8 mx-auto text-center headingfont mb-3">
                    {!!@$seoData['top_page_content']!!}
                </div>
                <div class="col-lg-6 mx-auto">
                    <div class="contact-us-form border-0 shadow position-relative p-4 p-md-5 z-0">
                        <div class="text-center">
                            <span class="fs-3 fw-bold">Register</span>
                        </div>
                        <form wire:submit.prevent="register" class="col-12 py-4 px-0 px-md-4 text-start">

                            @if (session()->has('success'))
                            <div class="alert alert-success mt-3">{{ session('success') }}</div>
                            @endif

                            <div class="py-1 px-3 position-relative">
                                <label class="mb-1 fw-bold d-block" for="name">Enter Name</label>
                                <input type="text" wire:model.defer="name" id="name"
                                    class="form-control @error('name') is-invalid @enderror"
                                    placeholder="Enter Full Name">
                                @error('name') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>

                            <div class="py-1 px-3 position-relative">
                                <label class="mb-1 fw-bold d-block" for="email">Enter Email</label>
                                <input type="email" wire:model.defer="email" id="email"
                                    class="form-control @error('email') is-invalid @enderror" placeholder="Enter Email">
                                @error('email') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>

                            <div class="py-1 px-3 position-relative">
                                <label class="mb-1 fw-bold d-block" for="password">Password</label>
                                <input type="password" wire:model.defer="password" id="password"
                                    class="form-control @error('password') is-invalid @enderror"
                                    placeholder="Enter Password">
                                @error('password') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>

                            {{-- <div class="py-1 px-3 position-relative">
                                <label class="mb-1 fw-bold d-block" for="referral">Referral Code</label>
                                <input type="text" wire:model.defer="referral_code_by"
                                    class="form-control @error('referral_code_by') is-invalid @enderror"
                                    placeholder="Enter Referral Code">
                            </div> --}}

                            <div class="px-3 mt-1">
                                <div class="d-flex align-items-center gap-1">
                                    <input type="checkbox" id="Agree_terms" wire:model="terms">
                                    <label class="fs-13 text-secondary" for="Agree_terms">I agree to Crypto Presale
                                        Terms of Service</label>
                                </div>
                                <div class="d-flex align-items-center gap-1">
                                    <input type="checkbox" id="Newsletter_sub" wire:model="newsletter">
                                    <label class="fs-13 text-secondary" for="Newsletter_sub">Subscribe
                                        Newsletter</label>
                                </div>
                                @error('terms') <small class="text-danger">{{ $message }}</small> @enderror
                            </div>


                            <div class="col-xl-12 text-center mt-4">
                                <button type="submit"
                                    class="mainbluebtn text-uppercase ls-2 py-2 px-3 rounded-3 fw-bold"
                                    wire:loading.attr="disabled">
                                    <span wire:loading.remove>Register</span>
                                    <span wire:loading>Processing...</span>
                                </button>
                            </div>

                            <div class="d-flex align-items-center mt-4">
                                <hr class="w-50">
                                <div class="text-center px-2">
                                    <span>OR</span>
                                </div>
                                <hr class="w-50">
                            </div>

                            <!-- Google Login -->
                            <div class="mt-3">
                                <div
                                    class="d-flex mx-auto gap-2 border border-muted px-3 py-2 shadow-sm rounded-3 w-fit align-items-center bg-white">
                                    <button type="button" wire:click.prevent="redirectToGoogle"
                                        class="border-0 bg-transparent text-decoration-none p-0">
                                        <img src="{{ asset('assets/images/google-login.png') }}" alt="Google" width="24" height="24"
                                            >
                                        <span class="fs-14 text-secondary">Sign In with Google</span>
                                    </button>
                                </div>
                            </div>


                            <div class="mt-4">
                                <div class="text-center">
                                    <span class="fw-semibold text-dark">Already have an account?
                                        <a href="{{Url('/login')}}" title="Login" class="fw-bold bluetext">Login</a></span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class>
        <div class="container py-4">
            <div class="row">
                <div class="col-xl-12 details-page">
                    <div class="contentview ">
                        {!! CommonHelper::addNoFollowToExternalLinks(@$seoData['description'])!!}
                    </div>
                </div>
            </div>
        </div>
    </section>
    
</div>