@extends('layouts.v2.frontend')

@section('content')
<div class="login-section">
  <div class="row align-items-center">
      <div class="col-xl-6 col-lg-6">
          <div class="left-img shine-effect">
              <img src="{{url('v2/images/contact-img.png')}}" alt="">
          </div>
      </div>
      <div class="col-xl-6 col-lg-6">
          <div class="login-form-area">
            @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
            @endif
            <p>{{ __('Your account has been verified Please Set your Password') }}</p>

            <form method="POST" action="{{ route('set.password') }}">
                @csrf
                <div class="mb-3">
                  <label for="email" >{{ __('Email Address') }}</label>
                  <input id="email" type="email" class="@error('email') is-invalid @enderror reset_password_email_input" name="email" value="{{ $email ?? old('email') }}" required autocomplete="email">

                  @error('email')
                      <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                      </span>
                  @enderror
                </div>
                <div class="mb-3">
                  <label for="password" >{{ __('Password') }}</label>
                  <input id="password" type="password" class="@error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="Password">

                  @error('password')
                      <span class="invalid-feedback" role="alert">
                          <strong>{{ $message }}</strong>
                      </span>
                  @enderror
                </div>
                <div class="mb-3">
                  <label for="password-confirm">{{ __('Confirm Password') }}</label>
                  <input id="password-confirm" type="password"  name="password_confirmation" required autocomplete="new-password" placeholder="Confirm Password">
                </div>        
                <button type="submit" class="btn form-control login-button">{{ __('Set Password') }}</button>
            </form>
          </div>
      </div>
  </div>
</div>
@endsection