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

@section('modal-header-left')

<h4 class="modal-title">
	<span>Detalhamento de Corte</span>
</h4>

@overwrite

@section('modal-header-right')

    <button type="button" class="btn btn-warning" ng-click="vm.Remessa2.exportHTML()" data-hotkey="f1">
        <span class="glyphicon glyphicon-print"></span> Imprimir 
    </button>	

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.fecharCorte()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 150px); margin-top: -15px; margin-left: -5px; margin-right: -5px;">
    
    <style>
	
        .topo_tabela {
            display: none;
        }
        
    </style>
    
    <div id="corpo-tabela-corte" class="corpo-tabela-corte">

        <div  ng-repeat="grade in vm.Remessa2.CORTE_RET track by $index">

            <div class="topo_tabela"><div>GRADE: @{{(grade.GRADE_ID+'').padStart(3,'0') +' - '+ grade.DESCRICAO}}</div></div>

            <div class="table-ec table-scroll corpo-tabela-corte-@{{$index}}" style="height: @{{ 80 / vm.Remessa2.CORTE_RET.length }}vh; min-height: 257px; margin-top: 10px;">
                <table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low tabelaJS">
                    <thead>
                        <tr>
                            <th>Remessa</th>
                            <th>Modelo</th>
                            
                            <th ng-if="tam.VISIBLE" style="text-align: center;" ng-repeat="tam in grade.TAMANHOS | orderBy : 'TAMANHO'  ">@{{ tam.TAMANHO_DESCRICAO}}</th>
                            <th></th>
                            <th style="text-align: center;" ng-repeat="cor in grade.CORES    | orderBy : 'ABREVIADO'"><div>@{{ cor.ABREVIADO }}</div></th>

                            <th style="text-align: end;" >Fls</th>
                            <th style="text-align: end;" >Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in grade.ITENS" tabindex="0">
                            <th style="font-weight: unset;">@{{item.MODELO.REMESSA}}</th>
                            <th style="font-weight: unset;">@{{ (item.MODELO.ID+'').padStart(6,'0')}} - @{{item.MODELO.DESCRICAO}}</th>
                            <th style="font-weight: unset; text-align: center;"  ng-if="tam.VISIBLE"  ng-repeat="tam in item.TAMANHOS | orderBy : 'TAMANHO'">@{{ tam.QTD > 0 ? tam.QTD : '-' }}</th>
                            <th style="font-weight: unset; text-align: center; background-color: #efefef;">@{{ item.QTD | number:0  }}</th>
                            <th style="font-weight: unset; text-align: center;" ng-repeat="cor in item.CORES  | orderBy : 'ABREVIADO'">@{{ cor.QTD > 0 ? cor.QTD : ' ' }}</th>
                            <th style="font-weight: unset; text-align: end; background-color: #efefef;">@{{ item.FOLHAS | number:0 }}</th>
                            <th style="font-weight: bold;  text-align: end; background-color: #e4e4e4;">@{{ (item.QTD * item.FOLHAS) | number:0 }}</th>
                        </tr>

                        <tr tabindex="0">
                            <th class="total-tab-corte"></th>
                            <th class="total-tab-corte"></th>
                            <th class="total-tab-corte"  ng-if="tam.VISIBLE" ng-repeat="tam in grade.TAMANHOS | orderBy : 'TAMANHO'  "></th>
                            <th class="total-tab-corte">@{{ grade.QTD | number:0 }}</th>
                            <th class="total-tab-corte" ng-repeat="cor in grade.CORES    | orderBy : 'ABREVIADO'"><div></div></th>
                            <th class="total-tab-corte" style="text-align: end;">@{{ grade.FOLHAS | number:0 }}</th>
                            <th class="total-tab-corte" style="text-align: end;">@{{ (grade.QTD * grade.FOLHAS) | number:0 }}</th>
                        </tr>

                    </tbody>
                </table>
            </div>

        </div>
    </div>

</div>
@overwrite