@push('metadata')
  @php
    $page_id = 36;
    $mTitle = @$seoData['seo_title'];
    $mDescr = @$seoData['meta_description'];
    $faqs = $seoData['faq'] ?? '[]';
    $mKWords = $seoData['meta_keywords'];
    $mUrl = url()->current();
    $mImage = config('constants.crypto-presale');
  @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 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
<div>
  <section class="py-4 loginform">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 mx-auto">
          <div class="contact-us-form">
            <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>
            <form id="loginForm" wire:submit.prevent='resetPassword'>
              <div class="row bg-white shadow rounded-4 p-5">
                <div class="col-xl-12 text-center mb-4">
                  <h1 class="h3 fw-bold mb-0">Forgot Password</h1>
                  <h2 class="h6 fw-normal text-muted">Enter your email address below to reset your password.</h2>
                </div>

                <div id="loginError" class="col-12 text-center text-danger mb-2" style="display: none;"></div>
                @if(!$token)
                  <div class="col-xl-12 mb-3">
                    <label class="fw-bold">Password</label>
                    <input type="password" class="form-control @error('password') is-invalid @enderror"
                      placeholder="Enter your Old Password" name="Password" wire:model.defer="password" id="Password" />
                    @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
                  </div>
                @endif
                <div class="col-xl-12 mb-3">
                  <label class="fw-bold">New Password</label>
                  <input type="password" class="form-control @error('newPassword') is-invalid @enderror"
                    placeholder="Enter New Password" name="New Password" wire:model.defer="newPassword"
                    id="newPassword" />
                  @error('newPassword') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-xl-12 mb-3">
                  <label class="fw-bold">confirmed Password</label>
                  <input type="password" class="form-control @error('newPassword_confirmation') is-invalid @enderror"
                    placeholder="Enter your Confirmed Password" name="Password Confirmation"
                    wire:model.defer="newPassword_confirmation" id="newPassword_confirmation" />
                  @error('newPassword_confirmation') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-xl-12 main_flex mb-3">
                  <a class="btn btn-link web-textcolor" title="Back to login" href="/login">Back to login</a>
                </div>
                <div class="col-xl-12 mb-3">
                  <button type="submit"
                    class="btn btn-primary">Email Password
                    Reset Link</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="row">
        <div class="col-12 mb-3 top-border bg-card-gradient">
          <div class="details-page contentview py-3">
            {!! $seoData['description'] ?? '' !!}
          </div>
        </div>
      </div>
    </div>
  </section>
  <livewire:faq-section pageType="forgot-password" />
</div>