@extends('front.layout.app')
@section('content')

<style>
    .banner-login .sec-content ul li {
    padding: unset;
    width: 40px;
    margin: 0px 5px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}
.banner-login .sec-content ul li a {
    color: unset;
    font-size: unset;
    transition: unset;
    margin: unset;
}
.banner-login .sec-content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
</style>

<main>
    <section class="banner-login">
        <div class="index-main-banner">
            <figure>
                <img class="img-fluid" src="{{ asset('assets/front/images/sign.jpg') }}" alt="">
            </figure>
            <div class="banner-content">
                <div class="container">

                    <div class="row justify-content-center gy-3">
                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 panel">
                            <div class="sec-content h-100">
                                <form action="{{ route('register.post') }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    
                                    <div class="form-group my-4">
                                        <label for="">Name</label>
                                        <input type="text" name="name" id="name" class="form-control" id="" aria-describedby="emailHelp"
                                            placeholder="Full Name" value="{{old('name')}}">
                                            @if($errors->has('name'))
                                                <div class="error">{{ $errors->first('name') }}</div>
                                            @endif    
                                    </div>

                                    <div class="form-group my-4">
                                        <label for="exampleInputEmail1">Email address</label>
                                        <input type="email" name="email" id="email" class="form-control" id="exampleInputEmail1"
                                            aria-describedby="emailHelp" placeholder="Enter email"  value="{{old('email')}}">
                                        @if($errors->has('email'))
                                            <div class="error">{{ $errors->first('email') }}</div>
                                        @endif   
                                    </div>
                                    
                                    <div class="form-group my-4">
                                        <label for="exampleInputPassword1">Password</label>
                                        <div class="input-box">
                                            <input type="password" name="password" id="password" class="form-control login-input passwordy"
                                                placeholder="Password" value="{{ old('password') }}">
                                            <i class="fa-sharp fa-solid fa-eye" onclick="mrxHidey()"
                                                id="mrx_eye_showy" style="display: none;"></i>
                                            <i class="fa-solid fa-eye-slash" onclick="mrxHidey()" id="mrx_eye_hidey"
                                                style="display:block;"></i>
                                        </div>  
                                        @if($errors->has('password'))
                                            <div class="error">{{ $errors->first('password') }}</div>
                                        @endif   
                                    </div>

                                    <div class="form-group my-4">
                                        <label for="exampleInputPassword1">Confirm Password</label>
                                        <div class="input-box">
                                            <input type="password" name="password_confirmation" id="password2" class="form-control login-input"
                                                placeholder="Password" value="{{old('password_confirmation')}}">
                                            <i class="fa-sharp fa-solid fa-eye" onclick="mrxHidez()"
                                                id="mrx_eye_showz" style="display: none;"></i>
                                            <i class="fa-solid fa-eye-slash" onclick="mrxHidez()" id="mrx_eye_hidez"
                                                style="display: block;"></i>
                                        </div>
                                        @if($errors->has('password_confirmation'))
                                            <div class="error">{{ $errors->first('password_confirmation') }}</div>
                                        @endif   
                                    </div>

                                    <div class="form-group mt-5 mb-2 text-center">
                                        <button type="submit" class="btn form-control btn-login">Create My
                                            Account</button>
                                        <div id="" class="small form-text">Already have an account? <a href="{{ url('user/login') }}">  Login Here</a> </div>
                                    </div>
                                </form>
                            </div>
                        </div>

                        <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6 panel"
                            style="display: grid; place-items: center;">
                            <div class="sec-content sec-content-border h-100" style="width: 100%; padding: 90px;">
                                <div class="cen">
                                    <div class="logo pb-5"><img src="https://fitkatiekarr.com/assets/front/images/foo-logo.png" class="img-fluid" alt="">
                                    </div>
                                    <h1>Sign up</h1>
                                    <p class="para">Welcome to Fit Katie Karr</p>
                                    <ul>
                                            <li> <a href="https://www.instagram.com/realkatiekarr/" target="_blank"> <img class="img-fluid" src="https://fitkatiekarr.com/assets/front/images/insta.png" alt="" style="">
                                            </a>
                                            </li>
                                            <li> <img class="img-fluid" src="https://fitkatiekarr.com/assets/front/images/fansly.png" alt="" style=""></a>
                                            </li>
                                            <li><a href="https://onlyfans.com/fitkatiekarr" target="_blank"><img class="img-fluid" src="https://fitkatiekarr.com/assets/front/images/only.png" alt="" style=""></a>
     <li>
    <a href="https://onlyfans.com/katiekarr_vip" target="_blank"> <img class="img-fluid" src="https://fitkatiekarr.com/assets/front/images/only.png" alt="" style=""></a>
        </li>
         <li>
    <a href="https://twitter.com/fitkatiekarr" target="_blank"> <img class="img-fluid" src="https://fitkatiekarr.com/assets/front/images/tweet.png" alt="" style=""></a>
                                            </li>
                                        </ul>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
</section>

@endsection