@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.login');
  @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' => 'Login', 'url' => CommonHelper::makeUrl('login')]
    ]) !!}
    {!! SchemaHelper::getImageObjectSchema($mImage, $mTitle, 1200, 630) !!}
@endpush

<div>
  <section class="brdcrumb">
    <div class="container">
      <div class="row">
        <div class="col-xl-12">
          <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'] : 'Login Here to Access Your Account' }}
            </li>
          </ul>
        </div>
      </div>
    </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">Login</span>
            </div>
            <form wire:submit.prevent="login" class="col-12 py-4 px-0 px-md-4 text-start">
              <!-- Username/Email -->
              <div class="py-1 position-relative">
                <label class="fw-bold" for="email">Email Address</label>
                <input type="email" id="email" wire:model.defer="email" class="form-control @error('email') is-invalid @enderror"
                  placeholder="Enter your email">

                @error('email') <small class="text-danger">{{ $message }}</small> @enderror
              </div>

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

              <!-- Remember Me & Forgot Password -->
              <div class="d-flex justify-content-between">
                <div class="d-flex align-items-center gap-1">
                  <input type="checkbox" id="remember_me" wire:model="remember">
                  <label class="fs-13 text-secondary" for="remember_me">Remember Me</label>
                </div>
                <a href="{{ URL::to('forgot-password') }}" class="bluetext fs-14"
                  title="Reset Password on Crypto Presale News">Forgot Password?</a>
              </div>

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

              <!-- Divider -->
              <div class="d-flex align-items-center mt-3">
                <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>

              <!-- Register -->
              <div class="mt-4">
                <div class="text-center">
                  <span class="fw-semibold text-dark">Haven’t registered yet?
                    <a href="{{Url('/sign-up')}}"
                      title="Create account to List Crypto Presale, ICO, IDO & IEO Project on Crypto Presale News"
                      class="fw-bold bluetext">Register Now</a>
                  </span>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>

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

</div>