<!--Main Content Start-->
<div class="main-content p80">
    <div class="my-account">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-5">
                    <form action="{{ route('login') }}" method="post">
                        @csrf

                        <div class="login-account" id="signin">
                            <p>Already A Member?</p>
                            <h4>Login Account</h4>
                            <ul>
                                <li>
                                    <input id="email" type="email" placeholder="Enter "
                                           class="linput @error('email') is-invalid @enderror" name="email"
                                           value="{{ old('email') }}" required autocomplete="email">

                                    @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                    @enderror
                                </li>
                                <li>
                                    <input type="Password" placeholder="Enter Password" class="linput">
                                </li>
                                <li>
                                    <input type="checkbox"> Remember Me <a class="pull-right" href="#">Forgot
                                        Password?</a>
                                </li>
                                <li>
                                    <input value="Login Account" type="submit">
                                </li>
                            </ul>
                        </div>

                    </form>
                </div>

                <div class="col-md-8 col-sm-7">
                    <div class="row">
                        <form action="{{ route('register') }}" method="posts">

                            <div class="register-account" id="signup">
                                <ul>
                                    <li class="col-md-12">
                                        <p>Going to Be A New User</p>
                                        <h4>Register Your Account!</h4>
                                    </li>
                                    <li class="col-md-6">
                                        <input id="name" type="text" placeholder="Enter name"
                                               class="linput @error('name') is-invalid @enderror" name="name"
                                               value="{{ old('name') }}" required autocomplete="name" autofocus>

                                        @error('name')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </li>
                                    <li class="col-md-6">
                                        <input id="email" type="email" placeholder="Enter "
                                               class="linput @error('email') is-invalid @enderror" name="email"
                                               value="{{ old('email') }}" required autocomplete="email">

                                        @error('email')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </li>
                                    <li class="col-md-6">
                                        <input id="email" type="phone" placeholder="Enter phone"
                                               class="linput @error('phone') is-invalid @enderror" name="phone"
                                               value="{{ old('phone') }}" required autocomplete="phone">

                                        @error('phone')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </li>
                                    <li class="col-md-6">
                                        <input id="location" type="location" placeholder="Enter location"
                                               class="linput @error('location') is-invalid @enderror" name="location"
                                               value="{{ old('location') }}" required autocomplete="location">

                                        @error('location')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </li>
                                    <li class="col-md-6">
                                        <input id="password" type="password" placeholder="Enter password"
                                               class="linput @error('password') is-invalid @enderror" name="password"
                                               required autocomplete="new-password">

                                        @error('password')
                                        <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                        @enderror
                                    </li>
                                    <li class="col-md-6">
                                        <input id="password-confirm" type="password" placeholder="Confirm Password "
                                               class="linput" name="password_confirmation" required
                                               autocomplete="new-password">
                                    </li>
                                    <li class="col-md-12">
                                        <input type="checkbox" id="terms"> I agree to the Terms of <a href="#">Service
                                            &amp; Privacy Policy</a>
                                    </li>
                                    <li class="col-md-12">
                                        <input value="Register Now" type="submit">
                                    </li>
                                </ul>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Main Content End-->
