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

@section('modal-start')

@overwrite

@section('modal-header-left')

<h4 class="modal-title">
	Importar Modelos
</h4>

@overwrite

@section('modal-header-right')
	
	<button ng-click="vm.Projecao.validarImportarTalao();" type="button" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Projecao.fecharImportarTalao()" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
	
    <div class="form-group">
        <label>Código de Barras:</label>
        <div class="input-group">
            <input ng-keypress="vm.Projecao.keypress($event);" type="text" class="form-control input-maior imput-cod-barras" ng-model="vm.Projecao.CODIGO_ENTRADA">
            <button ng-click="vm.Projecao.keypressClick();" type="button" class="input-group-addon" id="btn-table-filter" 
            style=" width: 40px;
                    height: 34px;
                    cursor: pointer;">
                <span class="glyphicon glyphicon-barcode"></span>
            </button>
        </div>	
    </div>	

    <div class="table-ec table-scroll" style="height: calc(100vh - 400px); 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.Projecao.ORDER_BY_IMP">               
                    <th field="MODELO_DESCRICAO">Modelo</th>
                    <th field="COR_DESCRICAO">Cor</th>
                    <th field="TAM_DESCRICAO">Tam.</th>
                    <th field="EAN_PRINCIPAL">EAN</th>
                    <th field="EAN_SECUNDARIO">EAN Sec.</th>
                    <th field="EAN_SECUNDARIO">RFID</th>
                    <th field="QUANTIDADE">Quantidade</th>
                </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in vm.Projecao.DADOS_RENDER_IMP = ( vm.Projecao.DADOS_IMP | orderBy : vm.Projecao.ORDER_BY_IMP)"
                    ng-focus="vm.Projecao.SELECTED_IMP = item"
                    ng-class="{ 'selected' : vm.Projecao.SELECTED_IMP == item }"
                    tabindex="0">
                    <td>
                        <span>
                            @{{ item.MODELO_ID || 0 | lpad: [6,0] }} - @{{ item.MODELO_DESCRICAO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.COR_ID || 0 | lpad: [6,0] }} - @{{ item.COR_DESCRICAO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.TAM_DESCRICAO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.EAN_PRINCIPAL }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.EAN_SECUNDARIO }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.RFID }}
                        </span>
                    </td>
                    <td style="text-align: end;"> 
                        <span>
                            @{{ item.QUANTIDADE | number:2}}
                        </span>
                    </td>
                </tr>

                <tr style="background-color: #b7b7b7; font-weight: bold;">
                    <td colspan="6">
                        <span>
                           Total
                        </span>
                    </td>
                    <td style="text-align: end;"> 
                        <span>
                            @{{ vm.Projecao.TOTAL_IMP| number:2}}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>

    </div>

</div>

@overwrite