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

@section('modal-start')
    <form class="form-inline" ng-submit="vm.CADDEESCALASItens.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.CADDEESCALASItens.ALTERANDO" type="submit" class="btn btn-success" data-hotkey="f1">
        <span class="glyphicon glyphicon-ok"></span> Gravar
    </button>
	
	<button ng-if="vm.CADDEESCALASItens.ALTERANDO" ng-click="vm.CADDEESCALASItens.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">
			<label>Dia para replicar:</label>
			<input type="text" class="form-control input-maior" ng-readonly="true"
				ng-model="vm.CADDEESCALASItens.texto_dia">
		</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" ng-if="vm.CADDEESCALASItens.DIA != 1">
						<label class="label_dia">Dom</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA1" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 2">
						<label class="label_dia">Seg</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA2" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 3">
						<label class="label_dia">Ter</label>
						<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA3" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 4">
						<label class="label_dia">Qua</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA4" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 5">
						<label class="label_dia">Qui</label>
						<input style="margin-left: 2px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA5" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 6">
						<label class="label_dia">Sex</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA6" ng-true-value="'1'" ng-false-value="'0'">
					</div>
					<div class="form-group" ng-if="vm.CADDEESCALASItens.DIA != 7">
						<label class="label_dia">Sáb</label>
						<input style="margin-left: 4px;" type="checkbox" ng-model="vm.CADDEESCALASItens.SELECTED.RPL_DIA7" ng-true-value="'1'" ng-false-value="'0'">
					</div>
				</div>
			</div>
		</div>
	<!--

		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '1'" value="1">Domingo</option>
		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '2'" value="2">Segunda-Feira</option>
		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '3'" value="3">Terça-Feira</option>
		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '4'" value="4">Quarta-Feira</option>
		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '5'" value="5">Quinta-Feira</option>
		<option ng-if="vm.CADDEESCALASItens.FILTRO_DIA != '6'" value="6">Sexta-Feira</option>
		<option ng-if="vm.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA1" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA2" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA3" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA4" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA5" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA6" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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.CADDEESCALASItens.SELECTED.RPL_DIA7" ng-true-value="'1'" ng-false-value="'0'" ng-disabled="!vm.CADDEESCALASItens.ALTERANDO || vm.CADDEESCALASItens.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="tabela_itens_replicados" id="tabela_itens_replicados"></div>
	</fieldset>
</div>
</form>

@overwrite