<!DOCTYPE html>
<html>
    <head>
        <title>{$smarty.const.LOGIN_ACCOUNTING_SOFTWARE}</title>
        <meta charset="utf-8">
        <!-- read and write any langs -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- Bootstrap -->
        <link href="{$path}/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <!-- Custom styles for project -->
        <link href="{$path}/assets/css/store.css" rel="stylesheet">
        {if $colortype == 0}
        <!-- white theme -->
        <link id="dark" href="" rel="stylesheet">
        {elseif $colortype == 2}
        <link id="dark" href="{$path}/assets/css/blue.css" rel="stylesheet">
        {else}
        <!-- black theme -->
        <link id="dark" href="{$path}/assets/css/default.css" rel="stylesheet">
        {/if}

        <!-- valadition -->
        <link href="{$path}/assets/css/validtextfield.css" rel="stylesheet">
        <link href="{$path}/assets/css/validselect.css" rel="stylesheet">
        <link href="{$path}/assets/css/validtextarea.css" rel="stylesheet">
        <script src="../../SpryAssets/SpryValidationSelect.js" type="text/javascript"></script>
        <link href="../../SpryAssets/SpryValidationSelect.css" rel="stylesheet" type="text/css">
    </head>
    <body class="usedfont back_login">
        <div class="bg-overlay bg-light"></div>
        <div class="container">

            <div class="row mgtop50 logintop">
                <!-- <h3 class="text-center" style="margin-bottom:15px;margin-right:50px">{$smarty.const.LOGIN_SIMPLE_ACCOUNTING}</h3> -->

                <div class="col-lg-5 col-lg-offset-4">
                    <img src="{$path}/images/elbaset0.png" width="150" style="margin-bottom: 30px;">

                    <div class="panel panel_login">
                        <div class="panel-heading loginpanel">
                            <h3 class="panel-title">{$smarty.const.LOGIN_SIGN_IN}</h3>
                        </div>
                        <form class="form-horizontal" action="login.php?do=en" method="post">
                            <div class="form-group">
                                <label for="username" class="col-lg-4 control-label">{$smarty.const.LOGIN_USERNAME}</label>
                                <div class="col-lg-8"> <span id="usernamevaild">
                                        <input type="text" class="form-control" id="username" name="username" placeholder="{$smarty.const.LOGIN_USERNAME}">
                                        <span class="textfieldRequiredMsg">*</span></span> </div>
                            </div>
                            <div class="form-group">
                                <label for="password" class="col-lg-4 control-label">{$smarty.const.LOGIN_PASSWORD}</label>
                                <div class="col-lg-8"> <span id="passwordvaild">
                                        <input type="password" class="form-control" id="password" name="password" placeholder="{$smarty.const.LOGIN_PASSWORD}">
                                        <span class="textfieldRequiredMsg">*</span></span> </div>
                            </div>

                            <div class="form-group">
                                <label class="col-lg-4 control-label">{$smarty.const.LOGIN_DATABASE}</label>
                                <div class="col-lg-8">
                                    <span id="spryselect1">
                                        <select name="db" id="db" class="select2 wdt100" placeholder="{$smarty.const.LOGIN_CHOOSE_DATABASE}">
                                            {assign var=bar value=1}
                                            {section name=i loop=$databases}

                                            <option value="{$databases[i]}" {if $bar == 1}selected="selected" {/if}>{$databases[i]}</option>

                                            {assign var=bar value=$bar+1}
                                            {/section}


                                        </select>
                                        <span class="selectRequiredMsg">*</span></span></div>
                            </div>

                            <div class="form-group">
                                <div class="col-lg-12">
                                    <button type="submit" class="btn btn-default pull-left submit color-white">{$smarty.const.LOGIN}</button>
                                </div>
                            </div>
                        </form>
                    </div>
                    <span class="help-block">{$smarty.const.LOGIN_GT4}</span> </div>
            </div>
        </div>

        <!-- JavaScript plugins (requires jQuery)
            <script src="http://code.jquery.com/jquery.js"></script>-->
        <script src="{$path}/assets/js/jquery.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="{$path}/assets/js/bootstrap.min.js"></script>

        <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
        <script src="{$path}/assets/js/respond.min.js"></script>

        <!-- valadition -->
        <script src="{$path}/assets/js/validtextfield.js"></script>
        <script src="{$path}/assets/js/validselect.js"></script>
        <script src="{$path}/assets/js/validtextarea.js"></script>
        <script type="text/javascript">
            var usernamevaild = new Spry.Widget.ValidationTextField("usernamevaild");
            var passwordvaild = new Spry.Widget.ValidationTextField("passwordvaild");
            var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1");
        </script>
    </body>
</html>