@extends('pages.frontend.layout.index')
@section('content')
<style>
    .error{
        color: red;
    }
</style>
    <!-- Normal Breadcrumb Begin -->
    <section class="normal-breadcrumb set-bg" data-setbg="{{asset('assets/frontend/img/normal-breadcrumb.jpg')}}">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="normal__breadcrumb__text">
                        <h2>Sign Up</h2>
                        <p>Welcome to the official Anime blog.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Normal Breadcrumb End -->

    <!-- Signup Section Begin -->
    <section class="signup spad">
        <div class="container">
            <div class="row">
                <div class="col-lg-6">
                    <div class="login__form">
                        <h3>Sign Up</h3>
                        <form data="{{ route('frontend_signup') }}" method="POST" class="form" id="formdata">
                            @csrf
                            <div class="input__item">
                                <input type="text" name="name" id="name" autocomplete="true" placeholder="Your Name">
                                <span class="icon_profile"></span>
                                <p class="error"></p>
                            </div>
                            <div class="input__item">
                                <input type="email" name="email" id="email" autocomplete="true" placeholder="Email address">
                                <span class="icon_mail"></span>
                                <p class="error"></p>
                            </div>
                            <div class="input__item">
                                <input type="password" name="password" id="password" placeholder="Password">
                                <span class="icon_lock"></span>
                                <p class="error"></p>
                                <!-- <h6 class="color:white !important;">Use 8 or more characters with a mix of letters, numbers & symbols.</h6> -->
                            </div>
                            <div class="input__item">
                                <input type="password" name="password_confirmation" placeholder="Confirm Password">
                                <span class="icon_lock"></span>
                                <p class="error"></p>
                            </div>
                            <button type="submit" class="site-btn">Register Now</button>
                        </form>
                        <h5>Already have an account? <a href="{{route('custom_login')}}">Log In!</a></h5>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="login__social__links">
                        <h3>Login With:</h3>
                        <ul>
                            <li><a href="#" class="facebook"><i class="fa fa-facebook"></i> Sign in With Facebook</a>
                            </li>
                            <li><a href="#" class="google"><i class="fa fa-google"></i> Sign in With Google</a></li>
                            <li><a href="#" class="twitter"><i class="fa fa-twitter"></i> Sign in With Twitter</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Signup Section End -->

    
<script>
    $(document).ready(function() {
        // Form Submit 
        $('#formdata').on('submit', function(e) {
            e.preventDefault();
            formSubmitData($(this), "{{ route('custom_login') }}");
        });
    });
</script>
@endsection