/home/dvjjulio/softtrash/public/js/movil/history.js
var latitude;
var longitude;
$(function(){

	if ("geolocation" in navigator){
		//alert('aki');
	    navigator.geolocation.getCurrentPosition(function(position){
	    	 latitude  = position.coords.latitude;
	    	 longitude = position.coords.longitude;
	    	 // alert('longitude'+longitude);
		});
	}else{
	    $.bootstrapGrowl( 'Mensaje: Favor de Activar la Geoloalizacion' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
	}
});

var History ={
	getInicio:function(e){

		History.findGeoloation();

		var token	 		 = $('#csrf-token').val();
		var user_id		 	 = $(e).data('userid');
		var camion_id 		 = $(e).data('camionid');
		var km 		 		 = $('#km-input').val();
		var obs		 		 = $('#obs-input').val();


		if(km == '' | km == null){
			$('#km-input').css('border','1px solid red');
			$.bootstrapGrowl( 'Mensaje: El Kilometraje no debe ir vacio' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
		}else if(latitude == '' | latitude==null | latitude == 'undefined'){
			$.bootstrapGrowl( 'Mensaje: Error en Latitude' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
			History.findGeoloation();
		}else if(longitude == '' | longitude==null | longitude == 'undefined'){
			$.bootstrapGrowl( 'Mensaje: Error en Longitude' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
			History.findGeoloation();
		}
		else{

			var data = new FormData();

			data.append('_token'		  ,	token );
			data.append('user_id'		  ,	user_id );
			data.append('camion_id'		  ,	camion_id );
			data.append('km'		  	  ,	km );
			data.append('obs'		      ,	obs );
			data.append('latitude'		  ,	latitude );
			data.append('longitude'		  ,	longitude );

			/*for(var pair of data.entries()) {
				   console.log(pair[0]+ ', '+ pair[1]);
				}*/
			$('#inicio-btn-div').append("<div id='spin'><i class='fa fa-spinner fa-2x fa-spin'></i></div>");
			$("#inicio-btn").attr("disabled",true);
			History.sendHistory(data);
		}

	},
	getTermino:function(e){

		History.findGeoloation();

		var token	 		 = $('#csrf-token').val();
		var id		 		 = $(e).data('id');
		var km_inicio		 = $(e).data('km');
		var km_termino		 = $('#km-termino-input').val();
		var obs_termino		 = $('#obs-termino-input').val();
		var reciclable 		 = $(e).data('reciclable');


		if(km_termino == '' | km_termino == null){
			$('#km-input').css('border','1px solid red');
			$.bootstrapGrowl( 'Mensaje: El Kilometraje no debe ir vacio' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
        }else if(km_termino <= km_inicio){
        	$('#km-input').css('border','1px solid red');
			$.bootstrapGrowl( 'Mensaje: El Kilometraje debe de ser mayor al kilometraje pasado' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
		}else if(latitude == '' | latitude==null | latitude == 'undefined'){
			$.bootstrapGrowl( 'Mensaje: Error en Latitude' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
			History.findGeoloation();
		}else if(longitude == '' | longitude==null | longitude == 'undefined'){
			$.bootstrapGrowl( 'Mensaje: Error en Longitude' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
			History.findGeoloation();
		}else{

			var data = new FormData();

			data.append('_token'		    , token );
			data.append('id'		  	    , id );
			data.append('km_termino'  	    , km_termino );
			data.append('obs_termino'       , obs_termino );
			data.append('latitude_termino'  , latitude );
			data.append('longitude_termino' , longitude );
			data.append('reciclable' 		, reciclable );

			if(reciclable != 0){
				for(i=0; i<reciclable; i++){
					if( $('#reciclable-input-'+i).val() == '' | $('#reciclable-input-'+i).val() == 'undefined'){
						$.bootstrapGrowl( 'Mensaje: Se deben llenar los costos del reciclable' , {
							type: "danger",
							delay: 7500,
							allow_dismiss: true
						});
						return false;
					}
					console.log($('#reciclable-input-'+i).data('reciclable_id')+' - '+$('#reciclable-input-'+i).val());		
					data.append('reciclable_id'+i, $('#reciclable-input-'+i).data('reciclable_id') );
					data.append('reciclable_costo'+i, $('#reciclable-input-'+i).val() );
				}
			}
			/*for(var pair of data.entries()) {
				   console.log(pair[0]+ ', '+ pair[1]);
				}*/
			History.sendHistoryTermino(data);
		}
	},
	sendHistory:function(data){
		$.ajax({
			url:main_path+'/movil/saveInicio',
			data:data,
			cache:false,
			contentType: false,
            processData: false,
            type: 'POST',
            dataType: "json",
            success: function( response ){
            	if(response.status == true ){
                         $.bootstrapGrowl('Inicio de Día Guardado!', {
                            type: "success",
                            delay: 6500,
                            allow_dismiss: true
                        });
												$('#spin').html('');
												$("#inicio-btn").attr("disabled",false);
                         History.resetFields();
                         window.location.assign(main_path+'/movil/index');
                }else{
										$('#spin').html('');
										$("#inicio-btn").attr("disabled",false);
	                	$.bootstrapGrowl( 'Mensaje:'+response.message , {
	                        type: "danger",
	                        delay: 7500,
	                        allow_dismiss: true
	                    });
                	}
            },
        	fail: function( response ) {
              		$.bootstrapGrowl( 'Mensaje:'+response.message , {
                        type: "danger",
                        delay: 7500,
                        allow_dismiss: true
                    });
            },
            complete:function(){

            }
		});
	},
	sendHistoryTermino:function(data){
		$.ajax({
			url:main_path+'/movil/saveTermino',
			data:data,
			cache:false,
			contentType: false,
            processData: false,
            type: 'POST',
            dataType: "json",
            success: function( response ){
            	if(response.status == true ){
                         $.bootstrapGrowl('Termino de Día Guardado!', {
                            type: "success",
                            delay: 6500,
                            allow_dismiss: true
                        });
                     History.resetFields();
                     window.location.assign(main_path+'/movil/index');
                }else{
	                	$.bootstrapGrowl( 'Mensaje:'+response.message , {
	                        type: "danger",
	                        delay: 7500,
	                        allow_dismiss: true
	                    });
                	}
            },
        	fail: function( response ) {
              		$.bootstrapGrowl( 'Mensaje:'+response.message , {
                        type: "danger",
                        delay: 7500,
                        allow_dismiss: true
                    });
            },
            complete:function(){

            }
		});
	},
	findGeoloation:function(){
		if ("geolocation" in navigator){
	    	navigator.geolocation.getCurrentPosition(function(position){
	    		latitude  = position.coords.latitude;
	    	 	longitude = position.coords.longitude;
			});
		}else{
		    $.bootstrapGrowl( 'Mensaje: Favor de Activar la Geoloalizacion' , {
                type: "danger",
                delay: 7500,
                allow_dismiss: true
            });
		}
	},
	resetFields:function(){
		$('#km-input').val('');
		$('#obs-input').val('');
		$('#km-termino-input').val('');
		$('#obs-termino-input').val('');
	},
	changeCamion: function() {
		console.log("here");
		let textCamion = $("#camion").text();
		let select = "<select id='selectCamion'><option>Selecciona</option></select>";
		$("#camion").text("").append(select);
		$("#changeCamion").text("guardar").css("color","green").attr({"onclick":"History.saveChange(this)", "data-text": textCamion });
	},
	saveChange: function () {
		console.log("jj");
		$("#selectCamion").remove();
		let textCamion = $("#changeCamion").data("text");
		$("#camion").text(textCamion);
		$("#changeCamion").text("cambiar").css("color","red").attr("onclick","History.changeCamion(this)");
	}
}