<div ng:controller="OdjeljenjeDetailsController" class="row-fluid" id="body-main" qn:fillheight>
    <div class="scrollable">
        <div class="scrollable-content container-fluid section">
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading" toggle target="collapseOne">
                        <h5 class="panel-title" style="font-size:13px;">{{odjel.Title}}</h5>
                    </div>
                    <div id="collapseOne" toggleable active-class="in" exclusion-group="accordion1" default="active" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table>
                                <tr>
                                    <td>
                                        <div class="profile">
                                            <img ng:src="{{profilePhoto}}" />
                                        </div>
                                    </td>
                                    <td>
                                        <div class="inner" style="padding-top: 95px; padding-left: 10px;">
                                            <h4>{{radnik.ReferatTitle}}</h4>
                                            <h2>{{radnik.ImePrezime}}</h2>
                                            <h4>{{radnik.Email}}</h4>
                                            <h4>{{$resource('odjeljenja.kancelarija')}}:{{radnik.Kancelarija}}</h4>
                                            <h4>{{$resource('odjeljenja.telefon')}}:{{radnik.Telefon}}</h4>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                            <div class="ftb">
                                <p ng-bind-html="renderHtml(odjel.Content)"></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" toggle target="collapseTwo">

                        <h5 class="panel-title" style="font-size:13px;">{{$resource('odjeljenja.radnici')}}</h5>
                    </div>
                    <div id="collapseTwo" toggleable active-class="in" exclusion-group="accordion1" class="panel-collapse collapse">
                        <div class="panel-body">
                            <table>
                                <tbody>
                                    <tr ng:repeat="radnik in radnici | filter : Status">
                                        <td class="title">
                                            <div class="inner">
                                                <a href="mobile/#!/mradnik/{{radnik.ID}}"><span>{{radnik.ImePrezime}}</span></a><br /><br />
                                                <span>{{radnik.ReferatTitle}}</span>
                                                <p class="info" style="min-height: 50px !important; padding: 0 !important; color: #9d200c; font-weight: bold;">
                                                    email:{{radnik.Email}}<br />
                                                    {{$resource('odjeljenja.kancelarija')}}:{{radnik.Kancelarija}}<br />
                                                    {{$resource('odjeljenja.telefon')}}:{{radnik.Telefon}}
                                                </p>
                                            </div>
                                        </td>

                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="panel panel-default">
                    <div class="panel-heading" toggle target="collapseThree">
                        <h5 class="panel-title" style="font-size:13px;">{{$resource('utility.zahtjevi')}}</h5>
                    </div>
                    <div id="collapseThree" toggleable active-class="in" exclusion-group="accordion1" class="panel-collapse collapse">
                        <div class="panel-body">
                            <div id="collapseThree" toggleable active-class="in" exclusion-group="accordion1" class="panel-collapse collapse">
                                <div class="panel-body">
                                    <div class="table table-hover">
                                        <ul class="top-tasks-usluga" ng-repeat="library in libraries" style="cursor: pointer !important">
                                            <li ng-click="viewDocuments(library)">
                                                <a data-ng-bind="library.Title"></a>
                                            </li>
                                        </ul>
                                    </div>
                                    <br /><br />
                                    <hr>
                                    <div class="table">
                                        <table>
                                            <tbody ng:model="documents">
                                                <tr ng:repeat="document in documents">
                                                    <td class="icon">
                                                        <span class="circle circle-{{Ext(document.Extension)}}"><span class="icon li_note"></span></span>
                                                    </td>
                                                    <td><a rel="group" href="http://www.laktasi.net/qusion/document/download/{{document.ID}}" style="font-size: 12px; font-weight: bold;" data-ng-bind="document.Title"></a></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            </div>
   </div>
</div>