<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Shkolo</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="msapplication-config" content="none"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <meta name="csrf-token" content="xDWTqPbDLSO950xXKeq8mxCkgUfgKWACeX7AIREH" />
        <meta name="theme-color" content="#2D5F8B" />
        <meta name="apple-mobile-web-app-status-bar-style" content="#2D5F8B">
        <meta name="cdn-url" content="https://app.shkolo.bg" />
        <meta content="SHKOLO LTD." name="author"/>
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/>
        <link href="https://app.shkolo.bg/css/login.css?v=4.0.0" rel="stylesheet" type="text/css"/>
        <link href="https://app.shkolo.bg/css/external/intlTelInput.css" rel="stylesheet" type="text/css"/>
                        <link rel="shortcut icon" href="https://app.shkolo.bg/img/favicon.ico"/>
        <link rel="manifest" href="https://app.shkolo.bg/manifest.json" />
        <link rel="apple-touch-icon" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon.png" />
        <link rel="apple-touch-icon" sizes="57x57" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon" sizes="72x72" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon" sizes="76x76" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-76x76.png" />
        <link rel="apple-touch-icon" sizes="114x114" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-114x114.png" />
        <link rel="apple-touch-icon" sizes="120x120" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-120x120.png" />
        <link rel="apple-touch-icon" sizes="144x144" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-144x144.png" />
        <link rel="apple-touch-icon" sizes="152x152" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-152x152.png" />
        <link rel="apple-touch-icon" sizes="180x180" href="https://app.shkolo.bg/img/appletouchicons/apple-touch-icon-180x180.png" />
        <script async src="https://app.shkolo.bg/js/common/cookie-consent.js?v=4.0.0" type="text/javascript"></script>
    </head>
    <body class="login">
        <div class="logo">
            <a href="/">
                                    <img src="https://app.shkolo.bg/img/logo.png" style="max-width: 200px;height:30px;" alt="Shkolo Ltd."/>
                            </a>
        </div>
            <div class="support-box text-center">
    <div class="support-text hidden-xs">При технически проблем:</div>
    <div>
        <a href="tel:+359999996995" class="phone-label label"><i class="fas fa-phone"></i> 0999 996 995</a>
    </div>
    <div class="support-text work-time hidden-xs">Работно време: 09:00 - 18:00 часа</div>
    <div class="support-text work-time hidden-xs margin-top-10"><a href="https://www.shkolo.bg/blog/help/" class="btn btn-xs btn-custom-primary">Ръководство на потребителя</a></div>
    </div>    <div class="content auth-tabs-content">
        <ul class="auth-tabs nav nav-tabs">
            <li class="text-center active">
                <a href="#login-tab" data-value="login-tab" data-toggle="tab">ВХОД </a>
            </li>
                            <li class="text-center">
                    <a href="#register-tab" data-value="register-tab" data-toggle="tab">РЕГИСТРАЦИЯ </a>
                </li>
                    </ul>
        <div class="tab-content">
            <div class="tab-pane fade active in" id="login-tab">
                <form class="login-form" action="/auth/login" method="post" novalidate="novalidate">
                    <input type="hidden" name="_token" value="xDWTqPbDLSO950xXKeq8mxCkgUfgKWACeX7AIREH">
                                                            <div class="form-group">
                        <div class="input-icon">
                            <i class="fas fa-user"></i>
                            <input id="login-username" class="form-control placeholder" type="text"
                                   autocomplete="off" placeholder="Имейл или потребителско име" name="login"
                                   value=""/>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-icon">
                            <i class="fas fa-lock"></i>
                            <i class="fas fa-eye showPass" data-for="passwordField"></i>
                            <input class="form-control placeholder" type="password" autocomplete="off"
                                   placeholder="Парола" name="password" id="passwordField"/>
                        </div>
                    </div>
                    <div class="form-actions" style="padding-bottom: 10px;">
                        <button class="btn btn-lg btn-block uppercase btn-success">ВХОД</button>
                    </div>
                    <div class="form-actions">
                        <div class="pull-left">
                            <input class="remembermeCbx" type="checkbox" name="remember" value="1">
                            <label class="rememberme" style="font-size: 13px; font-style:italic;">Запомни ме</label>
                        </div>
                        <div class="pull-right forget-password-block">
                            <a href="/password/reset/" class="forget-password"
                               style="font-size: 13px; font-style:italic;">Забравена парола</a>
                        </div>
                    </div>
                    <span class="or-login-text">
                        <h4 class="text-center"><span>ИЛИ</span></h4>
                    </span>
                    <div class="login-options text-center clearfix">
    <ul class="clearfix text-center">
        <li class="pull-left">
            <a class="social-btn windows" href="/login/microsoft" name="Office 365" title="Office 365">
                <i>
                    <span style="background: #f25022;"></span>
                    <span style="background: #7fba00;"></span>
                    <span style="background: #00a4ef;"></span>
                    <span style="background: #ffb900;"></span>
                </i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn facebook" href="/login/facebook" name="Facebook" title="Facebook" >
                <i class="fab fa-facebook-square"></i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn google" href="/login/google" name="Google" title="Google" >
                <i class="fab fa-google"></i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn windows" style="padding:5px" href="/login/mon" name="Edu.mon.bg" title="МОН">
                <img style="max-width:36px;" src="/img/mon.png"></a>
        </li>
    </ul>
