<div class="modal fade" id="loginModal" data-bs-backdrop="static" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title auth">Авторизацiя</h5>
                <h5 class="modal-title reg m-hide">Новий акаунт</h5>
                @isset ($is_auth)
                    <a class="btn-close" href="{{ route('home') }}" role="button"></a>
                @else
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрити"></button>
                @endisset
            </div>
            
            <div class="modal-body">
                
                <div class="b-social text-center">
                    <div class="row">
                        <a class="btn btn-google" href="{{ route('login.google') }}" role="button"><img src="https://img.icons8.com/color/16/000000/google-logo.png"> Sign in with Google</a>
                    </div>
                    <br>
                    <div class="row b-social_apple">
                        @signInWithApple("white", true, "sign-in", 10)
                    </div>
                    <br>
                    <div class="row">
                        <a class="btn btn-email" href="#" role="button">Продовжити за допомогою e-mail</a>
                    </div>
                </div>
                
                <div class="b-auth m-hide">

                    <div class="b-email contact text-center">
                        <form method="post" action="{{ route('login') }}" class="php-email-form" id="auth-form">
                            @csrf
                            <div class="form-group">
                                <input class="form-control" type="email" id="email_1" name="email" placeholder="Ваша електронна пошта" value="{{ old('email') }}">
                                <div class="messages"></div>
                            </div>
                            <div class="form-group">
                                <input class="form-control" type="password" id="password_1" name="password" placeholder="Пароль">
                                <div class="messages"></div>
                            </div>
                            <div class="form-group d-flex justify-content-between align-items-center">
                                <a class="soc-link" href="#">Назад</a>
                                <a class="reg-link" href="#">Новий акаунт</a>
                                <button type="submit" class="btn btn-primary">Увiйти</button>
                            </div>
                        </form>
                    </div>
                
                    <div class="b-reg contact text-center m-hide">
                        <form method="post" action="{{ route('register.store') }}" class="php-email-form" id="reg-form">
                            @csrf
                            <div class="form-group">
                                <input class="form-control" type="email" id="email_2" name="email" placeholder="Ваша електронна пошта" value="{{ old('email') }}">
                            </div>
                            <div class="form-group">
                                <input class="form-control" type="password" id="password_2" placeholder="Пароль" name="password">
                            </div>
                            <div class="form-group">
                                <input class="form-control" type="password" id="password_confirmation" name="password_confirmation" placeholder="Підтвердіть пароль">
                            </div>
                            <div class="form-group d-flex justify-content-between align-items-center">
                                <a class="soc-link2" href="#">Назад</a>
                                <a class="auth-link" href="#">Вже є акаунт</a>
                                <button type="submit">Зареєструватись</button>
                            </div>
                        </form>
                    </div>
                
                </div>
                    
            </div>
        </div>
    </div>
</div>

