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

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

@section('modal-header-left')

<h4 class="modal-title">
	Replicar
</h4>

@overwrite

@section('modal-header-right')


	<button id="alterar_copias" ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0 || !vm.CADMETARepresentante.VERIFC_MARCAR_COPIA_DADOS || vm.CADMETARepresentante.DADOS_COPIA == []" ng-if="!vm.CADMETARepresentante.ALTERANDO_COPIA" ng-click="vm.CADMETARepresentante.alterar_copia()" type="button" class="btn btn-primary" data-hotkey="f9">
		<span class="glyphicon glyphicon-edit"></span> Alterar
	</button>   
	
	<button type="submit" class="btn btn-success" ng-if="vm.CADMETARepresentante.ALTERANDO_COPIA" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
	</button>

	<button ng-if="vm.CADMETARepresentante.ALTERANDO_COPIA" type="button" ng-click="vm.CADMETARepresentante.cancelar()" class="btn btn-danger btn-cancelar" data-hotkey="esc">
		<span class="glyphicon glyphicon-ban-circle"></span> Cancelar
	</button>
	
	<button ng-click="vm.CADMETARepresentante.cancelarCopiarDados()" type="button" ng-if="!vm.CADMETARepresentante.ALTERANDO_COPIA" class="btn btn-light">
        <span class="glyphicon glyphicon-share-alt"></span> Voltar
	</button>
	
	<!--<button ng-disabled="{{ userMenu($menu)->ALTERAR }} == 0" ng-if="!vm.CADMETARepresentanteItens.ALTERANDO" ng-click="vm.CADMETARepresentanteItens.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.CADMETARepresentanteItens.ALTERANDO" ng-click="vm.CADMETARepresentanteItens.excluir()" type="button" class="btn btn-danger" data-hotkey="f12">
        <span class="glyphicon glyphicon-trash"></span> Excluir
    </button>
	
	<button ng-if="!vm.CADMETARepresentanteItens.ALTERANDO" type="button" class="btn btn-default btn-fechar-modal btn-voltar" data-dismiss="modal" data-hotkey="esc">
      <span class="glyphicon glyphicon-chevron-left"></span> Voltar
    </button>-->	

