<?php
$this->headTitle('Dropdown Lists');
$this->inlineScript()->appendFile($this->url('dropdown-lists/service.js'));
$this->inlineScript()->appendFile($this->url('dropdown-lists/main.js'));
?>


<div class="flex-ddli" ng-controller="DropdownListsController" ng-init="init.home()">
    <div class="flex-header">
        <div class="page-title page-header">
            <h1 class="h3">Dropdown Lists</h1>
        </div>
    </div>
    <div class="flex-content">
        <div class="flex-col-1 ">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="pull-left">Lists</h4>
                    <button class="btn btn-primary btn-xs pull-right"><i class="fa fa-plus"></i></button>
                    <div class="clearfix"></div>
                </div>
                <ul class="list-group">
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <!--
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    <li ng-repeat="ddlist in ddlGrid.items" class="list-group-item">{{ ddlist.name }}</li>
                    -->
                </ul>
            </div>
        </div>
        <div class="flex-col-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h4 class="pull-left">Items</h4>
                    <button class="btn btn-primary btn-xs pull-right"><i class="fa fa-plus"></i></button>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </div>
</div>