@extends('helper.include.view.modal', ['id' => 'modal-etiqueta'])

@section('modal-start')
    <form class="form-inline" ng-submit="vm.Composicao.confirmar()">
@overwrite

@section('modal-header-left')

	<h4 class="modal-title">
		Composição
	</h4>

@overwrite

@section('modal-header-right')
    <button type="submit" class="btn btn-warning" data-hotkey="alt+e" ng-disabled="vm.Composicao.ETCSELECTED.ID == 0" ng-click="vm.Composicao.etiqueta()" data-loading-text="Confirmando...">
        <span class="glyphicon glyphicon-print"></span> 
        Imprimir
    </button>

    <button 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>
    <div class="table-ec table-scroll" style="height: calc(100vh - 500px); min-height: 200px;">
				
        <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.Composicao.ORDER_BY">                   
                    <th field="ID">ID</th>
                    <th field="DESCRICAO">Descrição</th>
                </tr>
            </thead>
            <tbody>
                <tr 
                    ng-repeat="item in vm.Composicao.DADOS_RENDER2 = ( vm.Composicao.ETIQUETAS | orderBy :vm.Composicao.ORDER_BY)"
                    ng-Click=";"
                    ng-focus="vm.Composicao.ETCSELECTED = item"
                    ng-class="{ 'selected' : vm.Composicao.ETCSELECTED == item }"
                    tabindex="0"
                    >
                    <td>
                        <span>
                            @{{ item.ID || 0 | lpad: [4,0] }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.DESCRICAO }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
@overwrite

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