</div>
                </form>
            </div>
                            <div class="tab-pane fade" id="register-tab">
                    <form class="login-form" action="/register" method="post" novalidate="novalidate" id="formEnterPhone">
            <input type="hidden" name="_token" value="xDWTqPbDLSO950xXKeq8mxCkgUfgKWACeX7AIREH">
    <p class="text-justify" style="color:white;font-size: 15px;">
        Въведете вашия GSM номер. Ще получите 6-цифрен код, който трябва да използвате на следващата стъпка. Кодът е
        валиден <strong><u>60 мин</u></strong>. Ако вече имате код, може да използвате него.
    </p>
    <div class="form-group" style="display: table;margin: 15px auto;">
        <input type="tel" name="phone" class="form-control placeholder" placeholder="888 123 456" id="phone_num_prefix"
               style="height: 34px;background-color: #fff;border: 1px solid #ccc;color:#555;"/>
        <input id="new_phone_full_hidden" name="new_phone_full" type="hidden">
    </div>
    <div class="form-actions" style="padding-top: 13px;padding-bottom: 10px;">
        <button type="submit" class="btn btn-lg btn-block btn-success uppercase ">
            Напред</button>
    </div>
    <span class="or-login-text">
            <h4 class="text-center"><span>ИЛИ</span></h4>
        </span>
    <div class="login-options text-center clearfix">
    <ul class="clearfix text-center">
        <li class="pull-left">
            <a class="social-btn windows" href="/login/microsoft" name="Office 365" title="Office 365">
                <i>
                    <span style="background: #f25022;"></span>
                    <span style="background: #7fba00;"></span>
                    <span style="background: #00a4ef;"></span>
                    <span style="background: #ffb900;"></span>
                </i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn facebook" href="/login/facebook" name="Facebook" title="Facebook" >
                <i class="fab fa-facebook-square"></i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn google" href="/login/google" name="Google" title="Google" >
                <i class="fab fa-google"></i>
            </a>
        </li>
        <li class="pull-left">
            <a class="social-btn windows" style="padding:5px" href="/login/mon" name="Edu.mon.bg" title="МОН">
                <img style="max-width:36px;" src="/img/mon.png"></a>
        </li>
    </ul>
</div>
</form>
                </div>
                    </div>
    </div>
        <script src="https://app.shkolo.bg/js/external/jquery.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/jquery-migrate.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/app.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/bootstrap.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/intlTelInput.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/common/utils.js?v=4.0.1" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/jquery.validate.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/common/jquery.validate.custom.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/sentry-browser.min.js?v=4.0.0"></script>
        <script src="https://app.shkolo.bg/js/external/toastr.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/jquery.pulsate.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/common/pulsate.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/common/login.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/jquery.sessionTimeout.min.js?v=4.0.0" type="text/javascript"></script>
        <script src="https://app.shkolo.bg/js/external/client.min.js?v=4.0.0"></script>
        <script>
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                cache: false
            });
            utils.initPhoneNumSelector();
            $.sessionTimeout({
                redirUrl: window.location.href ,
                warnAfter: 3540000, 
                redirAfter: 3600000 
            });
            $('#sessionTimeout-dialog').remove(); 
        </script>
                    <script src="https://app.shkolo.bg/js/common/fingerprint.js?v=4.0.2" type="text/javascript"></script>
                <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', "UA-90745728-1", 'auto');
    ga('set', 'anonymizeIp', true);
    ga('send', 'pageview');
</script>
        <script>
        if ('serviceWorker' in navigator) {
            navigator.serviceWorker.getRegistrations().then(function (registration) {
                
                if (registration.length) {
                    registration.unregister();
                }
            });
        }
        </script>
                            </body>
</html>