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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="!vm.Remessa2.ALTERANDO">{{ Lang::get('ppcp/_22600.titulo-exibir') }}</span>
	<span ng-if="vm.Remessa2.INCLUINDO">{{ Lang::get('ppcp/_22600.titulo-incluir') }}</span>
	<span ng-if="vm.Remessa2.ALTERANDO == true && vm.Remessa2.INCLUINDO == false">{{ Lang::get('ppcp/_22600.titulo-alterar') }}</span>	
</h4>

@overwrite

@section('modal-header-right')

    <button ng-if="!vm.Remessa2.ALTERANDO" ng-click="vm.Remessa2.AbrirModalTalao()" type="button" class="btn btn-warning" data-hotkey="alt+t">
        <span class="glyphicon glyphicon-tags"></span> Talões
    </button>

	<button ng-if="vm.Remessa2.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.Remessa2.ALTERANDO" ng-click="vm.Remessa2.cancelar()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Cancelar
    </button>
	
	<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.Remessa2.ALTERANDO" ng-click="vm.Remessa2.alterar()" type="button" class="btn btn-primary" data-hotkey="f9">
        <span class="glyphicon glyphicon-edit"></span> Alterar
    </button>   
	
	<button ng-disabled="{{ userMenu($menu)->EXCLUIR }} == 0"  ng-if="!vm.Remessa2.ALTERANDO" ng-click="vm.Remessa2.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.Remessa2.ALTERANDO" data-consulta-historico data-tabela="TBREMESSA" data-tabela-id="@{{ vm.Remessa2.SELECTED.ID }}" type="button" class="btn gerar-historico" data-hotkey="alt+h">
        <span class="glyphicon glyphicon-time"></span> {{ Lang::get('master.historico') }}
    </button>
	
	<button ng-if="!vm.Remessa2.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" ng-click="vm.Remessa2.fecharModal()" data-hotkey="esc">
        <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 155px); margin-top: -15px; margin-left: -5px; margin-right: -5px;">
    
    <div class="form-group">
        <label>Remessa:</label>
        <input
            style="width: 120px;"
            type="text"
            id="remessa_id2"
            class="form-control"
            required=""
            autofocus=""
            autocomplete="off"
            title="ID: @{{vm.Remessa2.SELECTED.ID}}"
            ng-model="vm.Remessa2.SELECTED.REMESSA"
            ng-readonly="true">
    </div>

    <div style="display: -webkit-inline-box;" class="consulta-estabelecimento"></div> 
    <div style="display: -webkit-inline-box;" class="consulta-gp"></div>
    <div style="display: -webkit-inline-box;" class="consulta-familia"></div>

    <!--
    <div class="form-group">
        <label title="Data para produção da remessa">Data/Hora Disponibilidade:</label>
        <div class="input-group">
            <input  ng-readonly="!vm.Remessa2.ALTERANDO" ng-disabled="!vm.Remessa2.ALTERANDO" type="datetime-local" ng-model="vm.Remessa2.SELECTED.DATAHORA_DISPONIBILIDADE" toDate id="datahora-prod" class="form-control" />
            <button  ng-readonly="!vm.Remessa2.ALTERANDO" ng-disabled="!vm.Remessa2.ALTERANDO" type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.Remessa2.SELECTED.DATAHORA_DISPONIBILIDADE = undefined;">
                <span class="fa fa-close"></span>
            </button>
        </div>
    </div>
    -->

    <ul id="tab" class="nav nav-tabs" role="tablist" style="margin-top: 5px;"> 

        <li role="presentation" class="tab-info-geral">
            <a href="#tab1-container" id="tab1-tab" data-hotkey="alt+1" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="false">
                Parametrização 
            </a>
        </li>


		<li role="presentation" class="active tab-detalhamento">
			<a href="#tab2-container" id="tab2-tab" data-hotkey="alt+2" role="tab" data-toggle="tab" aria-controls="tab1-container" aria-expanded="true" ng-click="vm.Remessa2.tabItens()">
				Itens
			</a>
		</li>

        <li role="presentation" class="tab-detalhamento" ng-if="!vm.Remessa2.ALTERANDO">
            <a href="#tab3-container" id="tab3-tab" data-hotkey="alt+3" role="tab" data-toggle="tab" aria-controls="tab3-container" aria-expanded="false" ng-click="vm.Remessa2.tabTaloes(); vm.estruturaAction.ConsultarRemessa();">
                Detalhamento de Talões
            </a>
        </li>

        <li role="presentation" class="tab-agrupamento" ng-if="!vm.Remessa2.ALTERANDO && vm.Remessa2.SELECTED.AGRUPAMENTO_ID > 0">
            <a href="#tab4-container" id="tab4-tab" data-hotkey="alt+4" role="tab" data-toggle="tab" aria-controls="tab4-container" aria-expanded="false" ng-click="vm.Remessa2.tabAgrupamento(); vm.estruturaAction.ConsultarAgrupamento();">
                Agrupamentos
            </a>
        </li>
	</ul>

	<div id="tab-content" class="tab-content"  style="height: calc(100% - 110px);" >

        <div role="tabpanel" class="tab-pane active in" id="tab1-container" name="" aria-labelledby="tab1-tab" style="height: 100%; overflow:auto;">
			<div class="row">

                <div style="display: -webkit-inline-box;" class="consulta-agrupamento"></div> 

				<div class="form-group">
					<label ttitle="<strong>NÃO</strong> - Os talões que utrapassarem a capacidade do agrupamento devem ir para o proximo agrupamento.<br>
                                  <strong>SIM</strong> - Todos os talões devem ocupar o mesmo agrupamento independente da capacidade.">Transbordar Agrupamento:</label>
					<div class="input-group">
						<select 
                            style="width: 190px;"
							name="repeatSelect" 
							id="repeatSelect"  
							class="filter_main"
							ng-model="vm.Remessa2.SELECTED.TRANSBORDAR_AGRUPAMENTOS"
                            ng-disabled="!vm.Remessa2.ALTERANDO">
							<option value="1">SIM</option>
							<option value="0">NÃO</option>
						</select>
					</div>
				</div>

                <div class="form-group">
                    <label title="Data inicial para produção da remessa">Data Inicial:</label>
                    <div class="input-group">
                        <input ng-atalho ng-readonly="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" ng-disabled="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" type="date" ng-model="vm.Remessa2.SELECTED.DATA" toDate id="data-prod3" class="form-control" required />
                        <button ng-readonly="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" ng-disabled="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.Remessa2.SELECTED.DATA = undefined;">
                            <span class="fa fa-close"></span>
                        </button>
                    </div>
                </div>

                <div class="form-group">
                    <label title="Data final para produção da remessa">Data Final:</label>
                    <div class="input-group">
                        <input ng-atalho ng-readonly="!vm.Remessa2.ALTERANDO  || vm.ConsultaAgrupamento.item.selected == true" ng-disabled="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" type="date" ng-model="vm.Remessa2.SELECTED.DATA_FIM" toDate id="data-prod4" class="form-control" required />
                        <button ng-readonly="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" ng-disabled="!vm.Remessa2.ALTERANDO || vm.ConsultaAgrupamento.item.selected == true" type="button" class="input-group-addon btn-filtro" tabindex="-1" ng-click="vm.Remessa2.SELECTED.DATA_FIM = undefined;">
                            <span class="fa fa-close"></span>
                        </button>
                    </div>
                </div>

                <div class="form-group">
                    <label title="Data para produção da remessa">Data Disponibilidade:</label>
                    <div class="input-group">
                        <input ng-atalho ng-readonly="!vm.Remessa2.ALTERANDO" ng-disabled="!vm.Remessa2.ALTERANDO" type="date" ng-model="vm.Remessa2.SELECTED.DATA_DISPONIBILIDADE" toDate id="data-prod5" class="form-control" required />
                        <button ng-readonly="!vm.Remessa2.ALTERANDO" ng-disabled="!vm.Remessa2.ALTERANDO" type="button" class="input-group-addon btn-filtro" tabindex="-1"  ng-click="vm.Remessa2.SELECTED.DATA_DISPONIBILIDADE = undefined;">
                            <span class="fa fa-close"></span>
                        </button>
                    </div>
                </div>

                <div class="form-group">
                    <label>Data Emissão:</label>
                    <div class="input-group">
                        <input ng-readonly="true" ng-disabled="true"
                            class="form-group input-menor" style="width: 169px !important;"
                            type="text" ng-model="vm.Remessa2.SELECTED.FDATAHORA">
                    </div>
                </div>

                <div class="form-group">
                    <div style="display: -webkit-inline-box;" class="consulta-fornecedor"></div> 
                </div>

                <br>

                <div class="form-group">
                    <label>Observações:</label>
                    <input
                        type="text"
                        style="width: 446px !important;"
                        class="form-control input-maior"
                        ng-model="vm.Remessa2.SELECTED.OBSERVACAO"
                        ng-readonly="!vm.Remessa2.ALTERANDO">
                </div>
                

			</div>
		</div>
		
		<div role="tabpanel" class="tab-pane" id="tab2-container" name="" aria-labelledby="tab2-tab" style="height: 100%; overflow:auto;">
			<div class="row">

                <div class="form-group" ng-show="false"  style="display: inline-block;">	
                    <div class="form-group">
                        <input 
                            id="radio4p257"
                            type="checkbox" 
                            ng-true-value="'0'"
                            ng-false-value="'1'"
                            class="alinhamento_radio7"
                            name="NormalAlterado57"
                            ng-model="vm.Remessa2.INCLUIR_KIT"
                            ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                            <label class="label_checkbox2" for="radio4p257">Incluir Modelo</label>
                    </div>

                    <div class="form-group" ng-show="false">
                        <input 
                            id="radio4p256"
                            type="checkbox" 
                            ng-true-value="'1'"
                            ng-false-value="'0'"
                            class="alinhamento_radio4"
                            name="NormalAlterado56"
                            ng-model="vm.Remessa2.INCLUIR_KIT"
                            ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                            <label class="label_checkbox2" for="radio4p256">Incluir KIT</label>
                    </div>
                </div>

                <div ng-show="vm.Remessa2.INCLUIR_KIT == 1"  style="display: inline-block;">
                    <div style="display: -webkit-inline-box;" class="consulta-modelo-kit"></div> 

                    <div class="form-group" ng-if="vm.Remessa2.INCLUIR_KIT == 1">
                        <label>Quantidade:</label>
                        <div class="input-group left-icon" style="width: 150px;">
                            <input
                                type="number"
                                step="@{{vm.ConsultaModeloKit.item.dados.QTD_MIN || 0}}"
                                min="@{{vm.ConsultaModeloKit.item.dados.QTD_MIN  || 0}}"
                                max="9999999"
                                class="form-control input-medio text-right"
                                ng-model="vm.Remessa2.QUANTIDADE_KIT"
                                ng-readonly="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                            <div style="padding: 9px;" class="input-group-addon">@{{ vm.ConsultaModeloKit.item.dados.UM || ''}}</div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label style="opacity: 0;">:</label>
                        <button ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0" ng-click="vm.Remessa2.IncluirItemKit()" type="button" class="btn btn-primary" data-hotkey="alt+6">
                            <span class="glyphicon glyphicon-ok"></span> Incluir
                        </button>
                    </div>
                </div>

                <div ng-show="vm.Remessa2.INCLUIR_KIT == 0"  style="display: inline-block;">
                    <div style="display: -webkit-inline-box;" class="consulta-modelo"></div> 
                    <div style="display: -webkit-inline-box;" class="consulta-cor"></div> 
                    <div ng-show="vm.Remessa2.TIPO_TELA_GERAR == 0 && vm.Remessa2.SEPARAR_TAMANHOS == 0" style="display: -webkit-inline-box;" class="consulta-tamanho"></div>

                    <div ng-if="vm.Remessa2.INCLUIR_KIT == 0 && vm.Remessa2.SEPARAR_TAMANHOS == 0" class="form-group">
                        <label>Quantidade:</label>
                        <div class="input-group left-icon" style="width: 150px;">
                            <input
                                type="number"
                                step="@{{vm.ConsultaModelo.item.dados.QTD_MIN || 0}}"
                                min="@{{vm.ConsultaModelo.item.dados.QTD_MIN  || 0}}"
                                max="9999999"
                                class="form-control input-medio text-right"
                                ng-model="vm.Remessa2.QUANTIDADE"
                                ng-readonly="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                            <div style="padding: 9px;" class="input-group-addon">@{{ vm.ConsultaModelo.item.dados.UM || ''}}</div>
                        </div>
                    </div>

                    <div class="form-group">
                        <label style="opacity: 0;">:</label>
                        <button ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0" ng-click="vm.Remessa2.IncluirItem()" type="button" class="btn btn-primary" data-hotkey="alt+6">
                            <span class="glyphicon glyphicon-ok"></span> Incluir
                        </button>
                    </div>
                    
                </div> 

                <div class="form-group" style="display: inline-block;">
                    <label style="opacity: 0;">:</label>
                    <div class="btn-group" role="group">
                        <button ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="fa fa-th-list"></span> Inclusão Rápida
                        </button>
                        <ul class="dropdown-menu">
                            <li><a ng-click="vm.Remessa2.impHistoricoPedido();">Importar Pedidos</a></li>
                            <li><a ng-click="vm.Remessa2.incluirModelosRapido();">Inclusão de Modelos</a></li>
                            </ul>
                    </div>
                </div>

                <div class="form-group" style="display: inline-block;">
                    <label style="opacity: 0;">:</label>
                    <div class="btn-group" role="group">
                        <button ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <span class="fa fa-th-list"></span> Opções
                        </button>
                        <ul class="dropdown-menu" style="width: 220px; padding-left: 10px;">
                            <li>
                                <div style="margin-top: -16px;" class="form-group">
                                <input
                                    check-standard2 bind=""
                                    id="radio4p1"
                                    type="checkbox" 
                                    ng-true-value="'1'"
                                    ng-false-value="'0'"
                                    name="NormalAlterado"
                                    ng-model="vm.Remessa2.SEPARAR_TAMANHOS"
                                    ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                                    <label class="label_checkbox1" for="radio4p1">Separar tamanhos</label>
                                </div>
                            </li>
                            <li>
                                <div class="form-group">
                                <!-- ng-click="vm.Remessa2.DUP_TIPO1 == '1' ? vm.Remessa2.DUP_TIPO2 = '0' : false" -->
                                <input
                                    check-standard2 bind=""
                                    id="radio4p1"
                                    type="checkbox" 
                                    ng-true-value="'1'"
                                    ng-false-value="'0'"
                                    name="NormalAlterado"
                                    ng-model="vm.Remessa2.DUP_TIPO1"
                                    ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                                    <label class="label_checkbox1" for="radio4p1">Manter Modelo</label>
                                </div>
                            </li>
                            <li ng-if="false">
                                <div style="margin-top: -5px;" class="form-group">
                                <!-- ng-click="vm.Remessa2.DUP_TIPO2 == '1' ? vm.Remessa2.DUP_TIPO1 = '0' : false" -->
                                <input 
                                    id="radio4p2"
                                    type="checkbox" 
                                    ng-true-value="'1'"
                                    ng-false-value="'0'"
                                    class="alinhamento_radio2"
                                    name="NormalAlterado"
                                    ng-model="vm.Remessa2.DUP_TIPO2"
                                    ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                                    <label class="label_checkbox1" for="radio4p2">Manter Cor</label>
                                </div>
                            </li>
                            <li ng-if="false">
                                <div style="margin-top: -5px; margin-bottom: 10px;" class="form-group">
                                <input 
                                    id="radio4p255"
                                    type="checkbox" 
                                    ng-true-value="'1'"
                                    ng-false-value="'0'"
                                    class="alinhamento_radio3"
                                    name="NormalAlterado55"
                                    ng-model="vm.Remessa2.REPETIR_SKU"
                                    ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                                    <label class="label_checkbox1" for="radio4p255">Repetir SKU</label>
                                </div>
                            </li>
                            <li ng-if="false">
                                <div style="margin-top: -5px; margin-bottom: 10px;" class="form-group">
                                <input 
                                    id="radio4p256"
                                    type="checkbox" 
                                    ng-true-value="'1'"
                                    ng-false-value="'0'"
                                    class="alinhamento_radio4"
                                    name="NormalAlterado55"
                                    ng-model="vm.Remessa2.TIPO_TELA_GERAR"
                                    ng-disabled="!vm.Remessa2.ALTERANDO || vm.Remessa2.SELECTED.TALOES_GERADOS > 0 || vm.Remessa2.SELECTED.REMESSA_ORIGEM > 0">
                                    <label class="label_checkbox1" for="radio4p256">Agrupar Modelo e Cor</label>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div ng-show="vm.Remessa2.SEPARAR_TAMANHOS == 1" style="display: inline-block; width: 100%;">
                    <fieldset ng-if="vm.Remessa2.LISTA_MODELOS.length > 0" style="margin-top: 10px !important; margin-bottom: 0px;">
                        <legend>Quantidade por Tamanho</legend>					
                        <div class="form-group" style="display: contents; width: 100% !important; padding-left: 15px; padding-bottom: 15px; border-radius: 9px; border-width: 1px 1px 1px 1px; border-color: rgb(221, 221, 221); border-style: solid; margin-top: -9px;">
                            <div class="form-group" style="width: 100%" id="test">
                                <div class="input-group" ng-repeat="item in vm.Remessa2.LISTA_GRADE | orderBy:'ORDEM' track by $index" style="margin-right: 10px; margin-bottom: 5px; margin-top: 2px; margin-left: 5px;">
                                    <div class="input-group-addon registroTransacaoTamanhoAddon" ng-class="item.ALTERAR == '1' ? 'green999box' : 'gray999box'" style="padding: 9px; min-width: 40px;">
                                        <span>@{{item.DESCRICAO}}</span>
                                    </div>

                                    <input
                                        tabindex="@{{item.TABINDEX}}"
                                        ng-number-format="0"
                                        type="text"
                                        style="width: 110px !important;"
                                        class="form-control text-right imput-tamanho-grade"
                                        ng-model="item.QUANTIDADE"
                                        ng-readonly="item.ALTERAR == 0"
                                        ng-disabled="item.ALTERAR == 0"
                                        min="0"
                                        onfocus="this.select();">

                                </div>                
                            </div>
                        </div>
                    </fieldset>
                </div> 
                
                <fieldset style="margin-bottom: 0px;">
	                <legend style="margin-bottom: 5px;">Necessidade</legend>
                    
                    <div ng-if="vm.Remessa2.TIPO_TELA_GERAR == 1" style="display: inline-flex; padding: 1px 1px 5px 2px;">
                        <div ng-repeat="grade in vm.Remessa2.GRADES track by $index"  style="height: 37px; display: inline-flex; @{{ $index > 0 ? 'margin-left: 5px;' : ''}} @{{ $first == true && grade.GRADE_ID == vm.Remessa2.GRADE_ID ? 'margin-right: -25px;' : ''}}">
                            <button ng-click="vm.Remessa2.mudarAba(grade)" type="button" class="btn btn-warning @{{ grade.GRADE_ID ==  vm.Remessa2.GRADE_ID ? 'grade_selected' : ''}}" data-hotkey="alt+@{{$index + 4}}">
                                <span class="glyphicon glyphicon-th"></span> @{{grade.DESCRICAO}}
                            </button>
                            <div class="@{{ grade.GRADE_ID == vm.Remessa2.GRADE_ID ? 'obj_grade_selected' : ''}}">
                            </div>
                        </div> 
                    </div>

                    <div ng-show="vm.Remessa2.TIPO_TELA_GERAR == 0" class="tabela_secundaria2"    id="tabela_secundaria2"></div>
                    <div ng-show="vm.Remessa2.TIPO_TELA_GERAR == 1" class="tabela_secundaria_agp" id="tabela_secundaria_agp"></div>

                </fieldset>

			</div>
		</div>

		<div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
			<div class="row" >
                <form class="form-inline">
            
                    <div class="row">
                        @include('ppcp._22600.modal.form-filtrar')
                    </div>

                    <div id="container" ng-right-click="vm.limparFiltro()">
                        <div class="remessas">
                            <div 
                                class="remessa-container"
                                ng-class="{'ocultar' : vm.selectedItemAcao(remessa,'REMESSA_VIEW','REMESSA_ID')}"
                                ng-repeat="remessa in vm.itens">
                                <div ng-init="remessa.ACAO = []" class="remessa-wrapper">
                                    <label title="Id da remessa: @{{ remessa.REMESSA_ID }}">Rem.: @{{ remessa.REMESSA }} | Fam.: @{{ remessa.FAMILIA_ID }} - @{{ remessa.FAMILIA_DESCRICAO }} @{{ remessa.REMESSA_GP_ID > 0 ? '| GP:' + remessa.REMESSA_GP_ID + ' - ' + remessa.REMESSA_GP_DESCRICAO : '' }} | Data: @{{ remessa.REMESSA_DATA_TEXT }}</label>

                                    @include('ppcp._22600.modal.talao')

                                    <div class="accordion-composicao panel-group accordion@{{ remessa.REMESSA_ID }}" id="accordion@{{ remessa.REMESSA_ID }}" role="tablist" aria-multiselectable="true">
                                        @include('ppcp._22600.modal.talao-detalhe')

                                        @include('ppcp._22600.modal.talao-consumo')
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
			</div>
		</div>

        <div role="tabpanel" class="tab-pane" id="tab3-container" name="" aria-labelledby="tab3-tab" style="height: 100%; overflow:auto;">
            <div class="row">
            </div>
        </div>

        <div role="tabpanel" class="tab-pane" id="tab4-container" name="" aria-labelledby="tab4-tab" style="height: 100%; overflow:auto;">
            <div class="row">

                <button ng-if="false" type="submit" class="btn btn-warning" ng-click="vm.estruturaAction.transferirAgrupamento()">
                    <span class="glyphicon glyphicon-random"></span> Transferir Talões não finalizados
                </button>
                
                <div ng-repeat="agrupamento in vm.agrupamentos track by $index">
                    <div class="panel panel-primary" style="margin-bottom: 5px !important; margin-top: 3px;"> 
                        <div class="panel-heading collapsed" style="height: 30px; cursor: pointer !important;" tabindex="-1" id="Tab_container@{{$index}}" data-toggle="collapse" data-target="#container@{{$index}}" aria-expanded="true" aria-controls="container@{{$index}}" ng-click="agrupamento.ABERTO = !agrupamento.ABERTO;"> 				
                            <h3  style="font-size: 14px; margin-top: -2px;" class="panel-title">@{{agrupamento.AGRUPAMENTO_ID}} - @{{agrupamento.AGRUPAMENTO}}
                                <i class="fa fa-chevron-circle-down" style="float: right; cursor: pointer; margin-top: -3px;"
                                    ng-class="{'fa-chevron-circle-down': !agrupamento.ABERTO, 'fa-chevron-circle-up': agrupamento.ABERTO}" aria-hidden="true">
                                </i>
                            </h3> 
                        </div> 
                             
                        <div class="panel-body collapse" id="container@{{$index}}" aria-expanded="false" style="height: 30px;">

                        <div style="width: 400px; height: 300px;" ng-repeat="item in agrupamento.ITENS track by $index">
                            <canvas id="@{{item.GRAFICO_ID}}"></canvas>
                        </div>

                        <!--
                            <div style="width: 260px; display: inline-block; text-align: center;" ng-repeat="item in agrupamento.ITENS track by $index" ng-dblclick="vm.AgrupamentoPedRepItens.detalhamentoItem(item, $index);">
                                <div style="border-left: 1px solid #e2cece; border-bottom: 1px solid #e2cece; margin-bottom: 10px; background-image: url(assets/images/back_grafic.jpg); background-size: 23.6px;">

                                    <div class="progress progress-striped vertical">
                                        
                                        <div role="progressbar" style="height: @{{item.PERCENTUAL_UTILIZADO}}%;" class="progress-bar progress-bar-danger">
                                            <span style="font-weight: bold;" ng-class="{'percentualMenor': item.PERCENTUAL_UTILIZADO < 10}">@{{item.PERCENTUAL_UTILIZADO | number: 2}}%</span>
                                        </div>

                                    </div>
                                </div>

                                <legend class="legendUP" ng-class="{'legendUP100': item.PERCENTUAL_UTILIZADO >= 100}">@{{item.UP_DESCRICAO}}</legend>

                                <div class="legenda_dash" style="display: inline-grid;">
                                    <table id="tabelaFooterLegend">
                                        <tbody>
                                            <tr>
                                                <td><span class="capProdutiva">Cap.Produtiva:</span>	</td>
                                                <td><span class="capProdutiva">@{{item.CAP_PRODUTIVA | number: 0}} min</span>	</td>
                                            </tr>
                                            <tr>
                                                <td><span class="utilizado">Utilizado:</span>	</td>
                                                <td><span class="utilizado">@{{item.UTILIZADO | number: 0}} min</span>	</td>
                                            </tr>
                                            <tr>
                                                <td><span class="saldo">Saldo:</span>	</td>
                                                <td><span class="saldo">@{{item.SALDO | number: 0}} min</span>	</td>
                                            </tr>
                                            <tr>
                                                <td><span>Excedente:</span>	</td>
                                                <td><span>@{{item.EXCEDENTE | number: 0}} min</span>	</td>
                                            </tr>

                                            <tr>
                                                <td><span>Colaboradores:</span>	</td>
                                                <td><span>@{{item.COLABORADORES | number: 0}}</span>	</td>
                                            </tr>
                                        </tbody>
                                    </table>	

                                </div>
                                
                            </div>
                        -->
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
        
</div>
</form>

@overwrite