@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">

    <div class="row">

		<div class="form-group">
			<label>Tipo de Cópia</label>
			<select 
				class="form-control" 
				required
				ng-model="vm.CADMETARepresentante.TYPE"
				ng-change="vm.CADMETARepresentante.LimparConsultasCopiarDados()"
				form-validate="true">
				<option value="1">TODOS</option>
				<option value="2">Por Família</option>
				<option value="3">Por Representante</option>
				<option value="4">Por Representante/Família</option>
			</select>
		</div>

		<div class="form-group">
            <label>Período de Origem:</label>
            <select 
                class="form-control" 
                required
				ng-model="vm.CADMETARepresentante.FILTRO_COPIA_MES"
				ng-change="vm.CADMETARepresentante.DADOS_COPIA = []"
				form-validate="true">
				<option value="0">Todos os meses</option>
				<option value="1">Janeiro</option>
				<option value="2">Fevereiro</option>
				<option value="3">Março</option>
				<option value="4">Abril</option>
				<option value="5">Maio</option>
				<option value="6">Junho</option>
				<option value="7">Julho</option>
				<option value="8">Agosto</option>
				<option value="9">Setembro</option>
				<option value="10">Outubro</option>
				<option value="11">Novembro</option>
				<option value="12">Dezembro</option>
			</select>
			<select 
				class="form-control" 
				required
				ng-model="vm.CADMETARepresentante.FILTRO_COPIA_ANO"
				form-validate="true">
				<option ng-repeat="n in [].constructor(100) track by $index+1990">@{{ $index+1990 }}</option>
			</select>
		</div>

		<div class="form-group">
            <label>Período de Destino:</label>
            <select 
                class="form-control" 
				required
				ng-if="vm.CADMETARepresentante.FILTRO_COPIA_MES != '0' || vm.CADMETARepresentante.FILTRO_COPIA_MES != 0"
                ng-model="vm.CADMETARepresentante.FILTRO_COPIA_MES2">
				<option value="1">Janeiro</option>
				<option value="2">Fevereiro</option>
				<option value="3">Março</option>
				<option value="4">Abril</option>
				<option value="5">Maio</option>
				<option value="6">Junho</option>
				<option value="7">Julho</option>
				<option value="8">Agosto</option>
				<option value="9">Setembro</option>
				<option value="10">Outubro</option>
				<option value="11">Novembro</option>
				<option value="12">Dezembro</option>
			</select>
			<select 
                class="form-control" 
                required
                ng-model="vm.CADMETARepresentante.FILTRO_COPIA_ANO2"
				form-validate="true">
				<option ng-repeat="m in [].constructor(100) track by $index+1990">@{{ $index+1990 }}</option>
			</select>
		</div>

		<div ng-show="vm.CADMETARepresentante.TYPE == '2' || vm.CADMETARepresentante.TYPE == '4'" style="display: -webkit-inline-box;" class="consulta-familia-copia"></div>
		
		<div ng-show="vm.CADMETARepresentante.TYPE == '3' || vm.CADMETARepresentante.TYPE == '4'" style="display: -webkit-inline-box;" class="consulta-representante-copia"></div>		
	
	</div>
	<br>
	<div class="table-filter collapse in" aria-expanded="true" 
			style="margin-bottom: 4px;
					background: rgba(221,221,221,.33);
					padding: 2px 10px 7px;
					border-radius: 5px;">
		<div class="form-group" style="margin-bottom: 4px;">
		<label for="filtro_dados2">Filtragem por Representante/Familia</label>
			<input 
				id="filtro_dados2"
				type="text"
				style="width: 60%;"
				placeholder="Filtragem rápida..."
				class="form-control input-maior" 
				ng-model="vm.CADMETARepresentante.FILTRO_DADOS_COPIA"
				ng-readonly="vm.CADMETARepresentante.ALTERANDO">
		</div>

		<button type="button" class="btn btn-xs btn-primary btn-filtrar" ng-click="vm.CADMETARepresentante.consulta_copiar()" ng-disabled="vm.CADMETARepresentante.ALTERANDO" data-hotkey="alt+f" id="btn-table-filter" style="vertical-align: text-top;top: 2px;">
			<span class="glyphicon glyphicon-filter"></span> Filtrar
		</button>
		
	</div>

	<div class="table-ec table-scroll" style="height: calc(100vh - 442px);">
        <table id="table_data" class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
            <thead>
                <tr gc-order-by="vm.CADMETARepresentante.ORDER_BY">
             	 	<th id="CheckField" ttitle="Selecionar campos para alterá-los ou excluí-los" style="width:3%;">
					<input
						id="check_all_tabela_copia"
						type="checkbox"
						class="chk-selec-form"
						ng-click="vm.CADMETARepresentante.MarcarLinhasTabelaCopia();vm.CADMETARepresentante.ChecarMarcacaoTabelaCopiaDados();"
						tabindex="-1">
					</th>	
				 	<th field="ID">ID</th>
					<th field="DESC_FAMILIA_COPIA">Família</th>
					<th field="DESC_REPRESENTANTE_COPIA">Representante</th>
					<th field="DESC_MES">Mês</th>
					<th field="VALOR">Valor</th>
					<th field="QUANTIDADE">Quantidade</th>
                </tr>
            </thead>
            <tbody vs-repeat>
				<tr ng-repeat="item in vm.CADMETARepresentante.DADOS_RENDER_COPIA = ( vm.CADMETARepresentante.DADOS_COPIA | orderBy :  ['DESC_FAMILIA_COPIA','REPRESENTANTE_ID','DESC_MES'] | find: {model : vm.CADMETARepresentante.FILTRO_DADOS_COPIA ,fields : ['DESC_REPRESENTANTE_COPIA','DESC_FAMILIA_COPIA','DESC_MES']})"
					ng-focus="vm.CADMETARepresentante.SELECTED_COPIA = item"
                    ng-class="{ 'selected' : vm.CADMETARepresentante.SELECTED_COPIA == item }"
                    tabindex="0">
					<td>
						<span>
						<input
							type="checkbox"
							class="chk-selec-form"
							ng-model="item.Check_tabela_copia"
							ng-click="vm.CADMETARepresentante.ChecarMarcacaoTabelaCopiaDados()">
						</span>
					</td>
					<td>
                        <span>
                            @{{ item.ID || 0 | lpad: [4,0] }}
                        </span>
					</td>
					<td>
                        <span>
                            @{{ item.DESC_FAMILIA_COPIA }}
                        </span>
                    </td>
                    <td>
                        <span>
                            @{{ item.DESC_REPRESENTANTE_COPIA }}
                        </span>
					</td>
					<td>
                        <span>
                            @{{ item.DESC_MES }}
                        </span>
					</td>
					<td style="text-align: end;">
                        <span ng-if="vm.CADMETARepresentante.ALTERANDO_COPIA">
						<div class="input-group">
						<div class="input-group-addon">
							R$
						</div>
						<input 
							string-to-number
							style="text-align:right;
									font-size:small;
									width: 50%; 
									padding-right: 0pt; 
									height: 33px; 
									font-size: 14px; 
									text-size-adjust: 100%;"
							type="number"
							min="0.01"
							step="0.01"
							class="form-control"
							aria-describedby="basic-addon2"
							ng-model="item.VALOR"
							ng-class="{'input_copia_desbloqueado':item.Check_tabela_copia == true}"
							ng-readonly="item.Check_tabela_copia == false">
						</div>
						</span>
						<span ng-if="!vm.CADMETARepresentante.ALTERANDO_COPIA">
							R$ @{{ item.VALOR | number:2 }}
						</span>
					</td>
					<td style="text-align: end;">
						<span ng-if="vm.CADMETARepresentante.ALTERANDO_COPIA">
						<div class="form-group">
						<input
							style="text-align:right; 
							font-size:small; 
							width: 55%; 
							padding-right: 0pt;
							height: 33px; 
							font-size: 14px;  
							text-size-adjust: 100%;"
							type="number"
							min="0.01"
							step="0.01"
							class="form-control"
							ng-model="item.QUANTIDADE"
							ng-class="{'input_copia_desbloqueado':item.Check_tabela_copia == true}"
							ng-readonly="item.Check_tabela_copia == false">
						</div>
						</span>
						<span ng-if="!vm.CADMETARepresentante.ALTERANDO_COPIA">
							 @{{ item.QUANTIDADE | number:2 }}
						</span>
					</td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
</form>

@overwrite