@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">
                    <div class="col-12 col-lg-12">
                        <div class="row justify-content-evenly 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('login.post') }}" method="POST">  
                                        @csrf
                                        <div class="form-group my-4">

                                            <label for="exampleInputEmail1">Email address</label>
                                            <input type="email" name="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" class="form-control login-input"
                                                    placeholder="Password" id="myInput" value="{{ old('password') }}">
                                                <i class="fa-sharp fa-solid fa-eye" onclick="mrxHide()"
                                                    id="mrx_eye_show" style="display: none;"></i>
                                                <i class="fa-solid fa-eye-slash" onclick="mrxHide()"
                                                    id="mrx_eye_hide" style="display: block;"></i>
                                            </div>

                                            @if($errors->has('password'))
                                                    <div class="error">{{ $errors->first('password') }}</div>
                                            @endif 

                                        </div>

                                        <div class="form-group mt-5 mb-2 text-center">
                                            <button type="submit"
                                                class="btn form-control btn-login"> Login </button>
                                            <div id="" class="small form-text"> Don’t have an account? <a
                                                    href="{{ url('user/signup') }}"> Register 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">
                                <div class="sec-content h-100 sec-content-border">
                                    <div class="cen pb-5">
                                        <div class="logo pb-5"><img src="https://fitkatiekarr.com/assets/front/images/foo-logo.png" class="img-fluid" alt="">
                                        </div>
                                        <h1>Login</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><a href="https://fansly.com/katiekarr/posts" target="_blank"> <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>
        </div>
    </div>
</section>

@endsection