@extends('helper.include.view.modal', ['id' => 'modal-corte2', '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.exportHTML2()" data-hotkey="alt+p">
        <span class="glyphicon glyphicon-print"></span> Imprimir 
    </button>	

	<button type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.fecharCorte2()" 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;">

<div id="corpo-tabela-corte2" class="corpo-tabela-corte2">

    <table style="margin-top: 12px !important;" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">

        <thead  ng-repeat-start="item in vm.Remessa2.LISTA_MODELOS track by $index">
            <tr style="@{{$index > 0 ? 'height: 30px !important;' : ''}}">                 
                <th colspan="60" style="@{{$index > 0 ? 'height: 30px !important;' : ''}} text-align: center;">@{{ item.MODELO.ID+' - '+item.MODELO.DESCRICAO }}</th>
            </tr>
            <tr style="height: 30px !important;">                 
                <th class="colunas_tabela"  colspan="@{{item.COMPLEMENTO}}"  style="height: 30px !important; text-align: start;">Cor</th>
                <th class="colunas_tabela"  style="height: 30px !important; text-align: center;" ng-repeat="familia in item.FAMILIA" colspan="@{{ vm.Remessa2.QUANTIDADE_CONSUMO > 0 ? 2 : 1}}">@{{ familia.DESCRICAO }}</th>
                <th class="colunas_tabela"  style="height: 30px !important; width: 110px;">Folhas</th>
                <th class="colunas_tabela"  style="height: 30px !important; text-align: center;" ng-repeat="grade in item.MODELO.GRADE_MODELO  | orderBy:'TAMANHO'" colspan="2">@{{ grade.DESCRICAO }}</th>
                <th class="colunas_tabela"  style="height: 30px !important; text-align: end;">Total</th>
            </tr>
        </thead>
        <tbody ng-repeat-end>
            
            <tr ng-repeat="cor in item.ITENS">

                <td class="colunas_tabela" colspan="@{{item.COMPLEMENTO}}" style="text-align: start;">@{{ cor.COR_DESCRICAO }}</td>

                <td class="colunas_tabela"  ng-repeat-start="familia in cor.FAMILIAS" style="text-align: end; font-size: 13px; font-weight: bold;">@{{ familia.COR_CONSUMO_DESCRICAO }}

                    <span
                        style="font-size: 14px; cursor: pointer;"
                        class="glyphicon glyphicon-info-sign no-print"
                        data-toggle="popover"
                        data-placement="bottom" 
                        data-element-content="#info-@{{item.MODELO.ID}}-@{{familia.COR_CONSUMO}}-cor" 
                        data-original-title="Produtos"></span>
                    
                    <div id="info-@{{item.MODELO.ID}}-@{{familia.COR_CONSUMO}}-cor" style="display: none">
                        <div class="origem-container" style="overflow: auto; max-height: 200px;">

                            <div ng-repeat="prod in (familia.PRODUTOS+'').split(', ')">@{{prod}}</div>

                        </div>
                    </div>

                </td>
                
                <td class="colunas_tabela"  ng-if="vm.Remessa2.QUANTIDADE_CONSUMO > 0" ng-repeat-end style="text-align: end; width: 50px;">@{{ familia.QTD | number:4 }} @{{ familia.UM }}</td>
                
                <td class="colunas_tabela"  style="text-align: end;">@{{ cor.QUANTIDADE }}</td>
                <td class="colunas_tabela"  ng-repeat-start="grade in item.MODELO.GRADE_MODELO | orderBy:'TAMANHO'" style="text-align: end; font-size: 13px; font-weight: bold;">@{{ cor['T_QUANTIDADE_T'+((''+grade.TAMANHO).padStart(2,'0'))] }}</td>
                <td class="colunas_tabela"  ng-repeat-end style="text-align: end; width: 50px;">@{{ cor['QUANTIDADE_T'+((''+grade.TAMANHO).padStart(2,'0'))] }}</td>
                <td class="colunas_tabela"  style="font-weight: bold; font-size: 13px; text-align: end;">@{{ cor.TOTAL }}</td>
            </tr>

            <tr style="font-weight: bold;
                        font-size: 13px;
                        background-color: #cccccc;">
                <td colspan="@{{item.COMPLEMENTO}}" >Total</td>
                <th class="colunas_tabela"  style="text-align: end;" ng-repeat="familia in item.FAMILIA" ng-if="vm.Remessa2.QUANTIDADE_CONSUMO == 0"></th>
                <th class="colunas_tabela"  style="text-align: end;" ng-repeat="familia in item.FAMILIA" ng-if="vm.Remessa2.QUANTIDADE_CONSUMO  > 0" colspan="2" >@{{ familia.TOTAL_F | number:4 }} @{{ familia.UM }}</th>
                <td class="colunas_tabela"  style="text-align: end;">@{{ item.FOLHAS }}</td>
                <td class="colunas_tabela"  ng-repeat-start="grade in item.MODELO.GRADE_MODELO | orderBy:'TAMANHO'" style="text-align: end;">@{{grade.TOTAL}}</td>
                <td class="colunas_tabela"  ng-repeat-end style="text-align: end;"></td>
                <td class="colunas_tabela"  style="text-align: end;">@{{ item.TOTAL }}</td>
            </tr>

            <tr style="background-color: #ffffff; font-weight: bold; border-style: hidden;"><td colspan="60"></td></tr>
            <tr style="background-color: #ffffff; font-weight: bold; border-style: hidden;"><td colspan="60"></td></tr>
        </tbody>

        <!--
        <thead>
            <tr style="height: 30px !important;">                 
                <th class="colunas_tabela" colspan="60" style="height: 30px !important; text-align: center;">Total Família/Cor</th>
            </tr>
        </thead>
        <tbody>

            <tr ng-repeat-start="item in vm.Remessa2.LISTA_FAMILIAS" style="height: 30px !important;" >  
                <td colspan="2"  class="colunas_tabela" rowspan="@{{ item.CORES.length > 0 ? item.CORES.length : 1 }}"
                    style="height: 30px !important;
                            text-align: start;
                            vertical-align: inherit;
                            font-weight: bold;">  @{{ item.FAMILIA.ID+' - '+item.FAMILIA.DESCRICAO }} </th>
                <td colspan="3"  ng-if="item.CORES.length > 0"  class="colunas_tabela" style="height: 30px !important; text-align: center;">  @{{ item.CORES[0].DESCRICAO }}</th>
                <td colspan="60" ng-if="item.CORES.length > 0"  class="colunas_tabela" style="height: 30px !important; text-align: end;">@{{ item.CORES[0].TOTAL | number:4 }} @{{ item.CORES[0].UM }}</th>
                <td colspan="3"  ng-if="item.CORES.length == 0" class="colunas_tabela" style="height: 30px !important; text-align: center;"></th>
                <td colspan="60" ng-if="item.CORES.length == 0" class="colunas_tabela" style="height: 30px !important; text-align: end;">0</th>

            </tr>
            <tr ng-repeat="cor in item.CORES track by $index" ng-if="$index > 0">
                <td colspan="3" class="colunas_tabela" style="height: 30px !important; text-align: center;">  @{{ cor.DESCRICAO }}</th>
                <td colspan="60" class="colunas_tabela" style="height: 30px !important; text-align: end;">@{{ cor.TOTAL | number:4 }} @{{ cor.UM }}</th>
            </tr>
            <tr ng-repeat-end style="display: none;" ></tr>
        </tbody>
        -->

    </table>

</div>
</div>
@overwrite