<div class="row">
    <div class="col-md-8 ">
        <div class="panel panel-default emce-panel">
            <!--toolbar-->
            <div class="panel-body">
                <div class="row">
                    <div class="col-md-2">
                        <div class="dropdown">
                            <button class="btn btn-default dropdown-toggle btn-lg emce-expences-toolbar-button-lg" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="true">
                                {{range}}
                                <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
                                <li role="presentation"><a role="menuitem" ng-click="range='Viimeisimmät'" tabindex="-1" href="#">Viimeisimmät</a></li>
                                <li role="presentation"><a role="menuitem" ng-click="range='Kaikki'" tabindex="-1" href="#">Kaikki</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <h3><input ng-model="searchText" /></h3>
                    </div>
                </div>
            </div>
        </div>
        <!--list of expenses-->
        <div class="panel panel-default emce-panel">
            <div class="panel-body">


                <div class="table-responsive table-bordered">
                    <table class="table">
                        <tr>
                            <th>{{lang.language()['Common_Date']}}</th>
                            <th>{{lang.language()['Common_Name']}}</th>
                            <th>Nimike</th>
                            <th>Nimikkeen nimi</th>
                            <th>Laskutettava</th>
                            <th>Määrä</th>
                            <th>Laskutettava määrä</th>
                            <th>Laskutushinta</th>
                        </tr>
                        <tr ng-repeat="e in expenses | filter:searchText" ng-click="populate(e, $index)" ng-class="{'selected':$index == selectedRow}">
                            <!---->
                            <td data-title="'{{lang.language()['Common_Date']}}'">{{e.Pvm}}</td>
                            <td data-title="'{{lang.language()['Common_Name']}}'">{{e.Name}}</td>
                            <td data-title="'Nimike'">{{e.Label}}</td>
                            <td data-title="'Nimikkeen nimi'">{{e.LabelName}}</td>
                            <td data-title="'Laskutettava'">{{e.Billable}}</td>
                            <td data-title="'Määrä'">{{e.Amount}}</td>
                            <td data-title="'Laskutettava määrä'">{{e.BillableAmount}}</td>
                            <td data-title="'Laskutushinta'">{{e.BillablePrice}}</td>
                        </tr>
                    </table>
                </div>

            </div>
        </div>
    </div>
    <aside class="col-md-4">
        <!--information panel-->
        <div class="panel panel-default emce-panel">
            <div class="panel-body">
                <h3>Tiedot</h3>

                    <div class="row emce-border-bottom">
                        <div class="col-sm-6">
                            <ul class="emce-ul-nostyle">
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Date']}} </label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Name']}}  </label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Date']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Project']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_ProjectName']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>

                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['ProjectTask_Reference']}}1</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['ProjectTask_Reference']}}2</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_ItemCode']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Division']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="col-sm-6">
                            <ul class="emce-ul-nostyle">

                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Quantity']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_CostValue']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_Rate']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_IsBillable']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['Common_BillingValue']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>
                                <li>
                                    <div class="form-group">
                                        <label for="">{{lang.language()['ProjectTask_BillRate']}}</label>
                                        <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                    </div>
                                </li>

                                <li>
                                    <div class="form-group">
                                        <label for="">
                                            {{lang.language()['Common_Comment']}}
                                        </label>
                                        <textarea class="form-control" placeholder="{{lang.language()['UI_Select']}}" required />
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                <div class="row">
                    <div class="col-md-6">
                        <ul class="emce-ul-nostyle">
                            <li>
                                <div class="form-group">
                                    <label for="">{{lang.language()['Common_BillingValue']}}</label>
                                    <input type="text" class="form-control" placeholder="{{lang.language()['UI_Select']}}" />
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <ul class="emce-ul-nostyle">
                            <li>
                                <button type="button" class="btn btn-primary btn-lg pull-right">Muuta</button>

                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>


    </aside>

</div>