//-------------------------------------------------------------------------------------------------------------------------------
// Variables globales 
//-------------------------------------------------------------------------------------------------------------------------------

var TipoNIFCIFPASS = JSON.parse('{"NIF":0,"CIF":1,"PASS":2}');

/* Gonzalo */
var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = decodeURIComponent(window.location.search.substring(1)),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : sParameterName[1];
        }
    }
};
/*fin Gonzalo*/

//-------------------------------------------------------------------------------------------------------------------------------
// INICIALIZA los componentes: Tooltip, Tab seleccionado ... 
//-------------------------------------------------------------------------------------------------------------------------------
$(function () { //Es lo mismo que document ready 
  //Inicializo los tooltip, ojo, los que se cargan en los template hay que hacerlos en cada template
  $('[rel="tooltip"]').tooltip();//Inicializo tooltip
  //Soluciona el fallo de bootstrap de cuando abro una modal sobre otra que es muy grande y necesita scroll y cierro la primera deja de funcionar el scroll.
  $(document).on('hidden.bs.modal', '.modal', function () {
    $('.modal:visible').length && $(document.body).addClass('modal-open');
  });
  //JODER Abro la primera pestaña del tab
  //$('#Menu a:first').click();//no dispara el handler del evento click sino lo meto dentro del document ready 
  $('#tabInicio').click();
});

//Para backgrid (CONTRATOS)
var FechaFormatter= _.extend({}, Backgrid.CellFormatter.prototype, {
  fromRaw: function (rawValue, model) {
    return BDDateToUserDate(rawValue);
  }
});
var FechaCell = Backgrid.DateCell.extend({
  formatter: FechaFormatter
});

var HtmlCell = Backgrid.HtmlCell = Backgrid.Cell.extend({
    /** @property */
    className: "html-cell",
    
    initialize: function () {
        Backgrid.Cell.prototype.initialize.apply(this, arguments);
    },

    render: function () {
        this.$el.empty();
        var rawValue = this.model.get(this.column.get("name"));
        var formattedValue = this.formatter.fromRaw(rawValue, this.model);
        this.$el.append(formattedValue);
        this.delegateEvents();
        return this;
    }
});

//Para editar/borrar contratos
var ButtonCellContratos = Backgrid.Cell.extend({
    template: _.template('<button class="contratobotoneditar btn btn-primary">Editar</button><button class="contratobotonborrar btn btn-danger">borrar</button>'),
    events: {
      "click .contratobotoneditar": "editRow",
      "click .contratobotonborrar": "deleteRow"
    },
    editRow: function (e) {
      e.preventDefault();
      $('#ModalEditarGrabarContratoTitle').html('Editar datos de contrato');
      var template = _.template($('#Template-Editar-Grabar-Contrato').html(), {contrato : this.model});
      $('#ModalEditarGrabarContratoMensaje').html(template);
      contratosListaView.PrepararFormulario();
      $('#ModalEditarGrabarContrato').modal('show');
    },
    deleteRow: function (e) {
      e.preventDefault();
      var idcontrato=this.model.get('idcontrato');
      bootbox.dialog({message: "¿Está seguro de que quiere borrar definitivamente el contrato?",title: "Borrar Contrato",
        buttons: {
          success: {
            label: "Borrar",
            className: "btn-danger",
            callback: function() {
              $.ajax({
                url: 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/borrarcontrato/'+idcontrato,
                type: 'POST',
              }). always(function( msg ) {
                        CargaContratos();
                  });
            }
          },
          danger: {
            label: "Cancelar",
            className: "btn",
            callback: function() {
              //Example.show("uh oh, look out!");
            }
          }
        }
      });
      //this.model.collection.remove(this.model);
    },
    render: function () {
      this.$el.html(this.template());
      this.delegateEvents();
      return this;
    }
});

//Generales, funciones específicas de apoyo a ciertas zonas de la aplicación
var lista_citas=[];
function pintaGridCitasInicio(idusuario,cita) {
//PARA EL USUARIO NO REGISTRADO  
  if (cita) {
    lista_citas.push(cita);
  }
  var template = _.template($('#Template-Grid-Citas').html(), {citas: lista_citas});
  $('#contenedor_inicio_citas').html(template);
  $('#BodyTablaCitas').html(RellenaTablaCitas());
   
}

//CONTROL DE EVENTOS
//Evento de carga de tabs (disparo lectura de datos) cuando se pulsa sobre ellos
//Cuando pulsa en un tab, busca su funcion asociada en data y la ejecuta
$('body').on('click','a[data-toggle="tab"]', function (e) {
  //e.target // activated tab
  //e.relatedTarget // previous tab
  window[$(e.target).data('funcionCarga')](); //Llama a la funcion de disparo especificada en el tab
});

//-------------------------------------------------------------------------------------------------------------------------------
//FUNCIONES DE DISPARO
//-------------------------------------------------------------------------------------------------------------------------------

function CargaInicio(){
  inicioListaContratosView.render({idusuario:""});
}

function CargaMisDatos() {
  //Si ha hecho login son sus datos y si no hace las labores de registro
    
  //Ahora renderizo la vista
  misDatosView.render({idusuario:""});
}

function CargaContratos() {
  //Ahora renderizo la vista
  contratosListaView.render();
}

