@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('bootstrap-select/css/bootstrap-select.min.css') }}
{{ HTML::style('bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css') }}
<style type="text/css">
	.dropdown-menu div.status {
		padding-left: 12px;
	}
</style>
@stop

@section('Contenido')
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-shopping-cart"></i> Gestión de ventas en línea </h2>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Creación de campaña de descuentos </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebVentasCampanhasAgregar', '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 campaña </label>
						<div class="col-sm-9">
							{{ Form::text('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 de campaña </label>
						<div class="col-sm-9">
							<select name="tipo" class="form-control selectpicker" title="Selecciona el tipo de tu campaña...">
								<option value="DPT">Descuento por temporada</option>
								<option value="CPD">Cupón de descuento</option>
								<option value="US">UpSell</option>
								{{-- <option value="CPR">Cupón por reseñas</option>
								<option value="CPRSW">Cupón por registro al sitio web</option>
								<option value="CPV">Cupón de productos vistos</option> --}}
							</select>
							<span class="text-danger" id="errtipo"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Fecha de inicio de la campaña </label>
						<div class="col-sm-9">
							<div class="input-group date" id="fecha_inicio">
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
								{{ Form::text('fecha_inicio', '',  array('class' => 'form-control', 'placeholder' => '', 'readonly')) }}
							</div>
							<span class="text-danger" id="errfecha_inicio"> </span>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label"> Fecha de fin de la campaña </label>
						<div class="col-sm-9">
							<div class="input-group date" id="fecha_fin">
								<span class="input-group-addon">
									<span class="glyphicon glyphicon-calendar"></span>
								</span>
								{{ Form::text('fecha_fin', '',  array('class' => 'form-control', 'placeholder' => '', 'readonly')) }}
							</div>
							<span class="text-danger" id="errfecha_fin"> </span>
						</div>
					</div>
					<div class="dvInfoDescuento" style="display: none;">
						<div class="form-group">
							<label class="col-sm-3 control-label"> Tipo de descuento </label>
							<div class="col-sm-9">
								<div class="radio-inline">
									<label>
										<input type="radio" value="P" id="tipoDescuentoP" name="tipo_descuento">
										<span class="custom-radio"></span> Porcentaje
									</label>
								</div>
								<div class="radio-inline">
									<label>
										<input type="radio" value="D" id="tipoDescuentoD" name="tipo_descuento">
										<span class="custom-radio"></span> Dinero
									</label>
								</div>
								<span class="text-danger" id="errtipo_descuento"> </span>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-3 control-label"> Descuento de la campaña </label>
							<div class="col-sm-9">
								{{ Form::text('descuento', '',  array('class' => 'form-control', 'placeholder' => '')) }}
								<span class="text-danger" id="errdescuento"> </span>
							</div>
						</div>
					</div>
					<div class="form-group dvNCompras" style="display: none;">
						<label class="col-sm-3 control-label"> Número de compras </label>
						<div class="col-sm-9">
							{{ Form::text('numero_de_compras', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errnumero_de_compras"> </span>
						</div>
					</div>
					<div class="form-group dvCodCupon" style="display: none;">
						<label class="col-sm-3 control-label"> Código del cupón </label>
						<div class="col-sm-9">
							{{ Form::text('codigo_cupon_fijo', '',  array('class' => 'form-control', 'placeholder' => '')) }}
							<span class="text-danger" id="errcodigo_cupon_fijo"> </span>
						</div>
					</div>
					<div class="dvProdUpSell" style="display: none;">
						<div class="form-group">
							<label class="col-sm-3 control-label"> Producto del UpSell </label>
							<div class="col-sm-9">
								<select name="productos_servicios_id" class="form-control selectpicker" title="Selecciona el producto del UpSell..." data-live-search="true"></select>
								<span class="text-danger" id="errproductos_servicios_id"> </span>
							</div>
						</div>
						<div class="form-group dvVariacionUS">
							<label class="col-sm-3 control-label"> Variación del UpSell </label>
							<div class="col-sm-9">
								<select name="variacion_upsell_id" class="form-control selectpicker" title="Selecciona la variación del UpSell..." data-live-search="true"></select>
								<span class="text-danger" id="errvariacion_upsell_id"> </span>
							</div>
						</div>
						{{-- <div class="form-group">
							<label class="col-sm-3 control-label"> Variación de UpSell </label>
							<div class="col-sm-9">
								<select name="vaciacion_upsell_id" class="selectpicker with-ajax form-control" data-live-search="true"></select>
								<span class="text-danger" id="errnombre"> </span>
							</div>
						</div> --}}
					</div>
					<div class="bottom">
						{{ Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						{{ HTML::linkRoute('SysWebVentasCampanhas', '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') }}
{{ HTML::script('ajax-bootstrap-select/js/ajax-bootstrap-select.min.js') }}
{{ HTML::script('ajax-bootstrap-select/js/locale/ajax-bootstrap-select.es-ES.min.js') }}
{{ HTML::script('bootstrap-datetimepicker/js/moment-with-locales.js') }}
{{ HTML::script('bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js') }}
{{ HTML::script('Alphanum/jquery.alphanum.min.js') }}
@stop

@section('JSOr')
$('[name="tipo"]').on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
	var select = $(this);
	var valor = select.selectpicker("val");
	if( valor == "US" ){
		$(".dvInfoDescuento").hide("slow");
		$(".dvNCompras").hide("slow");
		$(".dvCodCupon").hide("slow");
		$(".dvProdUpSell").show("slow");
	}
	else if( valor == "DPT" ){
		$(".dvInfoDescuento").show("slow");
		$(".dvNCompras").show("slow");
		$(".dvCodCupon").hide("slow");
		$(".dvProdUpSell").hide("slow");
	}
	else{
		$(".dvInfoDescuento").show("slow");
		$(".dvNCompras").show("slow");
		$(".dvCodCupon").show("slow");
		$(".dvProdUpSell").hide("slow");
	}
});
$(".date").datetimepicker({
	locale: "es",
	format: "D/MM/YYYY hh:mm a",
	ignoreReadonly: true
});
$("#fecha_inicio").on("dp.change", function(e){
	$("#fecha_fin").data("DateTimePicker").minDate( e.date );
});
$('[name="descuento"]').numeric();
$('[name="numero_de_compras"]').numeric("integer");
$('[name="codigo_cupon_fijo"]').alphanum({
	allowSpace: false,
	allowNewline: false
});
$.post(
	"{{ URL::route('SysWebVentasCampanhasListadoDePyV') }}",
	{accion: "P"},
	function(data){
		if(data.success){
			if( data.productos.length > 0 ){
				$('[name="productos_servicios_id"]').html("");
				$.each(data.productos, function(i, producto){
					$('[name="productos_servicios_id"]').append('<option value="'+producto.id+'" data-sinV="'+producto.sin_variaciones+'">'+producto.nombre+'</option>');
				});
				$('[name="productos_servicios_id"]').selectpicker("refresh");
				$('[name="productos_servicios_id"]').on("changed.bs.select", function(e, clickedIndex, isSelected, previousValue){
					var select = $(this);
					var valor = select.selectpicker("val");
					var sinV = parseInt( $('[name="productos_servicios_id"]').find('option[value="'+valor+'"]').attr("data-sinV") );
					$.post(
						"{{ URL::route('SysWebVentasCampanhasListadoDePyV') }}",
						{accion: "V", idPS: valor},
						function(data){
							if(data.success){
								$.each(data.variaciones, function(i, variacion){
									$('[name="variacion_upsell_id"]').html("");
									if( sinV == 0 ){
										$(".dvVariacionUS").show("slow");
										var atributos = JSON.parse( variacion.atributos );
										var nAtributos = atributos.length;
										var strAtributos = "";
										$.each(atributos, function(i, atributo){
											strAtributos = strAtributos+atributo.nombre+": "+atributo.valor;
											if(i < (nAtributos - 1)){
												strAtributos = strAtributos+", ";
											}
										});
										$('[name="variacion_upsell_id"]').append('<option value="'+variacion.id+'">'+strAtributos+'</option>');
									}
									else{
										$(".dvVariacionUS").hide("slow");
										$('[name="variacion_upsell_id"]').append('<option value="'+variacion.id+'" selected>Este producto no cuenta con variaciones</option>');
									}
									$('[name="variacion_upsell_id"]').selectpicker("refresh");
								});
							}
						},
						"json"
					);
				});
			}
		}
		else{
			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(""); } });
		}
	},
	"json"
);
$("#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();
	var frmAgregar = new FormData(document.getElementById("frmAgregar"));
	$.ajax({
		type: "POST",
		url: "{{ URL::route('SysWebVentasCampanhasAgregar', array()) }}",
		data: frmAgregar,
		cache: false,
		contentType: false,
		processData: false,
		dataType: "json",
		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('SysWebVentasCampanhas') }}"; }, 3000 );
			}
			else{
				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){
			new PNotify({ title: "Error", text: textStatus + " " + errorThrown, type: "error" });
		}
	});
});
@stop