<!-- begin:navbar -->
<div class="maintainEvent">
<nav id="top" class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-top">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/">
                <img src="img/mini_logo.png">
                <h4>{{userName}}'s page!</h4>
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-top">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/">Home</a></li>
                <li><a ng-href="/maintainUser{{userId}}">Maintain info</a></li>
                <li class="dropdown active">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">My events <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="/createEvent">Create new</a></li>
                        <li><a href="/maintainEvents">Maintain created</a></li><!--
                        <li><a href="category.html">Category (Grid View)</a></li>
                        <li><a href="category_list.html">Category (List View)</a></li>
                        <li><a href="single.html">Single page</a></li>-->
                    </ul>
                </li>
                <li><a ng-if="userId" ng-href="/myMessages{{userId}}">Messages<small class="alert alert-warning">{{countMsgs}}</small></a></li>
                <!--<li class="dropdown">-->
                    <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>-->
                    <!--<ul class="dropdown-menu">-->
                        <!--<li><a href="blog.html">Blog Archive</a></li>-->
                        <!--<li><a href="blog_single.html">Blog Single</a></li>-->
                        <!--<li><a href="about.html">About</a></li>-->
                        <!--<li><a href="contact.html">Contact</a></li>-->
                    <!--</ul>-->
                <!--</li>-->
                <li>
                    <button type="button" class="signin btn btn-warning" ng-click="signOut()">Sign out</button>
                </li>
                <!--<li><a href="/registerUser" class="signup" data-toggle="modal" data-target="#modal-signup">Sign up</a></li>-->
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container -->
</nav>
<!-- end:navbar -->

    <!--<h3 class="text-center">The list of created by you events:</h3>-->
    <!--<div class="list-group">-->
        <!--<div data-ng-repeat="event in info" class="dropdown">-->
            <!--<a href="" class="list-group-item list-group-item-success dropdown-toggle" data-toggle="dropdown" aria-expanded="true">-->
                <!--<span class="badge">{{event.party.length}}</span>-->
                <!--{{event.title}}-->
                <!--<span class="caret"></span>-->
            <!--</a>-->
            <!--<div class="dropdown-menu">-->
                <!--{{event}}-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->






<h2 class="text-center">You created events:</h2>
<div id="MainMenu">
    <div class="list-group panel">
        <ui-gmap-google-map options="optionsForMap" center="{latitude:40.866667,longitude:34.566667}" zoom="1" ng-cloak>
            <div data-ng-repeat="event in info">
                <ui-gmap-marker options="optionsMarker" coords="event.coords[0]" idkey="event._id" ng-cloak>
                    <ui-gmap-window
                            coords='event.coords[0]'
                            show='true'
                            >
                        <h5>Link: <a ng-href="/makeChangesEvent{{event._id}}">{{event.title}}</a></h5>



                    </ui-gmap-window>
                </ui-gmap-marker>
            </div>
        </ui-gmap-google-map>
    </div>

    <!-- begin:footer -->
    <div id="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="widget">
                        <h3>Support</h3>
                        <ul class="list-unstyled">
                            <li><span class="fa fa-skype"></span> Skype :  <span><a ng-href="skype:{{mySkype}}?chat">{{mySkype}}</a></span></li>
                            <li><span class="fa fa-envelope-o"></span> Email : <span><a href="mailto:{{myEmail}}">{{myEmail}}</a></span></li>
                        </ul>
                    </div>
                </div>
                <!-- break -->
                <div class="col-md-3 col-sm-6 col-xs-12 col-md-offset-3">
                    <div class="widget">
                        <h2>Enveti</h2>
                        <address>
                            {{myAddress}}
                        </address>
                    </div>
                </div>
                <!-- break -->
            </div>
            <!-- break -->















            <!-- begin:copyright -->
            <div class="row">
                <div class="col-md-12 copyright">
                    <p>Copyright &copy; 2014 UncoJet Ltd, All Right Reserved.</p>
                    <a  ng-click="scrollTo('top')" class="btn btn-warning scroltop"><i class="fa fa-angle-up"></i></a>
                    <ul class="list-inline social-links">
                        <li><a href="https://vk.com/public70183674" class="icon-twitter" rel="tooltip" title="" data-placement="bottom" data-original-title="VK"><i class="fa fa-vk"></i></a></li>
                        <li><a href="#" class="icon-facebook" rel="tooltip" title="" data-placement="bottom" data-original-title="Facebook"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#" class="icon-gplus" rel="tooltip" title="" data-placement="bottom" data-original-title="Gplus"><i class="fa fa-google-plus"></i></a></li>
                    </ul>
                </div>
            </div>
            <!-- end:copyright -->

        </div>
    </div>
    <!-- end:footer -->
</div>