function CargaListados () {
  $('#lc_fecha_alta_desde').datetimepicker({
    lang:'es',
    timepicker:false,
    format:'d/m/Y',
    closeOnDateSelect: true
  });
  $('#lc_fecha_alta_hasta').datetimepicker({
    lang:'es',
    timepicker:false,
    format:'d/m/Y',
    closeOnDateSelect: true
  });
  $('#la_fecha_desde').datetimepicker({
    lang:'es',
    timepicker:false,
    format:'d/m/Y',
    closeOnDateSelect: true
  });
  $('#la_fecha_hasta').datetimepicker({
    lang:'es',
    timepicker:false,
    format:'d/m/Y',
    closeOnDateSelect: true
  });
  //Paises
  var O = $.getJSON( "rest/data.php/paises", function(ListaPaises) {
    $('#lc_idpais').empty();//Limpio el contenido del select paises
    _.each(ListaPaises, function(pais) {
      $('#lc_idpais').append($('<option>', {
        value: pais.idpais,
        text: pais.Nombre,
      }));//Añado el option
    });//each
    //Si hay más de una opción añado una nueva con un texto y le digigo que elija
    if ($('#lc_idpais option').length>1) {
      $('#lc_idpais').prepend($('<option>', {value: '-1', text: 'Todos',}));//Añado el option default
    }
    $('#lc_idpais option[value="-1"]').prop('selected', true);
  });//getJSON
  //Provincias
  var O = $.getJSON( "rest/data.php/provincias", function(ListaProvincias) {
    $('#lc_idprovincia').empty();//Limpio el contenido del select paises
    _.each(ListaProvincias, function(provincia) {
      $('#lc_idprovincia').append($('<option>', {
        value: provincia.CPProvincia,
        text: provincia.Nombre,
      }));//Añado el option
    });//each
    //Si hay más de una opción añado una nueva con un texto y le digigo que elija
    if ($('#lc_idprovincia option').length>1) {
      $('#lc_idprovincia').prepend($('<option>', {value: '-1', text: 'Todas',}));//Añado el option default
    }
    $('#lc_idprovincia option[value="-1"]').prop('selected', true);
  });//getJSON
  //Localidades
  var O = $.getJSON( "rest/data.php/localidades", function(ListaLocalidades) {
    $('#lc_idlocalidad').empty();//Limpio el contenido del select paises
    _.each(ListaLocalidades, function(localidad) {
      $('#lc_idlocalidad').append($('<option>', {
        value: localidad.CPLocalidad,
        text: localidad.Nombre,
      }));//Añado el option
    });//each
    //Si hay más de una opción añado una nueva con un texto y le digigo que elija
    if ($('#lc_idlocalidad option').length>1) {
      $('#lc_idlocalidad').prepend($('<option>', {value: '-1', text: 'Todas',}));//Añado el option default
    }
    $('#lc_idlocalidad option[value="-1"]').prop('selected', true);
  });//getJSON
  
  //contratos en el listado de usuarios
  // y contratos en el listado de atenciones y en el de puestos
  ObjetoSelector1=$('#lu_contrato').selectize({
    theme: 'movies',
    valueField: 'idcontrato',
    labelField: 'Nombre',
    searchField: ['Nombre', 'NombreMostrar', 'NIFCIFPASS', 'Email'],
    sortField:[{field: 'Nombre'}, {field: 'NombreMostrar'}],
    options: [],
    create: false,
    render: {
      option: function(item, escape) {
        return  '<div>' +
          '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + '</span>, ' +
          '<span><strong>Nombre mostrar:</strong> ' + escape(item.NombreMostrar) + '</span>, ' +
          '<span>' + '<strong>nif/cif/pass:</strong> <I>' + escape(item.NIFCIFPASS) + '</I></span>, ' +
          '<span>' + '<strong>email:</strong> <I>' + escape(item.Email) + '</I></span>' +
          '</div>';
      },
      item: function(item, escape) {
      return  '<div>' +
        '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + ', <strong>Nombre mostrar:</strong> '+escape(item.NombreMostrar)+'</span>, ' +
        '<span><strong>nif/cif/pass: </strong>' + escape(item.NIFCIFPASS) + ', <strong>email: </strong>' + escape(item.Email) + '</span>' +
        '</div>';
      }
    }, //render
  }); 
  ObjetoSelector2=$('#la_contrato').selectize({
    theme: 'movies',
    valueField: 'idcontrato',
    labelField: 'Nombre',
    searchField: ['Nombre', 'NombreMostrar', 'NIFCIFPASS', 'Email'],
    sortField:[{field: 'Nombre'}, {field: 'NombreMostrar'}],
    options: [],
    create: false,
    render: {
      option: function(item, escape) {
        return  '<div>' +
          '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + '</span>, ' +
          '<span><strong>Nombre mostrar:</strong> ' + escape(item.NombreMostrar) + '</span>, ' +
          '<span>' + '<strong>nif/cif/pass:</strong> <I>' + escape(item.NIFCIFPASS) + '</I></span>, ' +
          '<span>' + '<strong>email:</strong> <I>' + escape(item.Email) + '</I></span>' +
          '</div>';
      },
      item: function(item, escape) {
      return  '<div>' +
        '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + ', <strong>Nombre mostrar:</strong> '+escape(item.NombreMostrar)+'</span>, ' +
        '<span><strong>nif/cif/pass: </strong>' + escape(item.NIFCIFPASS) + ', <strong>email: </strong>' + escape(item.Email) + '</span>' +
        '</div>';
      }
    }, //render
  });
  ObjetoSelector3=$('#lp_contrato').selectize({
    theme: 'movies',
    valueField: 'idcontrato',
    labelField: 'Nombre',
    searchField: ['Nombre', 'NombreMostrar', 'NIFCIFPASS', 'Email'],
    sortField:[{field: 'Nombre'}, {field: 'NombreMostrar'}],
    options: [],
    create: false,
    render: {
      option: function(item, escape) {
        return  '<div>' +
          '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + '</span>, ' +
          '<span><strong>Nombre mostrar:</strong> ' + escape(item.NombreMostrar) + '</span>, ' +
          '<span>' + '<strong>nif/cif/pass:</strong> <I>' + escape(item.NIFCIFPASS) + '</I></span>, ' +
          '<span>' + '<strong>email:</strong> <I>' + escape(item.Email) + '</I></span>' +
          '</div>';
      },
      item: function(item, escape) {
      return  '<div>' +
        '<span>'+escape(item.idcontrato)+'.- <strong>Nombre:</strong> ' + escape(item.Nombre) + ', <strong>Nombre mostrar:</strong> '+escape(item.NombreMostrar)+'</span>, ' +
        '<span><strong>nif/cif/pass: </strong>' + escape(item.NIFCIFPASS) + ', <strong>email: </strong>' + escape(item.Email) + '</span>' +
        '</div>';
      }
    }, //render
  });

  var ObjetoSelector1 = ObjetoSelector1[0].selectize;
  ObjetoSelector1.url = "rest/data.php/contratos";
  ObjetoSelector1.clearOptions();
  var ObjetoSelector2 = ObjetoSelector2[0].selectize;
  ObjetoSelector2.url = "rest/data.php/contratos";
  ObjetoSelector2.clearOptions();
  var ObjetoSelector3 = ObjetoSelector3[0].selectize;
  ObjetoSelector3.url = "rest/data.php/contratos";
  ObjetoSelector3.clearOptions();
  $.ajax({
    url: ObjetoSelector1.url,//Da igual, todos tienen la misma
    type: 'GET',
    dataType: 'json',
    error: function() {
      ObjetoSelector1.load(function(callback) {
        callback('[]');
      });
      ObjetoSelector2.load(function(callback) {
        callback('[]');
      });
      ObjetoSelector2.load(function(callback) {
        callback('[]');
      });
    },
    success: function(data) {
      ObjetoSelector1.load(function(callback) {
        callback(data);
      });
      ObjetoSelector2.load(function(callback) {
        callback(data);
      });
      ObjetoSelector3.load(function(callback) {
        callback(data);
      });
    }
  }); 
}
//-------------------------------------------------------------------------------------------------------------------------------
//MODELOS Y COLECCIONES
//-------------------------------------------------------------------------------------------------------------------------------

var MisDatos = Backbone.Model.extend({
    urlRoot : 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/datosusuario/',
    url : function(){
        return this.urlRoot + this.get("idusuario");
    },
    defaults: {
        "idusuario":  -1
    }
});

