@extends('BaseSistemaWeb')

@section('CSS')
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.webui-popover/1.2.1/jquery.webui-popover.min.css">
{{-- HTML::style('WebPro/plugins/bootstrap-colorpicker/css/colorpicker.css') --}}
{{ HTML::style('bootstrap-colorpicker/css/bootstrap-colorpicker.min.css') }}
{{ HTML::style('SysWeb/SumeClientes/BootstrapMod.css') }}
{{ HTML::style('SysWeb/SumeClientes/bootstrap-custom-breakpoint.css') }}
{{ HTML::style('bootstrap-slider/bootstrap-slider.min.css') }}
<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
	.disenhador{ background: url({{ asset('SysWeb/SumeClientes/edit-bg.png') }}); }
	.colorpicker.dropdown-menu.alpha{ z-index: 500000000; }
	/*.BordesDiv:hover{ border-width: 1px; border-color: blue; border-style: dashed; }*/
	/*.BordesElemento:hover{ border-width: 1px; border-color: blue; border-style: dashed; }*/
	.BordesElemento:hover{ box-shadow: 0px 0px 0px 1px #03ddff; }
	.BordesElemento{ transition: box-shadow 0.3s ease-in-out 0s; }
	.SepararCampos{ display: inline-block; }
	.brd { border:1px solid #000; }
	.placeholder { width:300px; height:50px; background-color:#DDD; }
	.img-biblioteca{ height: 100px; }
	.image_picker_image{ height: 100px !important; width: 119px !important; object-fit: contain; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalBiblioteca .modal-dialog .modal-footer{ display: unset !important; border-top: unset !important; }
	.iframeModal .modal-header{ background-color: #363b3f !important;}
	#btn-laptop, #btn-movil {
		font-size: 25px;
		padding-right: 15px;
		padding-left: 15px;
		cursor: pointer;
		opacity: 1;
		position: relative;
	}
	.modal .bootstrap-dialog-header .bootstrap-dialog-close-button{
		display: block !important;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button {
		border-radius: 0 !important;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button.btn-default{
		padding-left: 5px;
		padding-right: 22px;
	}
	.dvRegla .bootstrap-select {
		z-index: unset !important;
	}
	.dvRegla >.input-group {
		display: flex;
	}
	/*#frmCuerpo #btnSubmit{
		height: unset !important;
	}*/
	.error {
      color: red;
	  font-weight: normal;
   }
   	body{
		font-weight: normal;
	}
</style>
{{ HTML::style('jquery-ezdz/jquery.ezdz.min.css') }}
{{ HTML::style('jQueryUI/NT/jquery-ui.min.css') }}
{{ HTML::style('jQueryUI/NT/jquery-ui.structure.min.css') }}
{{-- HTML::style('VideoJS/video-js.css') --}}
{{-- HTML::script('VideoJS/videojs-ie8.min.js') --}}
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
@if(isset($_GET["nomin"]))
{{ HTML::style('SysWeb/SumeClientes/EditorDeFormularios.css?v='.date('H:i:s')) }}
@else
{{ HTML::style('SysWeb/SumeClientes/EditorDeFormularios.min.css?=v2.9.98') }}
@endIf
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
{{ HTML::style('image-picker/image-picker.css') }}
{{ HTML::style('bootstrap-treeview/bootstrap-treeview.min.css') }}
{{ HTML::style('Webui-Popover/jquery.webui-popover.min.css') }}
{{ HTML::style('VideoJS/video-js.min.css') }}
{{ HTML::style('fontawesome-iconpicker/css/fontawesome-iconpicker.min.css') }}
{{ HTML::style('HoverCSS/hover-modificado.min.css?v='.date('H:i:s')) }}
{{ HTML::style('SysWeb/SumeClientes/Fuentes.min.css') }}

<link id="Adamia" href="//fonts.googleapis.com/css?family=Adamina" rel="stylesheet" type="text/css">
<link id="DancingScript" href="//fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet" type="text/css">
<link id="DroidSans" href="//fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
<link id="JustAnotherHand" href="//fonts.googleapis.com/css?family=Just+Another+Hand" rel="stylesheet" type="text/css">
<link id="LobsterTwo" href="//fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet" type="text/css">
<link id="Montserrat" href="//fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link id="NixieOne" href="//fonts.googleapis.com/css?family=Nixie+One" rel="stylesheet" type="text/css">
<link id="OpenSans" href="//fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
<link id="Oswald" href="//fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css">
<link id="Pacifico" href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
<link id="ShadowsIntoLightTwo" href="//fonts.googleapis.com/css?family=Shadows+Into+Light+Two" rel="stylesheet" type="text/css">
<link id="TheGirlNextDoor" href="//fonts.googleapis.com/css?family=The+Girl+Next+Door" rel="stylesheet" type="text/css">
<link id="BubblegumSans" href="//fonts.googleapis.com/css?family=Bubblegum+Sans" rel="stylesheet" type="text/css">
<link id="LondrinaSolid" href="//fonts.googleapis.com/css?family=Londrina+Solid" rel="stylesheet" type="text/css">
<link id="RockSalt" href="//fonts.googleapis.com/css?family=Rock+Salt" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Acme|Anton|Archivo+Narrow|Arimo|Asap|Bangers|Cabin|Fira+Sans|Indie+Flower|Josefin+Sans|Lato|Luckiest+Guy|Monoton|Nanum+Gothic|Nunito|Orbitron|PT+Sans|Permanent+Marker|Poiret+One|Poppins|Raleway|Roboto|Rubik|Source+Sans+Pro|Ubuntu" rel="stylesheet">
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-envelope-o"></i> E-Mail Marketing </h2>
	</div>
</div>
<div class="modal fade mdAvatar bootstrap-dialog" id = "modal_add_opc" tabindex = "-1" role = "dialog" aria - labelledby="modalLabel" aria - hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bootstrap-dialog-draggable">
				<div class="bootstrap-dialog-header">
					<div class="bootstrap-dialog-close-button" style="display: none;">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
					</div>
					<div class="bootstrap-dialog-title">
						Configurar opciones de selección...
					</div>
				</div>
			</div>
			<div class="modal-body">
				<div class="bootstrap-dialog-body"> 
					<div class="alert alert-info role="alert">
						<strong>Atención:</strong>
						Se creará la etiqueta de la opción a agregar para optimizar el filtrado de tus listas.
					</div>
					<label> Añadir una opción </label> 
					<form id="frmAgegarEtiqueta" name="frmAgegarEtiqueta">
						<div class="input-group"> 
							<input type="text" class="form-control" id="newOpc" name="newOpc" data-container="body"> 
							<span class="input-group-btn">
								<button type="button" class="btn btn-default">+</button> 
							</span> 
						</div> 
					</form> 
					<span class="text-danger" id="errNewOpc"></span> 
					<hr> 
					<label> Gestionar opciones </label> 
					<br><br> 
					<div id="listOpc"> 
					</div> 
				</div>
			</div>
			<div class="modal-footer" style="margin-top: 0px;">
				<button type="button" class="btn btn-primary btn-lg btn-block" data-dismiss="modal">Listo</button>
			</div>
		</div>
	</div>
</div>
<div class="modal fade mdAvatar bootstrap-dialog" id = "modal_conf_opc" tabindex = "-1" role = "dialog" aria - labelledby="modalLabel" aria - hidden="true">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header bootstrap-dialog-draggable">
				<div class="bootstrap-dialog-header">
					<div class="bootstrap-dialog-close-button" style="display: none;">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
					</div>
					<div class="bootstrap-dialog-title">
						Configuración de etiquetas
					</div>
				</div>
			</div>
			<div class="modal-body">
				<div class="bootstrap-dialog-body"> 
					<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas: </label>
						<div class="col-sm-9">
							<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas_opc" name="etiquetas_opc[]">
								<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
								@foreach($Etiquetas as $indice => $Etiqueta)
								<option value="{{ $Etiqueta->id }}" id="sl_op{{ $Etiqueta->id }}"> {{ $Etiqueta->nombre }} </option>
								@endforeach
							</select>
							<span class="text-danger" id="erretiquetas"> </span>
							<div id="dvEtiquetasOpc" style="padding-top: 20px; padding-bottom: 20px;"></div>
						</div>
					</div>
				</div>
				<button type="button" class="btn btn-primary btn-lg btn-block" data-dismiss="modal">Listo</button>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header" style="display: inline-block; width: 50%;"> Editar formulario <strong> {{ $Formulario->nombre }} </strong> de <strong> {{ $ListaEmail->nombre }} </strong> </h3> <div style="width: 40%; display: inline-block;"><span class="fa fa-mobile vista-movil tooltip" title="Vista Móvil" data-toggle="tooltip" id="btn-movil"></span> <span class="fa fa-laptop vista-movil tooltip" data-toggle="tooltip" title="Vista PC" id="btn-laptop"></span></div>   </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => array('SysWebEmailMarketingFormulariosEditar', $ListaEmail->id, $Formulario->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre del formulario </label>
						<div class="col-sm-9">
							{{ Form::text('nombre_form', $Formulario->nombre,  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnombre_form"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Etiquetas asociadas (Opcional) </label>
						<div class="col-sm-9">
							<div class="input-group">
								<select class="form-control selectpicker" multiple data-live-search="true" data-selected-text-format="count" id="etiquetas" name="etiquetas[]">
									<option value="0" disabled> Seleccione las etiquetas a asociar... </option>
									@foreach($Etiquetas as $indice => $Etiqueta)