function changeHostStatus(this_obj, user_id) {
		var markup = '<div class="mfp-figure">'+
            '<div class="mfp-close"></div>'+
            '<div class="mfp-img"></div>'+
            '</div>';
		$("#modal").html(markup);

		$.get('/api/host/' + user_id, function(data) {
			console.log(data);

			markup = '<div class="panel">'
			+ '<div class="panel-heading">'
			+ '<p class="panel-title">${user.email}</p>'
			+ '<p style="margin:0;">(${user.firstname} ${user.lastname})</p>'
			+ '</div>'

			+ '<div class="panel-body p25 text-center">'
			
		+ '<div class="btn-group">'
		+ '{{if host_status == "Application"}}'
		+ '<button type="button" data-value="Application" class="btn btn-dark btn_status_select">Application</button>'
			+ '{{else}}'
		+ '<button type="button" data-value="Application" class="btn btn-default btn_status_select">Application</button>'
		+ '{{/if}}'
		+ '{{if host_status == "CBC"}}'
		+ '<button type="button" data-value="CBC" class="btn btn-dark btn_status_select">CBC</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="CBC" class="btn btn-default btn_status_select">CBC</button>'
		+ '{{/if}}'
		
		+ '{{if host_status == "Agreement"}}'
		+ '<button type="button" data-value="Agreement" class="btn btn-dark btn_status_select">Agreement</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="Agreement" class="btn btn-default btn_status_select">Agreement</button>'
		+ '{{/if}}'
		
		+ '{{if host_status == "Present HF"}}'
		+ '<button type="button" data-value="Present HF" class="btn btn-dark btn_status_select">Present HF</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="Present HF" class="btn btn-default btn_status_select">Present HF</button>'
		+ '{{/if}}'
		
		+ '{{if host_status == "Selection By Student"}}'
		+ '<button type="button" data-value="Selection By Student" class="btn btn-dark btn_status_select">Selection By Student</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="Selection By Student" class="btn btn-default btn_status_select">Selection By Student</button>'
		+ '{{/if}}'

		+ '{{if host_status == "Home visit"}}'
		+ '<button type="button" data-value="Home visit" class="btn btn-dark btn_status_select">Home visit</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="Home visit" class="btn btn-default btn_status_select">Home visit</button>'
		+ '{{/if}}'
		
		+ '{{if host_status == "PC"}}'
		+ '<button type="button" data-value="PC" class="btn btn-dark btn_status_select">PC</button>'
		+ '{{else}}'
		+ '<button type="button" data-value="PC" class="btn btn-default btn_status_select">PC</button>'
		+ '{{/if}}'
		
			+ '</div>'

			+ '</div>'
			+ '<button title="Close (Esc)" type="button" class="mfp-close">×</button>';

			$.template( "template", markup );
			$("#modal").html($.tmpl( "template", data ));

			$(".btn_status_select").off('click');
			$(".btn_status_select").on('click', function() {
				var obj = $(this);

				$(".btn_status_select").removeClass('btn-dark').addClass('btn-default');
				obj.removeClass('btn-default').addClass('btn-dark');

				$.ajax({
					method: "put",
					url: "/api/host/"+user_id,
					data: {'host_status':obj.attr('data-value')}
				})
				.success(function( msg ) {
					this_obj.removeClass('btn-system').removeClass('btn-cbc').removeClass('btn-agree').removeClass('btn-phf').removeClass('btn-sbs').removeClass('btn-hv').removeClass('btn-pc');

					if(obj.attr('data-value') == 'Application') {
						this_obj.attr('data-value', 'Application').addClass('btn-system').text('Application');
					}
					else if(obj.attr('data-value') == 'CBC') {
						this_obj.attr('data-value', 'CBC').addClass('btn-cbc').text('CBC');
					}
					else if(obj.attr('data-value') == 'Agreement') {
						this_obj.attr('data-value', 'Agreement').addClass('btn-agree').text('Agreement');
					}
					else if(obj.attr('data-value') == 'Present HF') {
						this_obj.attr('data-value', 'Present HF').addClass('btn-phf').text('Present HF');
					}
					else if(obj.attr('data-value') == 'Selection By Student') {
						this_obj.attr('data-value', 'Selection By Student').addClass('btn-sbs').text('Selection By Student');
					}
					else if(obj.attr('data-value') == 'Home visit') {
						this_obj.attr('data-value', 'Home visit').addClass('btn-hv').text('Home visit');
					}
				
					else if(obj.attr('data-value') == 'PC') {
						this_obj.attr('data-value', 'PC').addClass('btn-pc').text('PC');
					}

					$.magnificPopup.close();
				})
				.fail(function( a ) {
					alert(a.responseJSON.msg);
				});
				
			});
		});

		// Inline Admin-Form example 
		$.magnificPopup.open({
		items: {
			src: '#modal'
		},
		callbacks: {
			beforeOpen: function(e) {
				this.st.mainClass = 'mfp-zoomIn';
			}
		},
		midClick: true
		});
	}