<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <?php if(@$meta): ?>
	<title><?php if($meta['title']): ?><?=$meta['title']?><?php else: ?>{PAGE_TITLE} | {SITE_TITLE}<?php endif; ?></title>
	<meta name="description" content="<?php if($meta['desc']): ?><?=$meta['desc']?><?php else: ?>{SITE_DESC}<?php endif; ?>"/>
	<meta name="keywords" content="<?php if($meta['keyw']): ?><?=$meta['keyw']?><?php else: ?>{SITE_KEYW}<?php endif; ?>"/>	
	<?php else: ?>
	<title>{PAGE_TITLE} | {SITE_TITLE}</title>
	<meta name="description" content="{SITE_DESC}"/>
	<meta name="keywords" content="{SITE_KEYW}"/>
	<?php endif; ?>
    <link rel="shortcut icon" href="{SITE_FAVO}" />
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.13.0/css/all.css">
    <link href="<?=theme("assets/css/bootstrap.min.css");?>?v=<?=time()?>" rel="stylesheet">
    <link href="<?=theme("assets/css/main.min.css");?>?v=<?=time()?>" rel="stylesheet">
    <link rel="stylesheet" href="<?=public_url("system/css/alertify.css");?>">
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script type="text/javascript">
        var _url = "{LINK_POST}";
    </script>
    <?= htmlspecialchars_decode($settings['header_code']); ?>

</head>

<body style="overflow-y: hidden;">
    <!-- start body -->

    <div class="preloader">
        <!-- start preloader -->
        <div class="preloader-container">
            <svg version="1.1" id="L5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
                <circle fill="#675cda" stroke="none" cx="6" cy="50" r="6">
                    <animateTransform attributeName="transform" dur="1s" type="translate" values="0 15 ; 0 -15; 0 15" repeatCount="indefinite" begin="0.1" />
                </circle>
                <circle fill="#675cda" stroke="none" cx="30" cy="50" r="6">
                    <animateTransform attributeName="transform" dur="1s" type="translate" values="0 10 ; 0 -10; 0 10" repeatCount="indefinite" begin="0.2" />
                </circle>
                <circle fill="#675cda" stroke="none" cx="54" cy="50" r="6">
                    <animateTransform attributeName="transform" dur="1s" type="translate" values="0 5 ; 0 -5; 0 5" repeatCount="indefinite" begin="0.3" />
                </circle>
            </svg>
            <span>loading</span>
        </div>
    </div>
    <!-- end preloader -->
    <style type="text/css">
        ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
          color: white !important;
          opacity: 1; /* Firefox */
        }

        :-ms-input-placeholder { /* Internet Explorer 10-11 */
          color: white !important;
        }

        ::-ms-input-placeholder { /* Microsoft Edge */
          color: white !important;
        }        
    </style>
    <div class="auth-wrapper">
        <div class="auth-content">
            <div class="card">
                <div class="card-body text-center">
                    <form id="register" onsubmit="return false;">
                        <a class="auth-content-logo-header" href="../"><img src="{SITE_LOGO}" alt=""></a>
                        <h3 class="mb-4 auth-login-title">Hesap Oluştur<span>{SITE_TITLE} üyelikleri kesinlikle ücretsizdir. Size üyelik satmak isteyen kişilere itibar etmeyiniz.</span></h3>
                        <div class="input-group mb-3">
                            <input type="email" name="email" class="form-control" placeholder="E-Posta">
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" name="username" class="form-control" placeholder="Kullanıcı Adı">
                        </div>
                        <div class="input-group mb-3">
                            <input type="password" name="password" class="form-control" placeholder="Şifre">
                        </div>
                        <div class="input-group mb-3">
                            <input type="password" name="re_password" class="form-control" placeholder="Şifre (Tekrar)">
                        </div>
                        <div style="display: inline-flex;">
                            <div style="width: 50%;text-align: right;margin: 0 10px 0 0;" class="input-group mb-3">
                                <input type="text" name="first_name" class="form-control" placeholder="Ad">
                            </div>
                            <div style="width: 50%;text-align: right;margin: 0 0 0 10px;" class="input-group mb-3">
                                <input type="text" name="last_name" class="form-control" placeholder="Soyad">
                            </div>
                        </div>
                        <div class="input-group mb-3">
                            <input type="text" name="skype" class="form-control" id="phone" placeholder="Telefon Numarası">
                        </div>
                        {reCAPTCHA}
                        <button type="submit" class="btn btn-login-auth shadow-2 mb-4">Kayıt Ol</button>
                        <p class="mb-0 text-white-muted">Hesabın Var Mı? <a href="../">Giriş Yap</a></p>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <?= htmlspecialchars_decode($settings['footer_code']); ?>
    <script type="text/javascript">
        var messages = {UNKNOWN_ERROR:"{UNKNOWN_ERROR}", PROCESS_ERROR:"{PROCESS_ERROR}"};
    </script>
    <script src="<?=theme("assets/js/jquery.min.js");?>"></script>
    <script src="<?=theme("assets/js/popper.min.js");?>"></script>
    <script src="<?=theme("assets/js/bootstrap.min.js");?>"></script>
    <script src="<?=theme("assets/js/template-scripts.js");?>"></script>
    <script src="<?=theme("assets/js/flickity.pkgd.min.js");?>"></script>
    <script src="<?=theme("assets/owlcarousel/owl.carousel.min.js");?>"></script>
    <script src="<?=theme("assets/js/parallax.min.js");?>"></script>
    <script src="<?=theme("assets/js/mailchamp.js");?>"></script>
    <script src="<?=theme("assets/js/bootstrap.offcanvas.min.js");?>"></script>
    <script src="<?=theme("assets/js/jquery.touchSwipe.min.js");?>"></script>
	<script src="<?=theme("assets/js/particles-code.js");?>"></script>
	<script src="<?=theme("assets/js/particles.js");?>"></script>
	<script src="<?=theme("assets/js/smoothscroll.js");?>"></script>
    <script src="<?=public_url("system/js/bootstrap-datepicker.min.js");?>"></script>
    <script src="<?=public_url("system/js/alertify.js");?>?v=<?=time()?>"></script>
    <script src="<?=public_url("system/js/main.js");?>"></script>
    {INTEGRATIONS}
</body>

</html>