<div ng:controller="DocumentMainPoTipuController" class="row-fluid" id="body-main" qn:fillheight>
    <div class="floatwrapper">
        <div class="centercolumn">
            <div class="container-dont-miss-new-this-week">
                <div class="container-dont-miss">
                    <h3 ng-bind-template="{{$resource('documents.label')}} - {{library.Title}} "></h3>
                    <div class="container-dont-miss-new-this-week" style="min-height: 500px;">
                        <div class="container-dont-miss" style="min-height: 500px;">
                            <div class="toolbar">
                                <div class="toolbar-group">
                                    <button title="{{$resource('utility.reset')}}" class="button tooltip" ng:show="isSearch()" ng:click="back()"><i class="icon-angle-left"></i></button>
                                    <button title="{{$resource('utility.search')}}" class="button tooltip" ng:click="filter()"><i class="icon-search"></i></button>
                                    <div class="form button-widget" qn:popover>
                                        <form>
                                            <div class="control-group">
                                                <label><span data-ng-bind="$resource('documents.file_name')"></span></label>
                                                <div class="controls">
                                                    <input class="input-xlarge" placeholder="i.e. Wordpress" ng:model="query.FileName" />
                                                </div>
                                            </div>
                                            <div class="control-group">
                                                <label class="control-label"></label>
                                                <div class="controls">
                                                    <button class="button lightblue" ng:click="search()"><i class="icon-search"></i></button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                                <div class="toolbar-group">
                                    <button title="{{$resource('utility.refresh')}}" class="button tooltip" ng:click="refresh()"><i class="icon-refresh"></i></button>
                                </div>
                                <div class="toolbar-group right">
                                    <span class="info">{{pager.from}}-{{pager.to}} of {{pager.total}}</span>
                                    <button class="button" ng:disabled="!pager.canPrev()" ng:click="pager.prev()"><i class="icon-chevron-left"></i></button>
                                    <button class="button" ng:disabled="!pager.canNext()" ng:click="pager.next()"><i class="icon-chevron-right"></i></button>
                                </div>
                            </div>
                            <div class="table table-hover" style="min-height: 550px;">
                                <table class="">
                                    <thead>
                                        <tr>
                                            <th class="icon">&nbsp;</th>
                                            <th><span data-ng-bind="$resource('documents.file_name')"></span></th>
                                            <th><span data-ng-bind="$resource('documents.extension')"></span></th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody ng:model="documents">
                                        <tr ng:repeat="document in documents | orderBy:predicateNaziv:reverse">
                                            <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}}">{{document.Title}}</a></td>
                                            <td><span data-ng-bind="document.Extension"></span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="rightcolumn">
            <div class="rightcolcontainer">
                <div class="container-new-this-week-explore">
                    <div class="container-explore-the-city" style="padding-top: 2px;">
                        <h3 data-ng-bind="$resource('utility.kategorije')"></h3>
                    </div>
                    <div class="container-new-this-week">
                        <div class="container-content" style="margin-top: -10px;">
                            <div class="container-top-tasks">
                                <ul class="top-tasks" style="cursor: pointer !important">
                                    <li ng:class="{active: !isSearch()}">
                                        <a ng:click="all()"><i class="icon-asterisk"></i><span data-ng-bind="$resource('utility.ptip')"></span></a>
                                    </li>
                                    <li>
                                        <a ng:class="{active:sidebarView == 'PoOdjeljenjima'}" ng:click="PoOdjeljenjima()"><span data-ng-bind="$resource('utility.podjeljenje')"></span></a>
                                    </li>
                                    <li>
                                        <a ng:class="{active:sidebarView == 'PoKlasifikacijama'}" ng:click="PoKlasifikacijama()"><span data-ng-bind="$resource('utility.pklasifikacija')"></span></a>
                                    </li>
                                </ul>
                            </div>
                            <div style="margin-top: 10px;">
                                <div style="color: #25282A; padding-left: 15px;">
                                    <label class="control-label"><span data-ng-bind="$resource('documents.librarytype')"></span></label>
                                     <select ng-model="SelectedTip" value="{{librarytype.ID}}" ng-options="librarytype.ID as librarytype.Title for librarytype in librarytypes"></select>
                                </div>
                                <ul class="top-tasks" style="cursor: pointer !important">
                                    <li class="search-box">
                                        <input ng:model="searchLibraries" type="text" placeholder="{{$resource('utility.pretraga')}}" style="width: 271px; padding-left: 5px; padding-right: 5px;" /><i ng:show="searchLibraries.length > 0" ng:click="searchLibraries = ''" class="icon-remove clickabile"></i></li>
                                </ul>
                               <div class="inner fillh" style="height:500px !important;">
                                <div class="container-new-this-week">
                                    <div class="container-content" style="margin-top: -10px;">
                                        <div class="container-top-tasks">
                                                <ul class="top-tasks" style="cursor: pointer !important">
                                                    <li ng:repeat="library in libraries | filter : searchLibraries |  orderBy:predicate" ng:class="{active: isCurrentLibrary(library)}"><a ng:click="search({LibraryID:library.ID},true)"><span data-ng-bind="library.Title"></span></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="footer" style="padding-top: 10px; top: auto;" class="footer">
            <div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/srpska.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 243px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3><span data-ng-bind="$resource('utility.vlada')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.vladars.net">
                                            <h3>www.vladars.net</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/srpska.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 243px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3><span data-ng-bind="$resource('utility.nskupstina')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.narodnaskupstinars.net">
                                            <h3>www.narodnaskupstinars.net</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/srpska.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 243px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3><span data-ng-bind="$resource('utility.predsjednik')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.predsjednikrs.net">
                                            <h3>www.predsjednikrs.net/</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
            <div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/invest.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 243px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3><span data-ng-bind="$resource('utility.bportal')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.laktasi.biz/">
                                            <h3>www.laktasi.biz</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/tool.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 232px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3 style="font-size: 9.2pt;"><span data-ng-bind="$resource('utility.torganizacija')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.laktasiturizam.org">
                                            <h3>www.laktasiturizam.org</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="sekcija">
                    <ul class="new-this-week">
                        <li>
                            <dl style="float: left; width: 50px;">
                                <dd>
                                    <img src="/Areas/cms/Style/images/cdm.png" style="height: 50px; width: 50px;" />
                                </dd>
                            </dl>
                            <dl style="float: right; width: 232px; min-height: 65px;">
                                <dd>
                                    <strong>
                                        <h3 style="font-size: 9.2pt;"><span data-ng-bind="$resource('utility.cdmpl')"></span></h3>
                                    </strong>
                                </dd>
                                <dd>
                                    <strong>
                                        <a href="http://www.cdmpl.ba/">
                                            <h3>www.cdmpl.ba</h3>
                                        </a>
                                    </strong>
                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


