@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('jquery-ezdz/jquery.ezdz.min.css') }}
{{ HTML::style('Spectrum/spectrum.min.css') }}
{{ HTML::style('jQueryUI/jquery-ui-1.12.1.custom/jquery-ui.min.css') }}
{{ HTML::style('jquery-ui-timepicker-addon/jquery-ui-timepicker-addon.min.css') }}
<style type="text/css">
	.pointer{ cursor:pointer; }
	.Separacion{ display: inline-block; padding: 1px; }
</style>
{{ HTML::style('image-picker/image-picker.css') }}
<style type="text/css">
	.image_picker_image{ height: 260px !important; width: 200px !important; }
</style>
{{ HTML::style('WebPro/plugins/dropzone/dropzone.css') }}
{{ HTML::style('image-picker/image-picker.css') }}
<style type="text/css">
	.img-biblioteca { height: 100px; }
	.image_picker_image { height: 100px !important; width: 119px !important; }
	.ModalBiblioteca .modal-dialog { width: 75%; }
	.ModalCronometro .modal-dialog { width: 55%; }
	.ModalBiblioteca .modal-dialog .modal-footer, .ModalCronometro .modal-dialog .modal-footer { display: unset !important; border-top: unset !important; }
	/*.image_picker_image { object-fit: contain; }*/
	.text-count-wrapper-t { display: none; }
	.text-count-wrapper-d { display: none; }
	.modal-backdrop { z-index: 1040 !important; }
	.ModalBiblioteca, .ModalCronometro { z-index: 99999 !important; }
	.ModalVideo{ z-index: 9999 !important; }
	.image_picker_image {
		height: 100px !important;
		width: 119px !important;
		object-fit: contain;
	}
	.ezdz-dropzone {
		width: 60px !important;
		height: 50px !important;
		display: inline-block;
		margin-right: 3%;
		border: 3px dotted #787878 !important;
	}
	.ezdz-dropzone div {
		/*line-height: 526%;*/
		padding-top: 6%;
		font: bold 34px arial !important;
		color: #787878;
	}
	.ezdz-dropzone.inactivo {
		pointer-events: none;
	}
	.modal-tablet.portrait iframe{
		width: 600px;
		margin-left: 15px;
	}
	.modal-tablet.portrait .iframe-container {
		background: url(/SysWeb/SumeClientes/VistaPrevia/portatil.png) center center no-repeat;
	}
	.modal-desktop .modal-dialog iframe{
		border: 0px solid transparent;
		width: 1375px;
	}
	.modalCrearVinvulos {
		z-index: 10010 !important;
	}
	.modalCrearVinvulos .bootstrap-dialog-close-button {
		display: block !important;
	}
	.modal .bootstrap-dialog-close-button{
		display: block !important;
	}
	.mdAvatar .modal-dialog .modal-content .modal-header {
		background-color: #363B3F;
	}
	.progress-bar-danger2 { background-color: #CC0000;}
	.entry-tooltip-positioner {
		position: absolute !important;
		color: #FFFFFF !important;
		background-color: black !important;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
		font-size: 12px !important;
		font-style: normal !important;
		font-weight: normal !important;
		line-height: 1.42857143 !important;
		text-align: left !important;
		text-align: start !important;
	}
	.modalTooltip{
		z-index: 9999999 !important;
	}
	#cke_mensaje a.cke_button__cronometro span.fa, #cke_mensaje a.cke_button__video span.fa{
		font: normal normal normal 16px/1 FontAwesome !important;
		font-size: 16px !important;
	}
</style>
@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="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Editar mensaje de campaña </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => array('SysWebEmailMarketingCampanhasEditar', $Campanha->id), 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmEditar')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre </label>
						<div class="col-sm-9">
							{{ Form::text('nombre', $Campanha->nombre,  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles para el asunto <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" title="Estos son los campos disponibles que coinciden de tus listas de suscriptores que podrás agregar en el asunto de este correo"></i> </label>
						<div class="col-sm-9">
							<span style="display: none;" class="CargandoCampos asunto">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row Campos">
								@foreach($Campos as $Campo)
																<div class="Separacion pointer" onclick="EditarTexto('{{ $Campo->slug }}', this)"> <span class="label label-{{ $label }}"> {{ $Campo->nombre }}</span> </div>
								@endforeach
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Asunto </label>
						<div class="col-sm-9">
							{{ Form::text('asunto', $Campanha->asunto,  array('class' => 'form-control', 'placeholder' => '')) }}
							<div class="progress" style="margin-top: 5px;">
								<div id="progresoAsunto" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
									<span class="sr-only">0% de progreso</span>
								</div>
							</div>
							<span class="text-danger" id="errasunto"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles para la pre-cabecera <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" title="Estos son los campos disponibles que coinciden de tus listas de suscriptores que podrás agregar en la pre-cabecera de este correo"></i> </label>
						<div class="col-sm-9">
							<span style="display: none;" class="CargandoCampos asunto">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row Campos">
								@foreach($Campos as $Campo)
																<div class="Separacion pointer" onclick="EditarTextoPreCabecera('{{ $Campo->slug }}', this)"> <span class="label label-{{ $label }}"> {{ $Campo->nombre }}</span> </div>
								@endforeach
							</div>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Pre-cabecera (Opcional) </label>
						<div class="col-sm-9">
							{{ Form::text('pre_cabecera', $Campanha->preCabecera,  array('class' => 'form-control', 'placeholder' => '', 'id' => 'pre_cabecera')) }}
							<div class="progress" style="margin-top: 5px;">
								<div id="progresoPreCabecera" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
									<span class="sr-only">0% de progreso</span>
								</div>
							</div>
							<span class="text-danger" id="errpre_cabecera"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Adjuntar archivo (Opcional) </label>
						<div class="col-sm-9">
							<div style="padding-top: 10px;"></div>
							<input type="file" name="adjunto" class="flInput" style="border: unset; margin-bottom: 10px;" accept="image/png, image/jpeg, application/pdf, application/msword, application/vnd.ms-excel, application/vnd.ms-powerpoint, application/x-rar-compressed, application/zip, application/x-zip-compressed, multipart/x-zip">
							<span class="text-muted" style="display: block;"> Fotmatos soportados "jpg, jpeg, png, pdf, doc*, xls*, ppt*, zip y rar", no mayores a 5MB </span>