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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span ng-if="vm.CALENDPRODGP.INCLUINDO">{{ Lang::get('ppcp/_22480.titulo-gerar') }}</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CALENDPRODGP.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CALENDPRODGP.ALTERANDO" ng-click="vm.CALENDPRODGP.cancelar_gerar()" 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 - 230px);">
	
    <div class="row">
	
		<div class="form-group">
			<label>Período de destino</label>
            <select ng-model="vm.CALENDPRODGP.SELECTED.MES" class="form-control">
				<option ng-repeat="item in vm.CALENDPRODGP.FILTRO_MESES track by $index"
					ng-value="item.VALOR">@{{item.DESCRICAO}}</option>
			</select>
			<select ng-model="vm.CALENDPRODGP.SELECTED.ANO" class="form-control">
				<option ng-repeat="n in [].constructor(100) track by $index+1990"
					ng-value="$index+1990">@{{ $index+1990 }}</option>
			</select>
		</div>
		
		<br>
		<fieldset style="margin-top: 20px;">
			<legend>Grupo(s) selecionado(s)</legend>		
			<div class="table-ec table-scroll" style="height: calc(100vh - 580px);">
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr gc-order-by="vm.CALENDPRODGP.ORDER_BY">
							<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    
							<th field="ID">ID</th>
							<th field="DESCRICAO">Descrição</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in vm.CALENDPRODGP.DADOS_RENDER_GERAR = ( vm.CALENDPRODGP.DADOS_GERAR | orderBy : vm.CALENDPRODGP.ORDER_BY)" tabindex="0">
							<td class="t-status status-@{{ item.STATUS }}">
							</td>
							<td>
								<span>
									@{{ item.ID || 0 | lpad: [4,0] }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESCRICAO }}
								</span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</fieldset>
		<!-- <div style="display: -webkit-inline-box;" class="consulta-usuario"></div> -->
		<!-- <div class='div_arquivos'></div> -->
		
    </div>
</div>
</form>

@overwrite