<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>ورود</title>
        
        <!-- Fonts -->
        
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' rel='stylesheet' type='text/css'>
        
        <!-- Styles -->
        
        <link rel="stylesheet" href="<?php echo $app->asset('css/jquery.mCustomScrollbar.css') ?>" />
        <link rel="stylesheet" href="<?php echo $app->asset('css/main.css') ?>" />
        <link rel="stylesheet" href="<?php echo $app->asset('css/admin.css') ?>" />
        <link rel="stylesheet" href="<?php echo $app->asset('css/bootstrap.css') ?>" />
    </head>
    <body>
        <div id="customer-chat-widget" class="customer-chat customer-chat-login customer-chat-widget login-form">
            <div class="customer-chat-header">
                <div class="customer-chat-header-title">ورود</div>
            </div>
            
            <div id="customer-chat-content-login-form" class="customer-chat-content">
                <div class="customer-chat-content-info">
                    <?php if($vars['errors']) { ?>
                    <div class="customer-chat-login-errors">
                        آدرس ایمیل یا رمز عبور اشتباه است
                    </div>
                    <?php } else { ?>
                    برای ورود به مدیریت فرم زیر را تکمیل کنید
                    <?php } ?>
                </div>
                
                <form action="" method="post">
                    <div class="customer-chat-content-message-input">
                        <input id="name" type="text" name="name" value="<?php echo $vars['name'] ?>" class="customer-chat-content-message-input-field" placeholder="ایمیل شما" />
                    </div>
                    <div class="customer-chat-content-message-input">
                        <input type="password" name="password" class="customer-chat-content-message-input-field" placeholder="رمز عبور شما" />
                    </div>
                    <div class="customer-chat-content-row">
                        <button type="submit" id="customer-chat-login-start" class="customer-chat-content-button">ورود <i class="icon-circle-arrow-right icon-white" style="margin: 3px 0 0 3px;"></i></button>
                    </div>
                </form>
				
				<div class="customer-chat-content-info">
                    فارسی سازی و بهینه سازی اسکریپت: <a href="http://www.persianscript.ir/" target="_blank">پرشین اسکریپت</a>
                </div>
            </div>
        </div>
        
        <!-- Scripts -->
        
        <script type="text/javascript" src="<?php echo $app->asset('js/lib/jquery.min.js') ?>"></script>
        
        <script type="text/javascript">
            jQuery(function($)
            {
                // Activate the first input
                
                $('#name').focus();
            });
        </script>
        <!--[if lte IE 9]>
        <script type="text/javascript" src="<?php echo $app->asset('js/lib/placeholders.jquery.min.js') ?>"></script>
        <![endif]-->
    </body>
</html>
