@extends('layouts.main-layout')

@section('title')
    {{ config('app.name') }}
@endsection

@section('content')
<div class="container text-center">
    <div class="row justify-content-center">
        <div class="col-lg-5 mt-5 border login-form animate__animated animate__fadeIn">
            <div class="p-5">
                <h1>
                    <i class="fa fa-plus-square fa-3x text-danger"></i>
                    <br>
                    {{ config('app.name') }}
                </h1>
                <br>
                <form method="POST" id="loginForm">
                    @csrf
                    <div class="group-form">
                        <label class="form-label">Unesite vašu email adresu za prijavu</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-envelope-o text-white"></i>
                            </span>
                            <input type="email" name="login_email" class="form-control border" placeholder="office@abc.co.com" required>
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite lozinku</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="ti-lock text-white"></i>
                            </span>
                            <input type="password" name="login_password" class="form-control border" placeholder="Password" required autocomplete="off">
                        </div>
                    </div>
                    <br>
                    <input type="submit" value="Prijavi se" name="login_btn" class="btn btn-primary form-control">
                    <br><br>
                    <p><a href="#" class="text-primary forgot-password-form-btn">Zaboravljena lozinka?</a></p>
                </form>
            </div>
            <br>
            <div class="col-lg-12 p-3">
                <p>Nemate nalog? <a href="#" class="text-primary register-form-btn">Registruj te se</a></p>
            </div>
        </div>

        <div class="col-lg-7 mt-5 border register-form animate__animated animate__fadeIn d-none">
            <div class="p-5">
                <h1>
                    <i class="fa fa-plus-square fa-3x text-danger"></i>
                    <br>
                    PromoPharma
                </h1>
                <br>
                <form method="POST" id="registrationForm">
                    @csrf
                    <div class="group-form">
                        <label class="form-label">Unesite vaše ime</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-user-circle text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="Abc Co." name="register_name" required minlength="3">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite vašu email adresu</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-envelope-o text-white"></i>
                            </span>
                            <input type="email" class="form-control border" placeholder="office@abc.co.com" name="register_email" required>
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite vaš broj telefona</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-phone-square text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="+38166111000" name="register_phoneNumber" required>
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite vašu adresu</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-globe text-white"></i>
                            </span>
                            <input type="text" class="form-control border" placeholder="New Street 123" name="register_address" required minlength="3">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite link od vaše web stranice (Opciono)</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-external-link text-white"></i>
                            </span>
                            <input type="url" class="form-control border" placeholder="https://example.com" name="register_website">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Unesite vašu lozinku</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="ti-lock text-white"></i>
                            </span>
                            <input type="password" class="form-control border" placeholder="Password" name="register_password" required minlength="6" autocomplete="off">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label">Potvrdite vašu lozinku</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="ti-lock text-white"></i>
                            </span>
                            <input type="password" class="form-control border" placeholder="Password" name="register_password_confirmation" minlength="6" required autocomplete="off">
                        </div>
                    </div>
                    <div class="group-form">
                        <label class="form-label mb-3">Registrujete se kao</label>
                        <div class="form-check">
                            <input class="form-check-input float-none" type="radio" value="apoteka" name="register_as">
                            <label class="form-check-label">
                                Apoteka
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input float-none" type="radio" value="farmaceutska_kuca" name="register_as">
                            <label class="form-check-label">
                                Farmaceutska Kuća
                            </label>
                        </div>
                    </div>
                    <br>
                    <input type="submit" value="Registruj se" name="register_btn" class="btn btn-primary form-control" id="subimt_registration_btn">
                </form>
            </div>
            <br>
            <div class="col-lg-12 p-3">
                <p>Već imate postojeći nalog? <a href="#" class="text-primary login-form-btn">Prijavite se</a></p>
            </div>
        </div>

        <div class="col-lg-5 mt-5 border forgot-password-form animate__animated animate__fadeIn d-none">
            <div class="p-5">
                <h1>
                    <i class="fa fa-plus-square fa-3x text-danger"></i>
                    <br>
                    PromoPharma
                </h1>
                <br>
                <form action="" method="POST">
                    <div class="group-form">
                        <label class="form-label">Unesite vašu email adresu za povraćaj šifre</label>
                        <div class="input-group">
                            <span class="input-group-text bg_primary">
                                <i class="fa fa-envelope-o text-white"></i>
                            </span>
                            <input type="email" name="forgot_password_email" class="form-control border" placeholder="john.doe@example.com" required>
                        </div>
                    </div>
                    <input type="submit" value="Resetuj lozinku" name="forgot_password_btn" class="btn btn-primary form-control">
                </form>
            </div>
            <div class="col-lg-12 p-3">
                <p><a href="#" class="text-primary back-to-login-form">Vrati se na prijavu</a></p>
            </div>
        </div>
    </div>
    <br>
    <div class="row justify-content-center">
        <footer class="footerLogReg">
            <div class="col-lg-12">
                <p>©<span class="year">2022</span> PromoPharma</p>
            </div>
        </footer>
    </div>
</div>

<script src="{{ noCache(URL::asset('assets/js/pages/index.js')) }}"></script>
@endsection