<div ng-controller="loginController">
    
    <div id="myCarousel" class="carousel container slide" ng-init="imagebkgloginPage();">

        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" ng-repeat="img1 in images" data-slide-to="{{$index}}" ng-if="$index == 0" class="active"></li>
            <li data-target="#myCarousel" ng-repeat="img1 in images" data-slide-to="{{$index}}" ng-if="$index > 0"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner">

            <div class="item active" ng-repeat="img in images" ng-if="$index == 0">
                <div class="fill" style="background-image: url('{{img}}');"></div>
            </div>
            <div class="item" ng-repeat="img in images">
                <div class="fill" style="background-image: url('{{img}}');"></div>
            </div>

        </div>
    </div>


    <div class="wrapper" style="">

        <div class="">
            <div class="row">
                <div class="col-md-12 ">
                    <p class="pull-left">
                        <a href="http://www.inovar-mais.pt" target="_blank" title="Visitar o nosso Website..."><img src="../app/images/t.png" border="0" class="img-responsive" width="100" height="100" /></a>
                    </p>
                    <p class="pull-right tit">Inovar Inventário</p>
                </div>
            </div>
            <div class="row" ng-init="">
                <!--<div ng-repeat="not in noticias">
                    <div class="col-md-4 ">
                        <div class="offer offer-radius offer-warning" style="color: #2783a0; ">
                            <div class="shape">
                                <div class="shape-text" style="color: #2783a0;">News</div>
                            </div>
                            <div class="offer-content">
                                <h3 class="lead">
                                    {{not.Titulo}}
                                </h3>
                                <p>
                                    {{not.Descricao}}
                                </p>
                                <p class="pull-left">
                                    <small>Colocada em:</small><small style="color:red;">{{not.Data}}</small>
                                </p>
                                <p class="pull-right" ng-if="not.Fonte != ''">
                                    <small>Fonte:</small><small style="color:red;"> {{not.Fonte}} - {{not.UrlFonte}}</small>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>-->
                <div>
                    <div class="col-md-4 "></div>
                    <div class="col-md-4 "></div>
                </div>

                <div class="col-md-4">

                    <div class="panel" style="margin-top: 15px; border-radius: 10px; box-shadow:2px 2px 2px #888">
                        <div class="panel-heading" style="background-color: none; color: #2783a0; border-radius: 25px; ">
                            <span class="glyphicon glyphicon-lock"></span> Entrar
                        </div>
                        <div class="panel-body">
                            <form class="form-horizontal" role="form">

                                <div style="margin-bottom: 25px" class="input-group">
                                    <span class="input-group-addon" style="background-color: none;"><i class="glyphicon glyphicon-user" style="color: #2783a0; "></i></span>
                                    <input style="color: #006eb1;" ng-model="user.Login" id="login-username" type="text" class="form-control" name="username" placeholder="Username" autofocus />
                                </div>

                                <div style="margin-bottom: 25px; " class="input-group">
                                    <span class="input-group-addon " style="background-color: none;"><i class="glyphicon glyphicon-lock" style="color: #2783a0;"></i></span>
                                    <input style="color: #006eb1;" id="login-password" ng-model="user.Password" type="password" class="form-control" name="password" placeholder="Password" />
                                </div>


                                <div class="input-group pull-right ">
                                    <button type="submit" class="btn btn-sm" style="background-color: none; color: #2783a0;" ng-click="submit();">
                                        <i class="fa fa-sign-in"></i>  Sign in
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>

                <div class="row" style="padding:2%;">

                    <div class="col-md-12" style="margin-top: 25px; border-top: 1px solid #2783a0; " ng-show="true">

                        <p class="pull-left">
                            <ul class=" list-unstyled list-inline list-social-icons" style="margin-top: 25px;">
                                <li class="tooltip-social facebook-link"><a style="color: #2783a0;" href="#facebook-page" data-toggle="tooltip" data-placement="top" title="Facebook"><i class="fa fa-facebook-square fa-2x"></i></a></li>
                                <li class="tooltip-social linkedin-link"><a style="color: #2783a0;" href="#linkedin-company-page" data-toggle="tooltip" data-placement="top" title="LinkedIn"><i class="fa fa-linkedin-square fa-2x"></i></a></li>
                                <li class="tooltip-social twitter-link"><a style="color: #2783a0;" href="#twitter-profile" data-toggle="tooltip" data-placement="top" title="Twitter"><i class="fa fa-twitter-square fa-2x"></i></a></li>
                                <li class="tooltip-social google-plus-link"><a style="color: #2783a0;" href="#google-plus-page" data-toggle="tooltip" data-placement="top" title="Google+"><i class="fa fa-google-plus-square fa-2x"></i></a></li>
                                <!--<li><a href="https://maps.google.pt/maps?q=Carrazeda+de+Ansi%C3%A3es&hl=pt-PT&ie=UTF8&sll=40.679482,-8.4366&sspn=1.989158,4.056702&oq=carrazeda+&hnear=Carrazeda+de+Ansi%C3%A3es&t=m&z=14" target="_blank" title="ver localização..."><i class="fa fa-globe fa-2x" style="color: #2783a0;"></i> </a></li>-->
                            </ul>
                        </p>
                        <div class="row">
                            <div class="col-md-12" style="color: #2783a0;" ng-controller="escolaController" ng-init="carregarEscola()">

                                <p>
                                    {{info.NomeEscola}}<br />{{info.Morada}}<br />

                                    {{info.Telefone}} {{info.FAX}}<br />
                                    <i class="fa fa-envelope-o"></i> <abbr title="Email"></abbr> <a style="color: #2783a0; font-weight: bold;" href="mailto:{{info.EMail}}">{{info.EMail}}</a>
                                </p>
                                <p class="pull-right"><span>Todos os direitos reservados &copy; Inovar+ 2014</span>
                                    <span id="versaoProg"></span>
                                </p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

        </div>

    </div>
</div>
<script>
    var str = document.title.split(" ");
    var v = "";
    if (str.length == 0)
        v = "";
    var p = str[str.length - 1];
    
    if (p.length > 1 && p.charAt(0) == "v" && p.split(".").length > 1)
    {
        v = p;
    }

    $("#versaoProg").html(v);
</script>
