<div ng-app="ulakbus.dashboard" class="dashboard">
    <div class="starter-template">
        
        <div class="dashboard-main-search clearfix">
        	<div class="dashboard-student-search" data-step="2"
                 data-intro="isim veya tcno ile öğrenci araması yapabilirsiniz.">
            	<center>
                	<h3>ÖĞRENCİ</h3>
                	<input type="text" placeholder="Öğrenci ara" ng-model="student_kw" ng-keyup="search('ogrenci')">
                    <span class="fa fa-search" ng-click="search('ogrenci')"></span>
                 </center>
                 <div class="dashboard-search-results">
                 	<ul ng-if="students.length > 0">
                    	<li ng-repeat="student in students">
                            <a href="javascript:void(0)" ng-click="select(student, 'ogrenci')">{{student[0]}}</a>
                        </li>
                    </ul>
                 </div>
                 <!-- end of dashboard-student-search-results -->
            </div>
            <!-- end of dashboard-student-search -->
            <div class="dashboard-personnel-search" data-step="3"
                 data-intro="isim veya tcno ile personel araması yapabilirsiniz.">
            	<center>
                	<h3>PERSONEL</h3>
                	<input type="text" placeholder="Personel ara" ng-model="staff_kw" ng-keyup="search('personel')">
                    <span class="fa fa-search" ng-click="search('personel')"></span>
                </center>
                <div class="dashboard-search-results">
                 	<ul ng-if="staffs.length > 0">
                    	<li ng-repeat="staff in staffs">
                            <a href="javascript:void(0)" ng-click="select(staff, 'personel')">{{staff[0]}}</a>
                        </li>
                    </ul>
                 </div>
                 <!-- end of dashboard-personnel-search-results -->
            </div>
            <!-- end of dashboard-personnel-search -->
        </div>
		<!-- end of dashboard-main-search -->
        
		<div class="right-sidebar">

        	<div class="right-sidebar-box" data-step="4"
                 data-intro="mesajlar, yapılan görevlerin son durumları, duyurular ve son yapılan işlemleri buradan takip edebilirsiniz.">
            	<div class="right-sidebar-messages">

                	<div class="right-sidebar-title clearfix">
                		<h3>Mesajlar</h3>
                        <span><a href="javascript:void(0)">Tüm Mesajlar</a></span>
                    </div>
                    <!-- end of right-sidebar-title -->

                    <div class="right-sidebar-message-block" ng-repeat="notify in notifications[2] | limitTo:5">
                    	<a class="clearfix" href="javascript:void(0)" ng-click="markAsRead(notify)">
                            <img src="../../../img/sample-profile-pic.jpg">
                            <div class="right-sidebar-message-content">
                                <div>{{notify.title}}</div>
                                <div>{{notify.body}}</div>
                                <div>16:05</div>
                            </div>
                            <!-- end of right-sidebar-message-content -->
                        </a>
                    </div>
                    <!-- end of right-sidebar-message-block -->

                </div>
                <!-- end of right-sidebar-messages -->
            </div>
            <!-- end of right-sidebar-box -->


            <div class="right-sidebar-box">
            	<div class="right-sidebar-tasks">

                	<div class="right-sidebar-title clearfix">
                		<h3>Görevler</h3>
                        <span><a href="javascript:void(0)">Tüm Görevler</a></span>
                    </div>

                    <div class="right-sidebar-task-block">
                    	<!--<div class="task-type">Onay Bekleyen Görevler</div>-->
                        <a href="javascript:void(0)" ng-click="markAsRead(notify)" ng-repeat="notify in notifications[1] | limitTo:5">
                            <div class="task-title">{{notify.title}}</div>
                        </a>
                    </div>
                    <!-- end of right-sidebar-task-block -->

                </div>
                <!-- end of right-sidebar-tasks -->
            </div>
            <!-- end of right-sidebar-box -->


            <div class="right-sidebar-box">
            	<div class="right-sidebar-announcements">

                	<div class="right-sidebar-title clearfix">
                		<h3>Duyurular</h3>
                        <span><a href="javascript:void(0)">Tüm Duyurular</a></span>
                    </div>
                    <!-- end of right-sidebar-title -->

                    <div class="right-sidebar-announcement-block">
                        <a href="javascript:void(0)" ng-click="markAsRead(notify)"
                           ng-repeat="notify in notifications[3] | limitTo:5">{{notify
                            .body}}</a>
                    </div>
                    <!-- end of right-sidebar-status-block -->

                </div>
                <!-- end of right-sidebar-status -->
            </div>
            <!-- end of right-sidebar-box -->


            <div class="right-sidebar-box">
            	<div class="right-sidebar-last-actions">

                	<div class="right-sidebar-title clearfix">
                		<h3>Son İşlemler</h3>
                        <span><a href="javascript:void(0)">Tüm İşlemler</a></span>
                    </div>

                </div>
                <!-- end of right-sidebar-status -->
            </div>
            <!-- end of right-sidebar-box -->

        </div>
		<!-- end of right-sidebar -->
        
    </div>
</div>