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

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

@section('modal-header-left')

<h4 class="modal-title">
	<span>23190 - Cadastro de Escalas (Horários) - Replicar</span>
</h4>

@overwrite

@section('modal-header-right')

	<button ng-if="vm.CADDEESCALASDomingo.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CADDEESCALASDomingo.ALTERANDO" ng-click="vm.CADDEESCALASDomingo.cancelar_rpl()" type="button" class="btn btn-danger btn-cancelar" data-hotkey="esc">
        <span class="glyphicon glyphicon-ban-circle"></span> Voltar
    </button>
@overwrite

@section('modal-body')
<div style="height: calc(100vh - 230px);">
    <div class="row">
		<div class="form-group">
			<label>Escala selecionada:</label>
			<input type="text" class="form-control input-maior" ng-readonly="true"
				ng-model="vm.CADDEESCALAS.SELECTED.DESCRICAO">
		</div>
		<div class="form-group" style="display: flex;">
			<div class="form-group" style="display: flex; width: fit-content;">
				<div class="form-group" style="margin-top: 25px;">
					<label>Replicar para: </label>
				</div>
				<div class="form-group" style="margin-top: -5px;">
					<div class="form-group">
						<label class="label_dia">Seg</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA2" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group">
						<label class="label_dia">Ter</label>
						<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA3" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group">
						<label class="label_dia">Qua</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA4" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group">
						<label class="label_dia">Qui</label>
						<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA5" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group">
						<label class="label_dia">Sex</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA6" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group">
						<label class="label_dia">Sáb</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.RPL_DIA7" ng-true-value="'1'" ng-false-value="'0'">
					</div>
				</div>
			</div>
		</div>

		
	<!--

		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '1'" value="1">Domingo</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '2'" value="2">Segunda-Feira</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '3'" value="3">Terça-Feira</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '4'" value="4">Quarta-Feira</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '5'" value="5">Quinta-Feira</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '6'" value="6">Sexta-Feira</option>
		<option ng-if="vm.CADDEESCALASDomingo.FILTRO_DIA != '7'" value="7">Sábado</option>
		
		<div class="form-group">
			<label>Dias de Destino:</label>
			<div class="container">
				<div class="row">
					<div class="col-lg-12">
						<div class="button-group">
							<button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"></button>
							<ul class="dropdown-menu">
								<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA1" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Domingo</a></li>
								<li><a href="#" class="small" data-value="option1" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA2" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Segunda-Feira</a></li>
								<li><a href="#" class="small" data-value="option2" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA3" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Terça-Feira</a></li>
								<li><a href="#" class="small" data-value="option3" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA4" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Quarta-Feira</a></li>
								<li><a href="#" class="small" data-value="option4" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA5" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Quinta-Feira</a></li>
								<li><a href="#" class="small" data-value="option5" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA6" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Sexta-Feira</a></li>
								<li><a href="#" class="small" data-value="option6" tabIndex="-1"><input type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA7" ng-true-value="'1'" ng-false-value="'0'"/>&nbsp;Sábado</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="form-group" style="width: fit-content;">
			<div class="form-group" style="margin-top: 10px;">
				<label>Dias de Destino</label>
			</div>			
			<div class="form-group">
				<div class="form-group">					
					<input style="margin-left: 6px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA1" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '1'">
					<label class="label_dia_rpl">Domingo</label>
				</div>
				
				<div class="form-group">					
					<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA2" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '2'">
					<label class="label_dia_rpl">Segunda-Feira</label>
				</div>
				
				<div class="form-group">					
					<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA3" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '3'">
					<label class="label_dia_rpl">Terça-Feira</label>
				</div>
				
				<div class="form-group">
					<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA4" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '4'">
					<label class="label_dia_rpl">Quarta-Feira</label>
				</div>

				<div class="form-group">					
					<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA5" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '5'">
					<label class="label_dia_rpl">Quinta-Feira</label>
				</div>
				
				<div class="form-group">
					<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA6" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '6'">
					<label class="label_dia_rpl">Sexta-Feira</label>
				</div>
				
				<div class="form-group">
					<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASDomingo.SELECTED.RPL_DIA7" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASDomingo.ALTERANDO || vm.CADDEESCALASDomingo.FILTRO_DIA == '7'">
					<label class="label_dia_rpl">Sábado</label>
				</div>					
			</div>
		</div>-->
	</div>
	<fieldset style="margin-top: 20px;">
		<legend> Horários a serem replicados</legend>	
		<div class="row">		
			<div class="table-ec table-scroll" style="min-height: 200px;">
				<table class="table table-striped table-bordered table-condensed table-no-break table-middle table-low">
					<thead>
						<tr gc-order-by="vm.CADDEESCALASDomingo.ORDER_BY">
							<th field="STATUS" style="width: 23px; min-width: 23px;" ttitle="Status<br/>Verde: Ativo | Vermelho: Inativo"></th>                    					
							<th field="SEQUENCIA">Seq.</th>
							<th field="DESC_HORARIO">Horário</th>
							<th field="DESC_HORA1">Antes</th>
							<th field="DESC_HORA2">Hora</th>
							<th field="DESC_HORA3">Após</th>
							<th field="DESC_GER_PROX">Gera Saída</th>
							<th field="DESC_GER_ANT">Gera Entrada</th>
							<th field="DESC_PROX_JOR">Próx.Jornada</th>
						</tr>
					</thead>
					<tbody>
						<tr ng-repeat="item in vm.CADDEESCALASDomingo.DADOS_RENDER_RPL = ( vm.CADDEESCALASDomingo.DADOS_RPL | orderBy : vm.CADDEESCALASDomingo.ORDER_BY ) track by $index" tabindex="0">
							<td class="t-status status-@{{ item.STATUS }}">
							</td>
							<td>
								<span>
									@{{ item.SEQUENCIA }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_HORARIO }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_HORA1 }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_HORA2 }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_HORA3 }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_GER_PROX }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_GER_ANT }}
								</span>
							</td>
							<td>
								<span>
									@{{ item.DESC_PROX_JOR }}
								</span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</fieldset>
</div>
</form>

@overwrite