@extends('BaseSistemaWeb')

@section('CSS')
{{ HTML::style('DataTables/dataTables.bootstrap.min.css') }}
{{ HTML::style('DataTables/responsive.dataTables.min.css') }}
<style type="text/css">
	/*@media (max-width: 450px) { .ModalEliminar .modal-dialog { width: auto; } }
	@media (min-width: 451px) { .ModalEliminar .modal-dialog { width: 450px; } }*/
</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><!--/col-md-12-->
</div><!--/row-->

<div class="row">
	<div class="col-md-12">
		@if (Session::has('message'))
		<div class="alert alert-info">{{ Session::get('message') }}</div>
		@endif
	</div>
</div>

<div class="row">
	
	<div class="col-md-3">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Agregar proveedores de envío </h3> </div>
			<div class="porlets-content">
				{{ Form::open(array('route' => 'SysWebVentasConfEnviosAgregar', 'method' => 'post', 'class' => 'form-horizontal row-border', 'id' => 'frmAgregar', 'files' => true, 'target' => 'upload_iframe')) }}
					<div class="form-group" style="padding-left: 15px; padding-right: 15px;">
						<label> Nombre del proveedor </label>
						<input type="text" name="proveedor" class="form-control" placeholder="Correo local">
						<span class="text-danger" id="errproveedor"> </span>
					</div>
					@if( ProveedorEnvioxPais::where('paises_envios_ps_id', '=', $Pais->id)->where('envio_gratis', '=', 1)->count() == 0 )
					<div class="form-group" style="padding-left: 15px; padding-right: 15px;">
						<label> Configurar como envío gratuito </label>
						<br>
						<label class="radio-inline">
							<input type="radio" value="1" id="rdEnvioGratisSi" name="envio_gratis">
							<span class="custom-radio"></span>
							Si
						</label>
						<label class="radio-inline">
							<input type="radio" value="0" id="rdEnvioGratisNo" name="envio_gratis" checked>
							<span class="custom-radio"></span>
							No
						</label>
						<span class="text-danger" id="errenvio_gratis"> </span>
					</div>
					@endif
					<div class="bottom">
						{{ Form::button('Guardar', array('class' => 'btn btn-primary', 'id' => 'btnAgregar', 'type' => 'submit')) }}
						<!-- {{ HTML::linkRoute('SysWebVentasConfEnvios', 'Cancelar', array(), array('class' => 'btn btn-default')) }} -->
					</div>
				{{ Form::close() }}
			</div>
		</div>
	</div>

	<div class="col-md-9">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Listado de proveedores de envío </h3> </div>
			<div class="porlets-content">
				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover" id="tblConfEnvios">
						<thead>
							<tr>
								<th class=""> Nombre del proveedor </th>
								<th class=""> Rangos de precios por peso </th>
								<th class=""> Rangos de precios por precios </th>
								<th style="" class=""> Acciones </th>
							</tr>
						</thead>
						</table>
				</div>
			</div>
			<!--<div class="bottom">
				<a href="{{ URL::route('SysWebVentasConfEnviosProveedoresAgregar', array($Pais->id)) }}" class="btn btn-primary"> Agregar </a>
			</div>-->
		</div>
	</div>
</div><!--/row end-->
@stop

@section('JS')
{{ HTML::script('DataTables/jquery.dataTables.min.js') }}
{{ HTML::script('DataTables/dataTables.bootstrap.min.js') }}
{{ HTML::script('DataTables/dataTables.responsive.min.js') }}
<script type="text/javascript">
	function Eliminar(id){
		var id = id;
		var mensaje = "<div class='row'> \
							<div class='col-xs-12'> \
								<form id='frmEliminar'> \
									<h2> ¿Seguro que desea eliminar? </h2> \
									<input type='hidden' name='idP' value='"+id+"'> \
								</form> \
							</div> \
						</div>";
		BootstrapDialog.show({
			title: "Eliminar registro",
			type: BootstrapDialog.TYPE_DANGER,
			message: mensaje,
			draggable: true,
			cssClass: "ModalEliminar",
			buttons: [{
				id: "btnEliminar",
				label: "Eliminar",
				cssClass: "btn-danger",
				action: function(dialogItself){
					$.isLoading({ text: "Cargando..." }); NProgress.start();
					$("#btnEliminar").prop("disabled", true).html('<i class="fa fa-spinner fa-spin"></i> Eliminando');
					$.post(
						"{{ URL::route('SysWebVentasConfEnviosProveedoresEliminar', array($Pais->id)) }}",
						{idP: id},
						function(data){
							$.isLoading("hide"); NProgress.done();
							$("#btnEliminar").html("Guardar").prop("disabled", false);
							if(data.success){
								dialogItself.close();
								var table = $("#tblConfEnvios").DataTable();
								table.ajax.reload(null, false);
								new PNotify({ title: "Realizado", text: data.mensaje, type: "success" });
							}
							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"
					);
				}
			}]
		});
	}
</script>
@stop

@section('JSOr')
$("a[data-toggle=\"tab\"]").on("shown.bs.tab", function(e){ $.fn.dataTable.tables({visible: true, api: true}).columns.adjust(); });
$("#tblConfEnvios").DataTable({
	"processing": true,
	"serverSide": true,
	"ajax": "{{ URL::route('SysWebVentasConfEnviosProveedores', array($Pais->id)) }}",
	columns: [
		{data: "nombre", name: "nombre"},
		{data: "rangosPeso", name: "rangosPeso"},
		{data: "rangosPrecio", name: "rangosPrecio"},
		{data: "acciones", name: "acciones", "searchable": false, "orderable": false, "class": "text-center"}
	],
	"language": {
		"url": "{{ asset('DataTables/Spanish.json') }}"
	},
	"fnDrawCallback": function(oSettings){
		$(".tooltips").tooltip();
	},
	autoWidth: false,
	responsive: true
});
$("#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('SysWebVentasConfEnviosProveedoresAgregar', array($Pais->id)) }}",
		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('SysWebVentasConfEnviosProveedoresAgregar', array($Pais->id)) }}"; }, 3000 );
				setTimeout( function(){ window.location.reload(); }, 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" });
		}
	});
});
@if(Session::has('EliminarMensajeS'))
new PNotify({ title: "Realizado", text: "{{ Session::get('EliminarMensajeS') }}", type: "success" });
@endif
@if(Session::has('EliminarMensajeE'))
new PNotify({ title: "Realizado", text: "{{ Session::get('EliminarMensajeE') }}", type: "error" });
@endif
@stop