<div class="row academician-dashboard dashboard">
    <div class="col-md-12 course-prg-scheduler">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="panel-title">Course Scheduler Widget</div>
            </div>
            <div class="panel-body">

                <div class="col-xs-3"> <!-- required for floating -->
                    <!-- Nav tabs -->
                    <ul class="nav nav-tabs tabs-left">
                        <li ng-repeat="lecturer in lecturerList" ng-click="selectLecturer(lecturer)" ng-class="{active: currentLecturer.key == lecturer.key}"><a>{{lecturer.name}}</a></li>
                    </ul>
                </div>

                <div class="col-xs-9">
                    <div class="loader" ng-show="loadingTable">Loading...</div>
                    <!-- Tab panes -->
                    <div class="tab-content" ng-hide="loadingTable">
                        <div class="tab-pane active" id="one">

                            <div class="info-header clearfix">
                                <div class="info-wrapper">
                                    <img ng-src="{{currentLecturer.avatar_url}}" class="profile-pic">
                                    <span class="user-name">{{currentLecturer.name}}</span>
                                </div>
                                <div class="info-wrapper">
                                    <div style="margin-top:14px;">
                                        <span><b>Ders Yükü:</b></span> <span>{{currentLecturer.totalHours}} saat</span>
                                    </div>
                                </div>
                            </div>
                            <!-- end of header -->

                            <div class="table-warning" ng-show="message">
                                <span class="glyphicon glyphicon-exclamation-sign"></span> {{message.title}}<br/>{{message.msg}}
                            </div>

                            <table border="1">
                                <tbody>
                                <tr class="headers">
                                    <td></td>
                                    <td>PZT</td>
                                    <td>SAL</td>
                                    <td>ÇAR</td>
                                    <td>PER</td>
                                    <td>CUM</td>
                                    <td>CMT</td>
                                    <td>PAZ</td>
                                </tr>
                                <tr ng-repeat="time in timetable">
                                    <td>{{time[0]}}</td>
                                    <td ng-repeat="day in time[1]">
                                        <select class="form-control" ng-model="day.durum" ng-change="changeValue(day)" ng-options="option.value as option.name for option in availableStates"></select>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="loader pull-right" ng-show="loadingAction">Loading...</div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- end of panel-body -->
        </div>
        <!-- end of panel -->
    </div>
</div>
