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

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

@section('modal-header-left')

<h4 class="modal-title">
	<!-- @{{vm.ImportarModelos.IMP.REMESSA.DESCRICAO}} -->
	<span ng-if="!vm.ImportarModelos.ALTERANDO">{{ Lang::get('ppcp/_22599.titulo7-exibir') }}</span>
	<span ng-if="vm.ImportarModelos.INCLUINDO">{{ Lang::get('ppcp/_22599.titulo7-incluir') }}</span>
	<span ng-if="vm.ImportarModelos.ALTERANDO == true && vm.ImportarModelos.INCLUINDO == false">{{ Lang::get('ppcp/_22599.titulo7-alterar') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Confirmar
    </button>
	
	<button ng-click="vm.ImportarModelos.cancelar2()" 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 - 180px);">
    <!-- <div class="tabela_secundaria7" id="tabela_secundaria7"></div> -->

    <div ng-repeat="modelo in vm.ImportarModelos.lista_modelos track by $index" >
        <fieldset style="margin-top: 10px !important;">
            <legend>@{{ modelo.MODELO_DESCRICAO }}</legend>	

            <table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr>                 
                    <th colspan="2" style="text-align: start;">Cor</th>
                    <th style="width: 110px;">Folhas</th>
                    <th ng-repeat="tamanho in modelo.TAMANHOS" colspan="2" style="text-align: center;">@{{tamanho.TAMANHO_DESCRICAO}}</th>
                    <th>Total</th>
                </tr>
            </thead>
            <tbody>
                
                <tr ng-repeat="cor in modelo.CORES">

                    <td style="text-align: start; width: 10px;">
                        <input type="checkbox" class="form-control" ng-model="cor.CHECK">
                    </td>

                    <td style="text-align: start;">@{{ cor.DESCRICAO }}</td>
                    
                    <td style="text-align: end;">
                        <input
                            style="text-align: end; width: 100px;"
                            ng-change="vm.ImportarModelos.changeFolhas(modelo)" min="0.1"
                            class="atalho-input-tabela cell-imp ng-pristine"
                            type="number"
                            step="0.1"
                            ng-model="cor.FOLHAS"
                            required="required">
                    </td>

                    <td ng-repeat-start="tamanho in cor.TAMANHOS" style="text-align: end; font-size: 15px; font-weight: bold;">@{{tamanho.TQUANTIDADE}}</td>
                    <td ng-repeat-end style="text-align: end; width: 50px;">
                        <input
                            style="text-align: end;"
                            ng-change="vm.ImportarModelos.changeFolhas(modelo)" min="0.1"
                            class="atalho-input-tabela cell-imp ng-pristine"
                            type="number"
                            step="0.1"
                            ng-model="tamanho.QUANTIDADE"
                            required="required">

                    </td>

                    <td style="font-weight: bold; font-size: 15px;text-align: end;">@{{ cor.TOTAL }}</td>
                </tr>

                <tr style="font-weight: bold;
                            font-size: 15px;
                            background-color: #cccccc;">

                    <td colspan="2">Total</td>
                    <td style="text-align: end;">@{{ modelo.FOLHAS }}</td>
                    <td ng-repeat-start="tamanho in modelo.TAMANHOS" style="text-align: end;">@{{tamanho.TOTAL}}</td>
                    <td ng-repeat-end style="text-align: end;"></td>
                    <td style="text-align: end;">@{{ modelo.TOTAL }}</td>
                </tr>
            </tbody>
        </table>

        </fieldset>
    </div>


</div>
</form>

@overwrite