@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
<style type="text/css">
	.image_picker_image{
		height: 260px !important;
		width: 200px !important;
	}
	.mdSegmentacionxEtiquetas .modal-dialog {
		width: 750px;
	}
	#frmReglaAutomatizacionSxE .input-group .input-group-btn button {
		border-radius: 0 !important;
	}
	.dvRegla .bootstrap-select {
		z-index: unset !important;
	}
	.color-head-modal .modal-header {
		background-color: #363b3f !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 plantilla de correo electrónico </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebEmailMarketingListasSubscriptoresAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group">
						<label class="col-sm-3 control-label"> Nombre de la plantilla </label>
						<div class="col-sm-9">
							{{ Form::text('nombre', $PlantillaCorreo->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"> Tipo plantilla </label>
						<div class="col-sm-9">
							<select name="tipo" class="form-control selectpicker">
								<option value="V" @if($PlantillaCorreo->tipo == 'V') selected @endif >Venta</option>
								<option value="R" @if($PlantillaCorreo->tipo == 'R') selected @endif >Relacional</option>
								<option value="C" @if($PlantillaCorreo->tipo == 'C') selected @endif >Comunicación</option>
							</select>
							<span class="text-danger" id="errnombre"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Imagen de vista previa </label>
						<div class="col-sm-9">
							@if( $PlantillaCorreo->rutaImagen != '' )
							<img src="{{ asset('SysWeb/EmailMarketing/Plantillas/Imagenes/'.$PlantillaCorreo->rutaImagen) }}" >
							@else
							<img src="http://via.placeholder.com/250x300?text=N/A" >
							@endif
							<br>
							<br>
							<input type="file" name="rutaImagen">
							<span class="text-danger" id="errrutaImagen"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Código de la plantilla </label>
						<div class="col-sm-9">
							<input type="file" name="codigoEdicion">
							<span class="text-danger" id="errcodigoEdicion"> </span>
						</div>
					</div>
					<div class="bottom">
						{{ Form::button('Editar', array('class' => 'btn btn-warning', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						{{-- <a href="{{ URL::previous() }}" class="btn btn-default"> Cancelar </a> --}}
						{{ HTML::linkRoute('SysWebEmailMarketingPlantillas', 'Cancelar', array(), array('class' => 'btn btn-default')) }}
					</div>
				{{ Form::close() }}
		</div>
		
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('bootstrap-select/js/bootstrap-select.min.js') }}
{{ HTML::script('bootstrap-select/js/i18n/defaults-es_CL.min.js') }}
@stop

@section('JSOr')
$("#frmAgregar").submit(function(e){
	$.isLoading({ text: "Cargando..." }); NProgress.start();
	$("#btnAgregar").html('<i class="fa fa-spinner fa-spin"></i> Cargando').prop("disabled", true);
	e.preventDefault();
	$("input[type='submit']").prop("disabled", true);
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebEmailMarketingPlantillasEditar', array($PlantillaCorreo->id)) }}",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		timeout: 1800000,
		success: function(data){
			$.isLoading("hide"); NProgress.done();
			$("#btnAgregar").html("Guardar").prop("disabled", false);
			if(data.success){
				new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
				setTimeout( function(){ window.location.href = "{{ URL::route('SysWebEmailMarketingPlantillas', array()) }}"; }, 3000 );
				if(typeof data.MensajeError != "undefined"){ $("#MensajeError2").html(data.MensajeError); $("#MensajeError2").show(); }else{ $("#MensajeError2").hide(); $("#MensajeError2").html(""); }
			}
			else{
				if(typeof data.MensajeError != "undefined"){ $("#Errs").html(data.MensajeError); $("#MensajeError").show(); }else{ $("#MensajeError").hide(); $("#Errs").html(""); }
				if(data.mensaje != ""){ new PNotify({ title: "Error", text: data.mensaje, type: "error" }); }
				$.each(data.errMensajes, function(key, value){ if(value != ""){ $("#err"+key).html(value); } else{ $("#err"+key).html(""); } });
			}
		},
		error: function(jqXHR, textStatus, errorThrown){
			//$("input[type='submit']").prop("disabled", false);
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
@stop