@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('jquery-ezdz/jquery.ezdz.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%; }
	.ModalBiblioteca .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: 9999 !important; }*/
	.modal-backdrop { z-index: 1040 !important; }
	.ModalBiblioteca { z-index: 99999 !important; }
	.image_picker_image {
		height: 100px !important;
		width: 119px !important;
		object-fit: contain;
	}
	.panel-title>a {
		color: inherit;
		font-size: 25px;
		font-weight: bold;
		display:block;
	}
	.basic-wizard ul.nav li a {
		color: white;
		background-color: #687174;
		cursor: default;
		opacity: unset;
	}
	.basic-wizard ul.nav li:not(.active) a:hover {
		background-color: #687174;
		opacity: unset !important;
	}
	.basic-wizard ul.nav li.active a {
		cursor: default;
		opacity: unset;
	}
	/*.basic-wizard .next.disabled a {
		display: none !important;
	}
	.basic-wizard .next.disabled button {
		display: block !important;
	}*/
	.caption {
		text-align: center;
	}
	.caption h3 {
		font-weight: bold;
		font-size: 20px;
		word-break: break-word;
	}
	.caption button {
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.caption a {
		display: inline-block;
		width: 135px;
		margin-bottom: 3px;
	}
	.mdAvatar .modal-footer {
		margin-top: 0px;
	}
	.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;
	}
	.progress-bar-danger2 { background-color: #CC0000;}
</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 configuraciones de campaña </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebEmailMarketingCampanhasEditarV2', '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"> Listas de suscriptores </label>
						<div class="col-sm-9">
														{{ Form::select('listas_emails_id', $slListasEmails, $idsLE, array('multiple' => 'true', 'class' => 'form-control selectpicker', 'id' => 'listas_emails_id', 'data-live-search' => 'true', 'data-selected-text-format' => 'count', 'title' => 'Seleccione una o más lista de suscriptores...')) }}
							<input type="hidden" name="listas_emails_ids[]">
							<span class="text-danger" id="errlistas_emails_id"></span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Campos disponibles para asunto <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" data-original-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;" id="CargandoCampos">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row" id="Campos" style="padding-left: 12px;"></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' => '', 'id' => 'asunto')) }}
							<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 pre-cabecera <i class="fa fa-question-circle tooltips" data-toggle="tooltip" data-placement="bottom" data-original-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;" id="CargandoCampos">
								<img src="{{ asset('Cargando/hourglass.gif') }}" style="width: 32px; height: 32px;"> Espere mientras se cargan lo campos
							</span>
							<div class="row" id="CamposPreCabecera" style="padding-left: 12px;"></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>