@extends('helper.include.view.modal', ['id' => 'modal-detalhe-agrupamento', 'class_size' => 'modal-big'])

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

@section('modal-header-left')
<h4 class="modal-title">
	<span> @{{ vm.estruturaAction.ITEM_DETALHAMENTO.AGRUPAMENTO }} - Detalhe do Ahrupamento</span>
</h4>
@overwrite

@section('modal-header-right')
    <button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.fecharDetalhamentoAgrupamento();" data-hotkey="esc">
		<span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 200px);">

    <fieldset style="margin-bottom: 0px;">
        <legend style="margin-bottom: 5px;">@{{ vm.estruturaAction.ITEM_DETALHAMENTO.DESC_UP }}</legend>

        <div class="table-ec table-scroll" style="height: calc(100vh - 240px); min-height: 200px;">
            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
                <thead>
                    <tr>                   
                        <th>Talão</th>
                        <th>ID</th>
                        <th>Produto</th>
                        <th>Tam.</th>
                        <th>Qtd. Proj.</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in vm.estruturaAction.ITEM_DETALHAMENTO.DETALHAMENTO"
                        ng-focus="vm.SELECTED2 = item"
                        ng-class="{ 'selected' : vm.SELECTED2 == item }"
                        tabindex="0">
                        <td>
                            <span>
                                @{{ item.TALAO_ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.TALAO_DETALHE_ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.PRODUTO_ID+' - '+item.PRODUTO_DESCRICAO }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.TAMANHO }}
                            </span>
                        </td>
                        <td style="text-align: end;">
                            <span>
                                @{{ item.QUANTIDADE | number:4 }} @{{ item.UM }}
                            </span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        
    </fieldset>
    
</div>
</form>

@overwrite