var Contrato = Backbone.Model.extend({
  url : function(){ return 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/contrato/'+this.get("idcontrato") },
  defaults: {
    "idcontrato":  -1
  }
});
var Contratos = Backbone.Collection.extend({
  model: Contrato,
  url: 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/contratos'
});

//-------------------------------------------------------------------------------------------------------------------------------
//VISTAS
//-------------------------------------------------------------------------------------------------------------------------------

//-------------------------------------------------------------------------------------------------------------------------------
//VISTA INICIO LISTADO CONTRATOS
var InicioListaContratosView = Backbone.View.extend({
      el_inicio_listado_contratos:'#contenedor_inicio_listado_contratos',
      ListaContratos: null,
      ListaPuestos:null,
      render: function (options) {
        //Refresco el grid de citas del usuario (en app.php)
        pintaGridCitasInicio(-1,null);
          
        //Sigo con todo lo demás  
        this.idusuario=options.idusuario?options.idusuario:-1;
        var that=this;
        this.setElement(this.el_inicio_listado_contratos);
        //Cargo los templates (son varios en este caso)
        var template = _.template($('#Template-inicio-listado-contratos').html(), {});
        this.$el.html(template);
        template = _.template($('#Template-inicio-contrato-seleccionado').html(), {});
        $('#contenedor_inicio_contrato_seleccionado').html(template);
        template = _.template($('#Template-inicio-contrato-seleccionado-puestos').html(), {});
        $('#contenedor_inicio_contrato_seleccionado_puestos').html(template);   
        //Asigno los eventos on change a pais y a provincia
        $('#inicio_contratos_idpais').change(function () {that.changePais(this)});
        $('#inicio_contratos_provincia').change(function () {that.changeProvincia(this)});
        $('#inicio_contratos_soloasociados').click(function () {that.changePais(this)});//Hago como si hubiera cambiado la provincia
        $('#inicio_listado_contratos_por_provincia').change(function () {that.changeContrato(this)});//Aprovecho el json que recibí al mostrar los contratos, ahí tengo la info básica de cada uno
        $('#lista-puestos').change(function () {that.changePuesto(this)});
         
        that.inicializaPaises();
      }, //render
      inicializaPaises: function () {
        //Si el usuario está registrado muestro el check "inicio_contratos_soloasociados" del template, bueno, su label padre
        if(this.idusuario>0)
          $('#inicio_contratos_soloasociados').parent().show();
        //Relleno los paises
        var O = $.getJSON( "rest/data.php/paises", function(ListaPaises) {
          $('#inicio_contratos_idpais').empty();//Limpio el contenido del select paises
          _.each(ListaPaises, function(pais) {
            $('#inicio_contratos_idpais').append($('<option>', {
              value: pais.idpais,
              text: pais.Nombre,
            })); //Añado el option
          }); //each
          //Si hay más de una opción añado una nueva con un texto y le digigo que elija
          if ($('#inicio_contratos_idpais option').length>1) {
            $('#inicio_contratos_idpais').removeClass('select_as_text');
            $('#inicio_contratos_idpais').prepend($('<option>', {value: '', text: 'Seleccione un país',}));//Añado el option default
          } else {
            $('#inicio_contratos_idpais').addClass('select_as_text');
          }
          $('#inicio_contratos_idpais option:first-child').attr("selected", "selected");
          $('#inicio_contratos_idpais').trigger('change'); //Notifico
        }); //getJSON
      }, //inicializaPaises
      changePais: function () {
        //Oculto los controles asociados al contrato y al puesto
        $('#contrato-boton-Pedir-Asociacion').hide();
        $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('');
        $('#contrato-boton-CONECTAR').hide();
        $('#logo_contrato').attr("src", "").hide();
        $('#NombreMostrar_contrato').html('').hide();
        $('#bloque_controles_puesto').hide();
		$('#bloque_detalles_puesto').hide();//gonzlo
        //---
        var that=this;
        var idpais=$('#inicio_contratos_idpais').val();
        //Ha cambiado el desplegable de pais, cargo las provincias asociadas
        var sql="rest/data.php/provincias_concontratos/"+idpais+"/1"; //Por defecto muestro las provincias con algún contrato
        if ($('#inicio_contratos_soloasociados').is(':checked'))//Si está seleccionado solo muestro las provincias con contratos que tengan alguno asociado al usuario
          sql="rest/data.php/provincias_concontratos/"+idpais+"/1/"+this.idusuario;   
        var O = $.getJSON( sql, function(ListaProvincias) {//El 1 al final de la url hace que solo me muestre las que tienen contrato asociado
          $('#inicio_contratos_provincia').empty();//Limpio el contenido del select provincias
          _.each(ListaProvincias, function(provincia) {
            $('#inicio_contratos_provincia').append($('<option>', {
              value: provincia.CPProvincia,
              text: provincia.Nombre,
            })); //Añado el option
          }); //each
          //Si hay más de una opción añado una nueva con un texto y le digigo que elija
          if ($('#inicio_contratos_provincia option').length>1) {
            $('#inicio_contratos_provincia').removeClass('select_as_text');
            $('#inicio_contratos_provincia').prepend($('<option>', {value: '-1', text: 'Seleccione una provincia',}));//Añado el option default
          } else {
            $('#inicio_contratos_provincia').addClass('select_as_text');
          }
          $('#inicio_contratos_provincia option:first-child').attr("selected", "selected");
          $('#inicio_contratos_provincia').trigger('change'); //Notifico
        }); //getJSON
      },
      changeProvincia: function () {
        //Oculto los controles asociados al contrato
        $('#contrato-boton-Pedir-Asociacion').hide();
        $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('');
        $('#contrato-boton-CONECTAR').hide();
        $('#logo_contrato').attr("src", "").hide();
        $('#NombreMostrar_contrato').html('').hide();
        $('#bloque_controles_puesto').hide();
		$('#bloque_detalles_puesto').hide();//gonzlo
        $('#lista-puestos').find('option').remove();
        //---
        var that=this;
        $('#inicio_listado_contratos_por_provincia').empty();
		if (getUrlParameter('provincia'))$('#inicio_contratos_provincia').val(getUrlParameter('provincia'));// Gonzalo
        var CPProvincia=$('#inicio_contratos_provincia').val();
        if (CPProvincia===null)
          return;
        sql="rest/data.php/contratossimple/"+CPProvincia+"/"+this.idusuario; //Muestro los contratos de esa provincia, con datos asociados al usuario si está registrado  
        if ($('#inicio_contratos_soloasociados').is(':checked'))//Si está seleccionado solo muestro las provincias con contratos que tengan alguno asociado al usuario
          sql+='/true';
        //Ha cambiado el desplegable de provincia, cargo los contratos asociados a la provincia actual
        var o = $.getJSON( sql, function(ListaContratos) { //Filtra los listados por provincia
          that.ListaContratos=ListaContratos;//Para seguirlo utilizando cuando pinche en uno
          $('#inicio_listado_contratos_por_provincia').empty();//Limpio el contenido del select contratos
          _.each(ListaContratos, function(contrato) {
            $('#inicio_listado_contratos_por_provincia').append($('<option>', {
              value: contrato.idcontrato,
              text: contrato.NombreMostrar,
            })); //Añado el option
          }); //each
          //Si hay más de una opción añado una nueva con un texto y le digigo que elija
          $('#inicio_listado_contratos_por_provincia option:first-child').attr("selected", "selected");
          $('#inicio_listado_contratos_por_provincia').trigger('change'); //Notifico
        }); //getJSON
      },//changeProvincia
      changeContrato: function () {
        var that=this;
		if (getUrlParameter('contrato'))$('#inicio_listado_contratos_por_provincia').val(getUrlParameter('contrato'));// Gonzalo
        var idcontrato=$('#inicio_listado_contratos_por_provincia').val();
        if(!idcontrato)
          return;
        var contrato = _.where(this.ListaContratos,{idcontrato: idcontrato});//Underscore where devuelve un array, como no debería haber mas que uno cojo el elemento 0.
        //Muestro (o no) los controles asociados al contrato, luego los pinto
        $('#contrato-boton-Pedir-Asociacion').show();
        $('#contrato-boton-Pedir-Asociacion').prop('disabled',false);
        $('#contrato-boton-CONECTAR').hide();
        $('#logo_contrato').hide();
        $('#NombreMostrar_contrato').show();
        $('#bloque_controles_puesto').hide();
		$('#bloque_detalles_puesto').hide();//gonzlo
        //---
        //Imagenes contrato
		if(contrato[0].WebSite!=""){
			$('#enlaceContrato').load(function(){$(this).show()}).attr("href", contrato[0].WebSite);//edu
		}
        $('#logo_contrato').load(function(){$(this).show()}).attr("src", contrato[0].Logo);//Lo oculto y solo lo muestro cuando lo haya leido, sino deja el anterior y queda mal
        $('#NombreMostrar_contrato').html(contrato[0].NombreMostrar);
        //Evento del boton de asociar
        $('#contrato-boton-Pedir-Asociacion').on('click', function (e) {
          e.preventDefault();
          if(contrato[0].tipousuario<=0) { //Es una petición de asociación
            $('#ModalPedirAsociacionTitle').html('Solicitar asociación a contrato');
            $('#ModalPedirAsociacionMensaje').html('Envío de solicitud de asociación a este contrato');
            $('#FormPedirAsociacion').find('#tipo').val('1');
          } else { //Me han invitado o ya está confirmado, solo puedo aceptar o no hacer nada
            if ((contrato[0].AceptadoUsuario?contrato[0].AceptadoUsuario:'').length==8) { //Ya he aceptado, solo puedo cancelar
              $('#ModalPedirAsociacionTitle').html('Cancelar la asociación a contrato');
              $('#ModalPedirAsociacionMensaje').html('Envío de solicitud de cancelación a la asociación a este contrato');
              $('#FormPedirAsociacion').find('#tipo').val('0');
            } else { //Me ha invitado y no he confirmado todavía
              $('#ModalPedirAsociacionTitle').html('Aceptar la invitación de asociación a contrato');
              $('#ModalPedirAsociacionMensaje').html('Envío de aceptación de asociación a este contrato');
              $('#FormPedirAsociacion').find('#tipo').val('2');
            }
          }
          $('#ModalPedirAsociacion').modal('show');
        });
        //Cargo y preparo el formulario de asociar
        $('#FormPedirAsociacion').off('submit').on('submit', function (e){
          //Evito que mande el formulario   
          e.preventDefault();
          var contrato = _.where(that.ListaContratos,{idcontrato: idcontrato});
          $('#FormPedirAsociacion').find('#idcontrato').val(contrato[0].idcontrato);
          $('#FormPedirAsociacion').find('#idusuario').val(that.idusuario);               
          $.ajax({
            url: 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/pedirasociacion',
            data: $('#FormPedirAsociacion').serializeObject(),
            type: 'POST',
          }). always(function( msg ) {
                  $('#FormPedirAsociacion').find('#idcontrato').val('');
                  $('#FormPedirAsociacion').find('#idusuario').val(''); 
                  $('#FormPedirAsociacion').find('#observaciones').val(''); 
                  $('#ModalPedirAsociacion').modal('hide');
                  //$('#FormPedirAsociacion').find('div[id="Mensaje"]').text(msg);
                  //$('#FormPedirAsociacion').find('div[id="Mensaje"]').show().removeClass('hidden');
                  $('#inicio_contratos_provincia').trigger('change'); //Notifico
                  bootbox.dialog({message: msg,title: "envío de email notificando petición",
                    buttons: {
                      success: {
                        label: "Aceptar",
                        className: "btn-success",
                        callback: function() {
                        }
                      },
                    }
                  });
              });      
        });
            
		/*Ini gonzalo */
		var tipousuarioentexto;
		if (contrato[0].tipousuario == 2) tipousuarioentexto = 'administrador';
		else if (contrato[0].tipousuario == 3) tipousuarioentexto = 'gestor';
		else if (contrato[0].tipousuario == 4) tipousuarioentexto = 'agente';
		else tipousuarioentexto = 'usuario';
		/*Fin gonzalo */
		
        //voy con la casuistica
        if(this.idusuario>0) {//Está registrado, así que puede pedir asociación
          if(contrato[0].tipousuario<=0) {//Ni siquiera hay una solicitud de asociación, le dejo que la pida
		  	if (contrato[0].AceptaUsuariosNoRegistrados!=1) $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('Esta Inst./Emp. solo acepta usuarios asociados. Deberá asociarse para poder solicitar citas.');/*gonzalo*/
			else $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('No está asociado a esta Inst./Emp. Le recomendamos que se asocie para poder hacer uso completo de sus funcionalidades.<BR>');
            $('#contrato-boton-Pedir-Asociacion').text('Solicitar asociación');
          } else if ((!contrato[0].AceptadoAdmin) || ((contrato[0].AceptadoAdmin?contrato[0].AceptadoAdmin:'').length!=8)) {//Hay solicitud, la mandó el usuario, pero el admin no ha confirmado
            $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('Aún no está asociado, el administrador debe aceptar su solicitud.<BR>');
            $('#contrato-boton-Pedir-Asociacion').text('Cancelar solicitud');
          } else if ((!contrato[0].AceptadoUsuario) || ((contrato[0].AceptadoUsuario?contrato[0].AceptadoUsuario:'').length!=8)) {//Hay solicitud la mandó el admin, pero el usuario no ha confirmado
            $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('El administrador le ha invitado como '+tipousuarioentexto+'.<BR>');
            $('#contrato-boton-Pedir-Asociacion').text('Aceptar invitación');
          } else { //Hay solicitud y se ha confirmado por ambas partes
            $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('Está asociado. Ahora puede hacer uso completo de las funcionalidades de este servicio.<BR>');/*gonzalo*/
            $('#contrato-boton-Pedir-Asociacion').html('Cancelar<br>asociación');/*gonzalo*/
            //Si es un usuario con privilegios le muestro el botón conectar
			/*ini gonzalo*/
            if ((contrato[0].tipousuario>=1) && (contrato[0].tipousuario<=4)) {
              $('#contrato-boton-CONECTAR').show();
              $('#contrato-boton-CONECTAR').html('Acceder como<br>'+tipousuarioentexto);/*gonzalo*/
			  $('#contrato-boton-CONECTAR').click(function(){window.location.assign('https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/paneldecontrol.php?idcontrato='+contrato[0].idcontrato)});
              //$('#contrato-boton-CONECTAR').click(function(){window.open('https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/paneldecontrol.php?idcontrato='+contrato[0].idcontrato)});/*gonzaloV2*/
            }
			/*fin gonzalo*/
          }
        } else {
          $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('');
          $('#contrato-boton-Pedir-Asociacion').prop('disabled',true);
		  /* ini gonzalo */
		  if (contrato[0].AceptaUsuariosNoRegistrados!=1){
			  $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('Naturpellet Segovia solo acepta usuarios asociados. Deberá registrarse (o acceder a su cuenta si ya tiene una), y posteriormente asociarse para poder solicitar citas.');
			  $('#contrato-boton-Pedir-Asociacion').hide();
		  }else{
			  $('#contrato-boton-Pedir-Asociacion-TextoAdicional').html('Le recomendamos que se regístre (o acceda a su cuenta si ya tiene una) para asociarse al contrato y poder hacer uso completo de sus funcionalidades.');
			  $('#contrato-boton-Pedir-Asociacion').hide();  
		  }
		  /* fin gonzalo */
        }
        //Cargo los puestos
        sql="rest/data.php/puestos/"+contrato[0].idcontrato;
        var o = $.getJSON( sql, function(ListaPuestos) { //Busco los puestos creados en este contrato
          that.ListaPuestos=ListaPuestos;//Para seguirlo utilizando cuando pinche en uno
          $('#lista-puestos').empty();//Limpio el contenido del select contratos
          _.each(ListaPuestos, function(puesto) {
            $('#lista-puestos').append($('<option>', {
              value: puesto.idpuesto,
              text: puesto.Nombre,
            })); //Añado el option
          }); //each
          $('#lista-puestos option:first-child').attr("selected", "selected");
          $('#lista-puestos').trigger('change'); //Notifico
        });
      }, //changeContrato
      changePuesto: function () { 
        $('#bloque_controles_puesto').hide();
		$('#bloque_detalles_puesto').hide();//gonzlo
		$('#contenedor-video').hide();//gonzalo
        $('#PresentaEnlaceYoutube').hide();
        $('#PresentaFoto').hide();
        var that=this;
        var idcontrato=$('#inicio_listado_contratos_por_provincia').val();
		if (getUrlParameter('puesto'))$('#lista-puestos').val(getUrlParameter('puesto'));// Gonzalo
        var idpuesto=$('#lista-puestos').val();
        if(!idcontrato || (!idpuesto))
          return;
        var contrato = _.where(this.ListaContratos,{idcontrato: idcontrato});//Underscore where devuelve un array, como no debería haber mas que uno cojo el elemento 0.
        var puesto = _.where(this.ListaPuestos,{idpuesto: idpuesto});//Underscore where devuelve un array, como no debería haber mas que uno cojo el elemento 0.
        //Está asociado y registrado si tiene registro en el sistema y además los campos de aceptación del usuario y admin del contrato tienen una fecha
        var RegistradoYAsociado=((contrato[0].AceptadoUsuario?contrato[0].AceptadoUsuario:'').length==8 
                                  && 
                                 (contrato[0].AceptadoAdmin?contrato[0].AceptadoAdmin:'').length==8);
        //Segunda vuelta, un usuario también está registrado y asociado si es un super admin o el administrador del contrato.
        RegistradoYAsociado=RegistradoYAsociado 
                            || false 
                            || (contrato[0].idusuariotitular==-1);
        
        $('#PresentaTexto').html(puesto[0].PresentaTexto);
		/*gonzalo formación*/
		if(puesto[0].PagoUnico==0)$('#preciominuto').html('* El coste por minúto de atención para este puesto es de <b>'+puesto[0].preciominuto+'</b> créditos.');//gonzalo
		else $('#preciominuto').html('* El coste de atención para este puesto es un pago único de <b>'+puesto[0].preciominuto+'</b> créditos.');
		/*fin gonzalo formación*/
	    //$('#HoraApertura').html(puesto[0].HoraApertura);//gonzalo
        if ((puesto[0].PresentaFoto) && ((puesto[0].PresentaFoto?puesto[0].PresentaFoto:'').length>0)) {
          $('#PresentaFoto').load(function(){$(this).show()}).attr("src", puesto[0].PresentaFoto); //Para que no se note el salto de una imagen a otra
          $('#PresentaFoto').show();  
        } else {
          $('#PresentaFoto').hide();
          $('#PresentaFoto').prop('src','');
        }
        if ((puesto[0].PresentaEnlaceYoutube) && ((puesto[0].PresentaEnlaceYoutube?puesto[0].PresentaEnlaceYoutube:'').length>0)) {
          $('#PresentaEnlaceYoutube').load(function(){$(this).show()}).attr("src", puesto[0].PresentaEnlaceYoutube);//Para que no se vea el paso de un src='' a uno con video
		  $('#contenedor-video').show();//gonzalo
        } else {
		  $('#contenedor-video').hide();//gonzalo
          $('#PresentaEnlaceYoutube').prop('src','');//Para que no siga sonando por detrás
          $('#PresentaEnlaceYoutube').hide();
        }
        //Si no acepta no registrados y asociados, y el usuario no está registrado y asociado le dejo ahí sin mostrar controles de puesto
        if ( (contrato[0].AceptaUsuariosNoRegistrados!=1) && !(RegistradoYAsociado)) {
          $('#puesto-boton-PedirCita').hide();
          $('#puesto-boton-AtencionInmediata').hide();
		  $('#puesto-boton-Reserva').hide();//edu
          $('#Presencial').parent().hide();
          $('#Telefonica').parent().hide();
          $('#Videoconferencia').parent().hide();
		  $('#Formativa').parent().hide();//edu
        } else {//o el contrato acepta no registrados, o no los acepta pero este usuario está asociado a ese contrato  
          if (puesto[0].AceptaLlamadas>0) {
            $('#Telefonica').prop('checked',true).parent().show();
			$('#Formativa').removeAttr('checked');//edu
			$('#Formativa').parent().hide();//edu
			$('#puesto-boton-Reserva').hide();//edu
          } else $('#Telefonica').parent().hide();
          if (puesto[0].AceptaPresencial>0) {
            $('#Telefonica').removeAttr('checked');
            $('#Presencial').prop('checked',true).parent().show();
			$('#Formativa').removeAttr('checked');//edu
			$('#Formativa').parent().hide();//edu
			$('#puesto-boton-Reserva').hide();//edu
          } else $('#Presencial').parent().hide();
          if (puesto[0].AceptaVideoconferencia>0) {
            $('#Telefonica').removeAttr('checked');
            $('#Presencial').removeAttr('checked');
            $('#Videoconferencia').prop('checked',true).parent().show();
			$('#Formativa').removeAttr('checked');//edu
			$('#Formativa').parent().hide();//edu
			$('#puesto-boton-Reserva').hide();//edu
          } else $('#Videoconferencia').parent().hide();
          $('#puesto-boton-PedirCita').hide();
          $('#puesto-boton-AtencionInmediata').hide();
          if((puesto[0].AceptaLlamadas>0) || (puesto[0].AceptaPresencial>0) || (puesto[0].AceptaVideoconferencia>0)) { //Tiene que tener al menos un tipo de atención
            if (puesto[0].AceptaCitas>0) {
              $('#puesto-boton-PedirCita').show();
            }
            $('#puesto-boton-AtencionInmediata').show();
          }

		  /*ini edu*/
		  if (puesto[0].AceptaFormacion>0){
			  $('#puesto-boton-Reserva').show();//edu
			  $('#puesto-boton-Reserva').prop('disabled', false);
			  $('#Telefonica').removeAttr('checked');
			  $('#Presencial').removeAttr('checked');
			  $('#Videoconferencia').removeAttr('checked');
			  $('#Telefonica').parent().hide();
			  $('#Presencial').parent().hide();
			  $('#Videoconferencia').parent().hide();
			  $('#puesto-boton-PedirCita').hide();
			  $('#puesto-boton-AtencionInmediata').hide();
			  $('#Formativa').prop('checked',true).parent().hide();
			  if(puesto[0].AceptaBotonReserva>0){
					var reservasAdmitidas = puesto[0].NumeroReservas;
					var contadorReservas=0;
					var sql="rest/data.php/citas_puesto_reservas/"+idpuesto;
					var o = $.getJSON( sql, function(controlarReservas) {
						that.controlarReservas=controlarReservas;//Para seguirlo utilizando cuando pinche en uno
						_.each(controlarReservas, function(cita) {contadorReservas++;}); //each
						if (contadorReservas > reservasAdmitidas){
							$('#puesto-boton-Reserva').prop('disabled', true);
							$('#mensajenocredito').html('<b style="color:red">Lo sentimos, se han agotado las plazas.</b>');
						}
					});
				}
		  }
		  /*fin edu*/
		  
		  if (puesto[0].Estado==0) { //ONLINE
            $('#puesto-boton-PedirCita').prop('disabled', false);
            $('#puesto-boton-AtencionInmediata').prop('disabled', false);
          } else if (puesto[0].Estado==1) {//OCUPADO
            $('#puesto-boton-PedirCita').prop('disabled', false);
            $('#puesto-boton-AtencionInmediata').prop('disabled', true);
          } else if (puesto[0].Estado==2) {//OFFLINE
            $('#puesto-boton-PedirCita').prop('disabled', false);
            $('#puesto-boton-AtencionInmediata').prop('disabled', true);
          }

          $('#bloque_controles_puesto').show();//Muestro el bloque de controles una vez configurados
		  $('#bloque_detalles_puesto').show();//gonzlo
          
          //Asigno los eventos de pedir cita y atención inmediata
          $('#puesto-boton-PedirCita').off('click');
          $('#puesto-boton-PedirCita').on('click', function () {
            tipocita=$('input[name="tipocita"]:checked').val();
			getCitasPuesto(puesto[0].idcontrato, puesto[0].idpuesto, moment().format('YYYYMMDD'), tipocita, true, puesto[0].preciominuto);/*gonzaloV2 formación*/         
            $('#ModalCitaTitle').text('Cita');
            switch( tipocita ) {
              case "1" :
                $('#ModalCitaTitle').text('Cita Presencial');
                break;
              case "2" :
                $('#ModalCitaTitle').text('Cita Telefónica');
                break;
              case "3" :
                $('#ModalCitaTitle').text('Cita Videoconferencia');
                break;
            }
            $('#ModalCita').modal('show');
          });
          
          $('#puesto-boton-AtencionInmediata').off('click');
          $('#puesto-boton-AtencionInmediata').on('click', function () {
            tipocita=$('input[name="tipocita"]:checked').val();         
            getCitasPuesto(puesto[0].idcontrato, puesto[0].idpuesto, moment().format('YYYYMMDD'), tipocita, false, puesto[0].preciominuto);/*gonzaloV2 formación*/
            var titulotipo='';
            switch( tipocita ) {
              case "1" :
                titulotipo='Presencial';
                break;
              case "2" :
                titulotipo='Telefónica';
                break;
              case "3" :
                titulotipo='Videoconferencia';
                break;
            }
            var titulo='Atención inmediata - '+titulotipo;
            $('#ModalCitaTitle').text(titulo);
            $('#ModalCita').modal('show');
          });    
		  /*ini edu*/
		  $('#puesto-boton-Reserva').off('click');
          $('#puesto-boton-Reserva').on('click', function () {
            tipocita=$('input[name="tipocita"]:checked').val();         
            getCitasPuesto(puesto[0].idcontrato, puesto[0].idpuesto, moment().format('YYYYMMDD'), tipocita, false, puesto[0].preciominuto);/*gonzaloV2 formación*/
			if(tipocita==4){
				var titulo='Curso Formativo';
			}
            $('#ModalCitaTitle').text(titulo);
            $('#ModalCita').modal('show');
          });  
		  /*fin edu*/
		}
		// ini gonzalo
		// ini gonzalo
			if ( 0 < (puesto[0].preciominuto ) ){
				$('#mensajenocredito').html('<b style="color:red">En estos momentos no dispone de créditos suficientes para solicitar citas. Acceda a su cuenta o cómpre créditos.</b>');
				$('#puesto-boton-AtencionInmediata').prop('disabled', true);
				$('#puesto-boton-PedirCita').prop('disabled', true);
				$('#puesto-boton-Reserva').prop('disabled', true);
			}else{
				$('#mensajenocredito').html('') ;
				$('#puesto-boton-AtencionInmediata').prop('disabled', false);
				$('#puesto-boton-PedirCita').prop('disabled', false);
				$('#puesto-boton-Reserva').prop('disabled', false);
				
			  if (puesto[0].Estado==0) { //ONLINE
				$('#puesto-boton-PedirCita').prop('disabled', false);
				$('#puesto-boton-AtencionInmediata').prop('disabled', false);
			  } else if (puesto[0].Estado==1) {//OCUPADO
				$('#puesto-boton-PedirCita').prop('disabled', false);
				$('#puesto-boton-AtencionInmediata').prop('disabled', true);
			  } else if (puesto[0].Estado==2) {//OFFLINE
				$('#puesto-boton-PedirCita').prop('disabled', false);
				$('#puesto-boton-AtencionInmediata').prop('disabled', true);
			  }
			  
			}
			
			if((puesto[0].AceptaBotonReserva==0)&&(puesto[0].AceptaFormacion>0)){
				$('#mensajenocredito').html('<b style="color:red">Lo sentimos, en estos momentos no aceptamos reservas.</b>');
				$('#puesto-boton-Reserva').prop('disabled', true);
			}
			 
		// fin gonzalo
      },//changePuesto
});

var inicioListaContratosView = new InicioListaContratosView();

//MISDATOS-----------------------------------------------------------------------------------------------------------------------
//VISTA MisDatos
var MisDatosView = Backbone.View.extend({
      el_mis_datos:'#contenedor_misdatos',
      render: function (options) { 
        this.setElement(this.el_mis_datos);
        this.idusuario=options.idusuario;
        //Pongo el cargando por si tarda el servidor en responder
        var template = _.template($('#Template-Loading').html(), {});
        this.$el.html(template);
        //La funciones success,error,etc son anónimas, y this solo tiene sentido hasta este contexto (para acceder desde success, error y demás al objeto this)
        //Al llamar a asincronos (por ejemplo el fetch) las respuestas no están en su ámbito
        var that = this;
        if (options.idusuario>0) {  //El usuario está registrado
            var misdatos = new MisDatos({idusuario: options.idusuario});
            misdatos.fetch({
                success: function (misdatos,response) { 
                    var template = _.template($('#Template-MisDatos').html(), {misdatos : misdatos});
                    that.$el.html(template);
                    that.PrepararFormulario();//Cargo todo lo que necesite el formulario
                },
                error: function (misdatos,response) {
                    var errortext=response.responseText;
                    if (errortext.length<=0)
                        errortext='error: No se ha recibido nada';
                    var template = _.template($('#Template-Error').html(), {error : errortext});
                    that.$el.html(template);
                }
            });
        } else { //Le muestro para registrarse
            //MIS DATOS
            var template = _.template($('#Template-MisDatos').html(), {misdatos : null});
            that.$el.html(template);
            this.PrepararFormulario();//Cargo todo lo que necesite el formulario
        }
      
      }, //FIN RENDER
       GuardarMisDatos: function () {
        //Le indico que está guardando
        $('#FormMisDatos').find(':submit').html('Guardando, espere por favor...');
        var misdatosDetails = $('#FormMisDatos').serializeObject();//currentTarget es el form, es el objetivo del evento
        var misdatos = new MisDatos({idusuario: this.idusuario});
        var that=this;
        misdatos.save(misdatosDetails, {
          success: function (usuario,response) {
              if ((that.idusuario<=0) || !(that.idusuario)) { //Es nuevo
                bootbox.dialog({message: "Se ha dado correctamente de alta, por favor, haga login para iniciar su sesión",title: "Informaci&oacute;n",
                  buttons: {
                    success: {
                      label: "Aceptar",
                      className: "btn-success",
                      callback: function() {
                        location.reload();
                      }
                    },
                  }
                });
              } else {
                CargaMisDatos();
              }  
          },
          error: function (usuario,response) {
             $('#FormMisDatos').find('div[id="Mensaje"]').html(response.responseText); 
             $('#FormMisDatos').find('div[id="Mensaje"]').show().removeClass('hidden');
             $('#FormMisDatos').find(':submit').html('Guardar');
          }
        });
        return false;
      }, //GuardarMisDatos
      PrepararFormulario: function () {
        // Aquí cargo los requisitos y todo lo que lleve el formulario
        //Cuelgo el plugin de date picker
        var that=this;     
        $('#FechaNacimiento').datetimepicker({
            lang:'es',
            timepicker:false,
            format:'d/m/Y'
        });
        //Validar el formulario
        $("#FormMisDatos").on('submit', function (e){
            //Evito que mande el formulario   
            e.preventDefault();//En realidad no mando el formulario, serializo su contenido y lo mando con backbone/ajax
        });
        $.validator.methods.date = function(value, element) {
            return this.optional(element) || (parseUserDate(value) !== null);
        };
        $("#FormMisDatos").validate({
            errorLabelContainer: "#FormMisDatos #Mensaje",
            wrapper: "li",
            rules: {
                Nombre: {
                    required:true,
                    maxlength:50
                },
                Apellido1: {
                    required:false,//gonzaloV3
                    maxlength:50
                },
                Apellido2: {
                    required:false,//gonzaloV3
                    maxlength:50
                },
                NIFCIFPASS: {
                    required:false,//gonzaloV3
                    maxlength:9
                },
                TipoNIFCIFPASS: {
                    required:false,//gonzaloV3
                },
                NombreEmpresa: {
                    maxlength:150
                },
                FechaNacimiento: {
                    required: false,//gonzaloV3
                    date: true,
                },
                Telefonos: {
                    required:true,
                },
                Email: {
                    required: true,
                    email: true,
                    maxlength:100
                },
                Pass: {
                    required: true,
                    maxlength:30
                },  
				/*gonzaloV3*/
                DirNacimiento_idpais: {required: false},
                DirNacimiento_CPProvincia: {required: false},
                DirNacimiento_CPLocalidad: {required: false},
                DirNacimiento_codpos: {required: false},
                DirNacimiento_direccion: {required: false},
                DirCenso_idpais: {required: false},
                DirCenso_CPProvincia: {required: false},
                DirCenso_CPLocalidad: {required: false},
                DirCenso_codpos: {required: false},
                DirCenso_direccion: {required: false}
				/*fin gonzaloV3*/
            }, 
            messages: {
                Nombre: {
                    required: "Es necesario asignar un Nombre",
                    maxlength:"La longitud m&aacute;xima del Nombre es de 50 caracteres"
                },
                Apellido1: {
                    required: "Es necesario asignar Apellidos",
                    maxlength:"La longitud m&aacute;xima de los Apellidos es de 50 caracteres"
                },
                Apellido2: {
                    required: "Es necesario asignar Apellidos",
                    maxlength:"La longitud m&aacute;xima de los Apellidos es de 50 caracteres"
                },
                NIFCIFPASS: "Debe asignar un NIF, CIF o Pasaporte y seleccionar el tipo",
                TipoNIFCIFPASS: "Debe asignar un NIF, CIF o Pasaporte y seleccionar el tipo",
                NombreEmpresa: {
                    maxlength:"La longitud m&aacute;xima de la empresa es de 150 caracteres"
                },
                FechaNacimiento:"Indique una fecha de nacimiento",
                Telefonos:"Indique al menos 1 tel&eacute;fono",
                Email: {
                    required: "No ha asignado un email",
                    email: "El email no parece tener un formato v&aacute;lido",
                },
                Pass: {
                    required: "No ha asignado una contrase&ntilde;a",
                    maxlength:"La longitud m&aacute;xima de la contrase&ntilde;a es de 30 caracteres"
                },    

				DirNacimiento_idpais: "Seleccione un pa&iacute;s de nacimiento",
                DirNacimiento_CPProvincia: "Seleccione una provincia de nacimiento",
                DirNacimiento_CPLocalidad: "Seleccione una localidad de nacimiento",
                DirNacimiento_codpos: "Seleccione un c&oacute;digo postal de nacimiento",
                DirNacimiento_direccion: "Introduzca una direci&oacute;n de nacimiento",
                DirCenso_idpais: "Seleccione un pa&iacute;s de censo",
                DirCenso_CPProvincia: "Seleccione una provincia de censo",
                DirCenso_CPLocalidad: "Seleccione una localidad de censo",
                DirCenso_codpos: "Seleccione un c&oacute;digo postal de censo",
                DirCenso_direccion: "Introduzca una direci&oacute;n de censo"

            },
            submitHandler: function(form) {
                // Si todo ha ido OK al validar, guardo los datos del usuario en el servidor
                that.GuardarMisDatos();
            },
            invalidHandler: function(event, validator) {
                //Si la validación falla informo al usuario
                var errors = validator.numberOfInvalids();
                    if (errors) {
                        var message = errors == 1
                            ? 'Hay un campo incorrecto.'
                            : 'Hay errores en ' + errors + ' campos.';
                        $('#FormMisDatos').find('div[id="Mensaje"]').html(message); 
                        $('#FormMisDatos').find('div[id="Mensaje"]').show().removeClass('hidden');
                    } else {
                    $('#FormMisDatos').find('div[id="Mensaje"]').hide();
                    }
            }
        });
      }, //PrepararFormulario
      BorrarUsuario: function () {
        var idusuario=this.idusuario;
        bootbox.dialog({message: "¿Está seguro de que quiere borrar definitivamente su cuenta?",title: "Borrar Usuario",
          buttons: {
            success: {
              label: "Borrar",
              className: "btn-danger",
              callback: function() {
                $.ajax({
                  url: 'https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/rest/data.php/borrarusuario/'+idusuario,
                  type: 'POST',
                }). always(function( msg ) {
                        window.location.replace('https://eternity.online/patrocinadores/naturpellet-futsal-oficina-virtual/inicio.php?cerrarsesion=si');
                    });
              }
            },
            danger: {
              label: "Cancelar",
              className: "btn",
              callback: function() {
                //Example.show("uh oh, look out!");
              }
            }
          }
        });
      }
});
var misDatosView = new MisDatosView();

//------------------------------------------------------------------------------
//CONTRATOS---------------------------------------------------------------------
//VISTA Listado de contratos
var ContratosListaView = Backbone.View.extend({
      el: '#contenedor_contratos',
      initialize : function() {
        this.contratos = new Contratos();//Tiene que ser publica para que sea accesible desde backgridjs
        gridContratos = null;//privada
      }, //initialize
      GuardarContrato: function () {
        var contratoDetails = $('#FormEditarGrabarContrato').serializeObject();//currentTarget es el form, es el objetivo del evento
        var contrato= new Contrato();
        contrato.save(contratoDetails, {
          success: function (contrato,response) {
            $('#ModalEditarGrabarContrato').modal('hide');
            CargaContratos();
          },
          error: function (contrato,response) {
             $('#FormEditarGrabarContrato').find('div[id="Mensaje"]').html(response.responseText); 
             $('#FormEditarGrabarContrato').find('div[id="Mensaje"]').show().removeClass('hidden');
          }
        });
        return false;
      }, //GuardarAdministrador
      PrepararFormulario: function () {
        var that=this;
        // Aquí cargo los requisitos y todo lo que lleve el formulario
        //Validar el formulario
        $("#FormEditarGrabarContrato").on('submit', function (e){
            //Evito que mande el formulario   
            e.preventDefault();//En realidad no mando el formulario, serializo su contenido y lo mando con backbone/ajax
        });
        $("#FormEditarGrabarContrato").validate({
            errorLabelContainer: "#FormEditarGrabarContrato_Mensaje",
            wrapper: "li",
            rules: {
                Nombre: {
                    required:true,
                    maxlength:150
                },
                NombreMostrar: {
                    required:true,
                    maxlength:150
                },
                PagoMinimoMeses: {
                    required:true,
                    digits: true
                },
                PagoPrecioMes: {
                    required:true,
                    number: true
                },
                NIFCIFPASS: {
                    required:true,
                    maxlength:9
                },
                TipoNIFCIFPASS: {
                    required:true,
                },
                Logo: {
                    maxlength:250
                },
                Telefonos: {
                    required:true,
                },
                Email: {
                    required: true,
                    email: true,
                    maxlength:100
                },
                emailENV: {
                    required: true,
                    email: true,
                    maxlength:100
                },
                emailSMTPENV: {
                    required: true,
                    maxlength:100
                },
                emailUsuarioENV: {
                    required: true,
                    maxlength:100
                },
                emailPassENV: {
                    required: true,
                    maxlength:100
                }, 
                Dir_idpais: {required: true, min:1},
                Dir_CPProvincia: {required: true, min:1},
                Dir_CPLocalidad: {required: true, min:1},
                Dir_codpos: {required: true, min:1},
                Dir_direccion: {required: true}
            }, 
            messages: {
                Nombre: {
                    required: "Es necesario asignar un Nombre",
                    maxlength:"La longitud m&aacute;xima del Nombre es de 150 caracteres"
                },
                NombreMostrar: {
                    required: "Es necesario asignar un Nombre para mostrar a los usuarios",
                    maxlength:"La longitud m&aacute;xima del Nombre a Mostrar es de 150 caracteres"
                },
                PagoMinimoMeses: {
                    digits: "Es necesario seleccionar un número mínimo de meses que puede pagar y debe ser un n&uacute;mero entero",
                    required: "Es necesario seleccionar un número de meses para pago mínimo y debe ser un n&uacute;mero entero",
                },
                PagoPrecioMes: {
                    number: "Es necesario seleccionar un precio por 1 mes y debe ser un n&uacute;mero",
                    required: "Es necesario seleccionar un precio por 1 mes y debe ser un n&uacute;mero",
                },
                NIFCIFPASS:"Debe asignar un NIF, CIF o Pasaporte",
                TipoNIFCIFPASS: "Debe asignar un tipo NIF, CIF o Pasaporte",
                logo:"Indique una fecha de nacimiento",
                Telefonos:"Indique al menos 1 tel&eacute;fono",
                Email: {
                    required: "No ha asignado un email",
                    email: "El email no parece tener un formato v&aacute;lido",
                },
                emailENV: {
                    required: "No ha asignado un email de env&iacute;o",
                    email: "El email no parece tener un formato v&aacute;lido",
                },
                emailSMTPENV: {
                    required: "No ha asignado un servidor SMTP para el correo de env&iacute;o",
                },
                emailUsuarioENV:  {
                    required: "No ha asignado un usuario para el correo de env&iacute;os",
                    maxlength:"La longitud m&aacute;xima del usuario del correo de env&iacute;os es de {0} caracteres"
                },
                emailPassENV: {
                    required: "No ha asignado una contrase&ntilde;a para el correo de env&iacute;os",
                    maxlength:"La longitud m&aacute;xima de la contrase&ntilde;a del correo de env&iacute;os es de {0} caracteres"
                },    
                Dir_idpais: "Seleccione un pa&iacute;s",
                Dir_CPProvincia: "Seleccione una provincia",
                Dir_CPLocalidad: "Seleccione una localidad",
                Dir_codpos: "Seleccione un c&oacute;digo postal",
                Dir_direccion: "Introduzca una direci&oacute;n"
            },
            submitHandler: function(form) {
                // Si todo ha ido OK al validar, guardo los datos de configuracion en el servidor
                that.GuardarContrato();
            },
            invalidHandler: function(event, validator) {
                //Si la validación falla informo al usuario
                var errors = validator.numberOfInvalids();
                    if (errors) {
                        var message = errors == 1
                            ? 'Hay un campo incorrecto.'
                            : 'Hay errores en ' + errors + ' campos.';
                        $('#FormEditarGrabarContrato_Mensaje').html(message); 
                        $('#FormEditarGrabarContrato_Mensaje').show().removeClass('hidden');
                    } else {
                    $('#FormEditarGrabarContrato_Mensaje').hide();
                    }
            }
        });
      }, //PrepararFormulario
      render: function () {
        //Pongo el cargando
        var template = _.template($('#Template-Loading').html(), {});
        this.$el.html(template);
        
        var that = this; //La función success es anónima, y this solo tiene sentido en este contexto no en los eventos async resultado
       
        gridContratos = new Backgrid.Grid({
            columns : [{
                name: "idcontrato", // The key of the model attribute
                label: "Nº", // The name to display in the header
                editable: false, // By default every cell in a column is editable, but *ID* shouldn't be
                // Defines a cell type, and ID is displayed as an integer without the ',' separating 1000s.
                cell: Backgrid.IntegerCell.extend({
                  orderSeparator: ''
                })
              },{
                name: "Nombre",
                label: "Nombre",
                // The cell type can be a reference of a Backgrid.Cell subclass, any Backgrid.Cell subclass instances like *id* above, or a string
                cell: "string", // This is converted to "StringCell" and a corresponding class in the Backgrid package namespace is looked up
                editable: false
              },{
                name: "NombreMostrar",
                label: "Nombre Mostrar",
                cell: "string",
                editable: false
              },{
                name: "UsuarioTitular",
                label: "Administrador", //gonzalo
                cell: "string" ,
                editable: false
              },{
                name: "FechaAlta",
                label: "Alta",
                cell: FechaCell,
                editable: false
              },{
                name: "Telefonos",
                label: "Teléfonos", //gonzalo
                cell: "string",
                editable: false
              },{
                name: "Email",
                label: "Email pagos", //gonzalo
                formatter: _.extend({}, Backgrid.CellFormatter.prototype, {
                  fromRaw: function (rawValue) {
                    return '<A href="mailto:'+rawValue+'">'+rawValue+'</A>';
                    //You can use rawValue to custom your html, you can change this value using the name parameter.
                  }
                }),
                cell: "html", // Renders the value in an HTML anchor element
                editable: false
              },{
                name: "Direccion",
                label: "Direccion",
                cell: "string",
                editable: false
              },{
                name: "Activo",
                label: "Activo",
                formatter: _.extend({}, Backgrid.CellFormatter.prototype, {
                  fromRaw: function (rawValue) {
                    if (rawValue==1) 
                      return '<span class="text-success">Sí</span>';
                    return '<span class="text-danger">No</span>';
                    //You can use rawValue to custom your html, you can change this value using the name parameter.
                  }
                }),
                cell: "html",
                editable: false,
              },{
                name:"",
                label:"",
                cell: ButtonCellContratos
              }
            ],
            collection: that.contratos
        }); //Fin inicializo grid
        // Renderizo el grid y lo muestro como html en el documento
        $("#grid-contratos").html(gridContratos.render().el);
        that.contratos.fetch({
            reset: true,
            success: function (contratos) { 
                $("#labelNumContratos").html('N&ordm; de contratos: <b>'+contratos.length+'</b>');//gonzalo
            },
            error: function (contratos,response) {
                $("#labelNumContratos").html('N&ordm; de contratos: -');//gonzalo
                var errortext=response.responseText;
                if (errortext.length<=0)
                    errortext='error: No se ha recibido nada';
                var template = _.template($('#Template-Error').html(), {error : errortext});
                that.$el.html(template);
            }         
        });
      }, //render
      CreaNuevoContrato: function () {
        $('#ModalEditarGrabarContratoTitle').html('Crear nuevo contrato');
        var template = _.template($('#Template-Editar-Grabar-Contrato').html(), {contrato : null});
        $('#ModalEditarGrabarContratoMensaje').html(template);
        contratosListaView.PrepararFormulario();
        $('#ModalEditarGrabarContrato').modal('show');
      }, //CreaNuevoContrato
});
var contratosListaView = new ContratosListaView()