@extends('layouts.frontend.app')
  @section('content')

  <style>
    .login-sigup {
    .container {
        min-height: 617px!important;
    }
}
  </style>

  <section class="login-sigup">
        <div class="container right-panel-active" id="container">
            <!-- Sign Up Form -->
            <div class="form-container sign-up-container">
              
                <form  class="dynamic-form" method="POST" action="{{ route('register.formStore') }}">
                    
                      <img src="{{ $logopath }}" width="70" height="70" alt="logo" class="mb-3">
                    <h1>Create Account 🚀</h1>
                  
                    <span>or use your email for registration</span>
                     @csrf
                    <input type="text" name="name" class="" placeholder="👤 Name">
                    <input type="email" name="email" class="" placeholder="📧 Email">
                    <input type="tel" name="phone" placeholder="📞 phone">
                    <div class="mb-3 position-relative" style='width:100%;'>
                        <input type="password" name="password" class="  pop-login-form-control toggle-password-input" id="password" placeholder="🔒 password">
                        <span class="fa toggle-password-icon fa-eye" style="position:absolute;     top: 27px; right:15px; cursor:pointer;"></span>
                    </div>
                    <!-- <input type="password" placeholder="🔒 Password" required /> -->
                     <button type="submit"  class="   fw-bold shadow-sm pop-login-btn text-white auth-form-btn">
                            SIGN UP
                            </button>
                </form>
            </div>
            <!-- Sign In Form -->
            <div class="form-container sign-in-container">
              
              
            </div>
            <!-- Overlay Container -->
            <div class="overlay-container">
                <div class="overlay">
                    <div class="overlay-panel overlay-left">
                        <h1>Welcome Back! 🎉</h1>
                        <p>To keep connected with us please login with your personal info</p>
                     <a href="{{ route('login.form') }}">    <button class="ghost" id="signIn">Sign In</button></a>
                    </div>
                    
                </div>
            </div>
        </div>
    </section>






  @endsection