//----------------------------------------------------------------------------------------------------
// REGISTRO DE LA PROPIEDAD DE PR
// POR: INVID LLC
// PROPOSITO:
// Maneja la vista de la lista de Documentos para Retirar.
//----------------------------------------------------------------------------------------------------
var MisCertificacionesListView = SharedBaseView.extend({

	events:{
		"click .btn-filtrar": "preFiltrar",
		"click .btn-cleaner": "cleanSearch",
		"click th.sort": "changeSort",
		"click .btn-show-more": "fetchMoreItems",
	},
	initialize: function () {
	    MisCertificacionesListView.__super__.initialize.apply(this, arguments)
	    this.idColumn = "ID"
	},
	modelClass: MisCertificacionesModel,
	childViewClass: MisCertificacionesListItemView,
	childViewContainer: "tbody.mis-certificaciones-list",
	cleanSearch: function(){
		$(".turno").val("")
		$(".filtro-finca").val("")
		$(".fecha").val("")
		$(".filtro-tipo").val(0)
		$(".filtro-estado").val(0)
		$(".filtro-seccion").val(0)
        $(".filtro-demarcaciones").val(0)
		this.collection = new MisCertificacionesCollection();
		this.model = new MisCertificacionesModel();
		this.$el.find(this.childViewContainer).empty();
		this.filtrar({refresh: true});
	},
	fetchMoreItems: function(){
		this.filtrar({refresh: false})
	},
	preFiltrar: function(){
		this.collection = new MisCertificacionesCollection();
		this.model = new MisCertificacionesModel();
		this.$el.find(this.childViewContainer).empty();
		this.filtrar({refresh: true})
	},
	filtrar: function (data) {
	    var turno = $(".turno").val() == "" ? "@" : $(".turno").val()
	    var finca = $(".filtro-finca").val() == "" ? "@" : $(".filtro-finca").val()
	    var fecha = $(".fecha").val() == "" ? "@" : $(".fecha").val()
	    var tipocertificacion = $(".filtro-tipo").val()
	    var estado = $(".filtro-estado").val()
	    var seccion = $(".filtro-seccion").val()
	    var demarcacion = $(".filtro-demarcaciones").val()

	    this.collection = new MisCertificacionesCollection()
		if(this.isWorking)
			return

		var self = this

		this.startWorking();

		self.model.customUrl = "/api/certificacion/misCertificaciones" +
                                "/turno/" + turno +
                                "/finca/" + finca +
                                "/fecha/" + fecha +
                                "/tipocertificacion/" + tipocertificacion +
                                "/estado/" + estado +
                                "/seccion/" + seccion +
                                "/demarcacion/" + demarcacion
		self.model.fetch({
			success: function(err, response){
				self.stopWorking();
				self.managePaging(response)

					//var template = Handlebars.compile($("#misCertificacionesListItem").html());
					//_.each(response, function (item) {
					//    var t = template(item)
					//    $(".mis-certificaciones-list-block").append(t)
			    //})mis-certificaciones-list-block
				$(".mis-certificaciones-list-block").find(".btn-show-more").removeClass("hidden")

				_.each(response, function (item) {
				    //var certModel = new MisCertificacionesModel(item)
				    self.addItemToList(new MisCertificacionesModel(item))
				})

    			},
			error: self.xhrError,
			beforeSend: self.beforeSend
		})
	},
	render: function(){
		var self=this

		Utils.TemplateManagement.loadHtmlTemplate("#misCertificacionesList", "misCertificaciones",
		function(){
		    var template = Handlebars.compile($("#misCertificacionesList").html())
			self.collection = new MisCertificacionesCollection()

			self.model = new MisCertificacionesModel()

			$(self.el)
			.html(template(self.model.toJSON()))
			.addClass("mis-certificaciones-list-block active")


			var arr = ['.fecha'];
			var len = arr.length;

			while(len-- > 0)
				self.$el.find(arr[len]).datepicker({
					autoclose: true,
					language: 'es',
						format: 'dd-mm-yyyy'
				})


			self.views.certificacionRenovarAviso = new CertificacionRenovarAviso()
			$(self.views.certificacionRenovarAviso.render().el).insertAfter('.arancel-calculator')

			self.views.certificacionRetirarAviso = new CertificacionRetirarAviso()
			$(self.views.certificacionRetirarAviso.render().el).insertAfter('.arancel-calculator')


			self.filtrar({refresh: true})
		})

        return this
	}
})