<%-include("./partials/authheader.ejs") %>
<div class="">
    <main class="w-100 p-0">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 p-0">
                    <div class="login-form-container">
                        <div class="mb-4">
                            <a class="logo" href="index.html">
                                <img alt="#" src="/logo.png" class="w-100 h-100">
                            </a>
                        </div>
                        <div class="form_container">
                            <form class="app-form" method="post" action="/register" enctype="multipart/form-data" onsubmit="sendAjax(this);return false">
                                <div class="mb-3 text-center">
                                    <h3>Yeni hesap oluşturun</h3>
                                    <p>
                                        EkoEtki; bireylerin doğaya yönelik tutumlarını objektif kriterlerle analiz eden ve çevresel farkındalığı dijital bir 'Doğa Puanı' ile somutlaştıran yenilikçi bir davranış ölçümleme sistemidir.
                                    </p>
                                </div>
                                <div class="mt-1">
                                    <span class="text-danger" id="validationError"></span>
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">İsminiz</label>
                                    <input class="form-control" placeholder="İsminizi giriniz" type="text" required name="name" autocomplete="given-name">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Soyisminiz</label>
                                    <input class="form-control" placeholder="İsminizi giriniz" type="text" name="surname" autocomplete="family-name">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">E-Posta Adresiniz</label>
                                    <input class="form-control" placeholder="E-Posta Adresiniz" type="email" required name="email" autocomplete="email">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Şifreniz</label>
                                    <input class="form-control" placeholder="Şifreniz" type="password" min="6" max="20" required name="password" autocomplete="new-password">
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Şifreniz (tekrar)</label>
                                    <input class="form-control" placeholder="Şifreniz" type="password" min="6" max="20" required name="passwordverif" autocomplete="new-password">
                                </div>
                                <div>
                                    <button class="btn btn-primary w-100" type="submit">Kayıt Ol</button>
                                    <a class="btn btn-primary w-100 mt-1" href="/login" role="button">Giriş Yap</a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
</div>
<script src="/app/register.js"></script>
<script src="/assets/vendor/block-ui/jquery.blockUI.js"></script>
<%-include("./partials/authfooter.ejs") %>