@extends('helper.include.view.modal', ['id' => 'modal-Reabrir', '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 >{{ Lang::get('ppcp/_22595.titulo7-reabrir') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-click="vm.cancelarReabrir()" 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 - 150px);">

    <fieldset style="margin-bottom: 0px;">
        <legend style="margin-bottom: 5px;">Talões</legend>

        <div class="table-ec table-scroll" style="height: calc(100vh - 200px); 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>

                        <th ng-repeat="etapa in vm.TALOES_REABRIR[0].ETAPAS">
                            @{{etapa.DESCRICAO}}
                        </th>

                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="item in vm.TALOES_REABRIR"
                        ng-focus="vm.SELECTED2 = item"
                        ng-class="{ 'selected' : vm.SELECTED2 == item }"
                        tabindex="0">
                        <td>
                            <span>
                                @{{ item.REMESSA_TALAO_ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.ID }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.PRODUTO_ID+' - '+item.PRODUTO_DESCRICAO }}
                            </span>
                        </td>
                        <td>
                            <span>
                                @{{ item.TAMANHO_DESCRICAO }}
                            </span>
                        </td>
                        <td style="text-align: end;">
                            <span>
                                @{{ item.QUANTIDADE | number:4 }} @{{ item.UM }}
                            </span>
                        </td>
                        <th ng-click="etapa.SITUACAO == '1' ? vm.ReabrirEtapas(etapa.NOVA_SITUACAO == '1' ? '0' : '1', etapa, item.ETAPAS) : false;" style="text-align: center; font-size: 16px; cursor:  pointer;" ng-repeat="etapa in item.ETAPAS" style="text-align: center;">

                            <span ng-if="etapa.NOVA_SITUACAO == '1' && etapa.SITUACAO == '1'" style="color: green;" class="glyphicon glyphicon-ok"></span>
                            <span ng-if="etapa.NOVA_SITUACAO == '0' && etapa.SITUACAO == '1'" style="color: red;" class="glyphicon glyphicon-remove"></span>

            
                        </th>
                    </tr>
                </tbody>
            </table>
        </div>
        
    </fieldset>
    
</div>
</form>

@overwrite