@extends('helper.include.view.modal', ['id' => 'modal-detalhe-incluir','fade'=>false])

@section('modal-start')
    <form class="form-inline">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		Incluir Item
	</h4>

@overwrite

@section('modal-header-right')

    <button ng-if="!vm.Parametro.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" data-hotkey="esc">
      	<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>

@overwrite

@section('modal-body')
	<div class="form-group" style="display: flex; width: 100%;">
		<input type="text" class="form-control input-filter-table inline filtro_inclusao" ng-model="vm.ParametroDetalhe.M_FILTRO_INCLUIR" placeholder="Filtragem rápida..." style="height: 22px; margin-bottom: 4px; width: calc(89%);"/>
		<button type="button" style="margin-left: 5px; margin-bottom: 4px;" class="btn btn-xs btn-primary btn-filtrar" data-hotkey="alt+f" ng-click="vm.ParametroDetalhe.consultarIncluir()"><span class="glyphicon glyphicon-filter"></span>Filtrar</button>
	</div>
	<div class="table-ec" style="height: calc(100vh - 175px);">
        <table class="table table-striped table-hover table-condensed table-bordered">
            <thead>
                <tr>
                    <th ng-repeat="coluna in vm.ParametroDetalhe.colunas_parametro track by $index" field="@{{coluna.CAMPO}}">@{{coluna.DESCRICAO}}</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    tabindex="0"
                    ng-repeat="item in vm.ParametroDetalhe.DADOS_INCLUIR"
                    ng-class="{'selected':vm.ParametroDetalhe.SELECTED == item}"
                    ng-focus="vm.ParametroDetalhe.SELECTED = item"
                    ng-click="vm.ParametroDetalhe.SELECTED = item"
                    ng-dblclick="vm.ParametroDetalhe.alterar()"
					ng-keydown="$event.key == 'Enter' && vm.ParametroDetalhe.alterar()">
					<td ng-repeat="coluna in vm.ParametroDetalhe.colunas_parametro track by $index">
						<span>@{{ item[coluna.CAMPO] }}</span>
					</td>
                    <!-- <td>@{{ item.TABELA_ID }} - @{{ item.TABELA_DESCRICAO }}</td>
                    <td>@{{ item.VALOR }}</td> -->
                </tr>                
            </tbody>
        </table>
    </div>

@overwrite

@section('modal-end')
    </form>
@overwrite