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

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

@section('modal-header-left')

<h4 class="modal-title">
    {{ Lang::get('ppcp/_22599.titulo-exibir') }} - Provisionamento por SKU	
</h4>

@overwrite

@section('modal-header-right')

    <div style="display: inline-flex;">		
        <div style="position: relative; top: 6px;">									
            <input ng-click="vm.Remessa2.checTodos()" id="ctrl_t06" type="checkbox" ng-model="vm.Remessa2.CHECK_MODELOS">								
            <label for="ctrl_t06" style="padding-top: 4px; font-weight: bold; padding-left: 5px;">Todos</label>
        </div>
    </div>

	<button type="submit" class="btn btn-primary" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Importar
    </button>
	
	<button ng-click="vm.Remessa2.cancelarImp()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 130px); margin-top: -15px; margin-left: -5px; margin-right: -5px;">
    
    <div class="table-ec tab-importacao table-scroll" ng-repeat="modelo in vm.Remessa2.IMPORT | orderBy : 'DESCRICAO' ">
        <table class="table table-striped tab-enter table-bordered table-condensed table-no-break table-middle table-low tabelaJS">
            <thead>
                <tr>
                    <th style="background-color: #dddddd; color: black; padding: 0px !important;" class="cell-tit" colspan="@{{ 7 + (modelo.GRADE_MODELO.length * 2)}}" >
                        <input id="@{{modelo.ID}}" ng-click="vm.Remessa2.checModelo(modelo)" style="margin-top: 5px; margin-left: 5px;" type="checkbox" class="form-control" ng-model="modelo.CHECK">
                        <label for="@{{modelo.ID}}" style="font-weight: bold; font-size: 13px; margin-left: 5px;">@{{ modelo.ID }} - @{{ modelo.DESCRICAO }}</label>
                    </th>
                </tr>
                <tr>
                    <th class="cell-tit" colspan="2" >Cor</th>
                    <th class="cell-tit" >Folhas</th>
                    <th class="cell-tit" style="text-align: center;" colspan="2" ng-repeat="tamanho in modelo.GRADE_MODELO | orderBy : 'TAMANHO'  ">@{{ tamanho.DESCRICAO }}</th>
                    <th class="cell-tit" style="text-align: end;" >Total</th>
                    <th class="cell-tit" style="text-align: center;"><span ttitle="Aplicar Máximo divisor comum"></span></th>
                    <th class="cell-tit" style="text-align: center;"><span ttitle="Multiplicar por 2"></span></th>
                    <th class="cell-tit" style="text-align: center;"><span ttitle="Dividir por 2"></span></th>
                </tr>
            </thead>
            <tbody>

                <tr ng-repeat="cor in modelo.CORES | orderBy : 'ABREVIADO' ">
                    <th class="cell-chc"><input type="checkbox" class="form-control" ng-model="cor.CHECK"></th>
                    <th class="cell-tab">@{{ cor.ABREVIADO }}</th>
                    <th class="cell-imp2" style="text-align: center;"><input ng-required="cor.CHECK" ng-change="vm.Remessa2.changeFolhas(cor, modelo)" min="1" class="cell-imp" type="number" step="1" ng-model="cor.FOLHAS"></th>
                    <th class="cell-tab" style="text-align: center;" ng-repeat-start="tamanho in cor.TAMANHO | orderBy : 'TAMANHO'  ">@{{ tamanho.QUANTIDADE }}</th>
                    <th class="cell-imp2" style="text-align: center;" ng-repeat-end><input  ng-required="cor.CHECK" min="0" ng-change="vm.Remessa2.changeQuantidade(cor, modelo)" class="cell-imp" type="number" step="1" ng-model="tamanho.FATOR"></th>
                    <th class="cell-tot" style="text-align: end;" >@{{ cor.QTD }}</th>
                    <th class="cell-imp2" style="text-align: end;" >
                        <button ng-click="vm.Remessa2.aplyMdc(cor, modelo);" ng-if="cor.MDC > 1" type="button" class="btn btn-default btn-sm">
                            <span class="fa fa-calculator" aria-hidden="true"></span> @{{ (cor.MDC+'').padStart(2,'0')}}
                        </button>
                    </th>
                    <th class="cell-imp2" style="text-align: end;" >
                        <button ng-disabled="(cor.FOLHAS % 2) > 0" ng-click="vm.Remessa2.aplyMultiply(cor, modelo);" type="button" class="btn btn-default btn-sm">
                            X*2
                        </button>
                    </th>
                    <th class="cell-imp2" style="text-align: end;" >
                        <button ng-disabled="(cor.MDC % 2) > 0" ng-click="vm.Remessa2.removMultiply(cor, modelo);" type="button" class="btn btn-default btn-sm">
                            X/2
                        </button>
                    </th>
                </tr>

                <tr>
                    <th class="cell-tot" colspan="2" >Total</th>
                    <th class="cell-tot" ></th>
                    <th class="cell-tot" style="text-align: center;" ng-repeat-start="tamanho in modelo.GRADE_MODELO | orderBy : 'TAMANHO'  ">@{{ tamanho.QTD }}</th>
                    <th class="cell-tab" style="text-align: center;" ng-repeat-end></th>
                    <th class="cell-tot" style="text-align: end;" >@{{ modelo.QTD }}</th>
                    <th class="cell-tot" style="text-align: end;" ></th>
                    <th class="cell-tot" style="text-align: end;" ></th>
                    <th class="cell-tot" style="text-align: end;" ></th>
                </tr>

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

@overwrite