{% extends "PromotersFrontendBundle::layout.html.twig" %}

{% block main_block %}

<script>
$(document).ready(function(){
	$('.edit_user').click(function(){
		var request = $.ajax({
			url:'/user/edit/form/{{owner.getId}}'
		})
		request.done(function(data){
			$('#quick_form_holder').html(data);
			$('#quick_form_holder').fadeIn();
			$('.overlay').fadeIn();
		});
	});
	$('.add_ticket_sets').click(function(){
		var request = $.ajax({
			url:'/user/ticket/add/form/{{owner.getId}}'
		})
		request.done(function(data){
			$('#quick_form_holder').html(data);
			$('#quick_form_holder').fadeIn();
			$('.overlay').fadeIn();
		});
	});
	$('.large_user_image').mouseenter(function(){
		$('.edit_user_image_large').show();
	});
	$('.edit_user_image_large').mouseleave(function(){
		$('.edit_user_image_large').hide();
	});
});
</script>

<div class="content_container">
	<div class="user_info">
		{% if is_granted('IS_AUTHENTICATED_FULLY') %}
			{% if app.user.getId == owner.getId or app.user.username == 'admin' %}
			<a class="edit_user_image_large hidden" href="/user/image/upload/form">
				<i class="icon-pencil"></i>
			</a>
			{% endif %}
		{% endif %}
		{% if owner.getUserImage %}			
		<img src="/uploads/users/{{owner.getId}}/{{owner.getId}}_avatar_cropped_large.png?refresh={{random(5000)}}" class="f-left large_user_image" style="margin-right:20px"/> 
		{% else %}
		<img src="/uploads/users/default_user_image.jpg" class="f-left large_user_image" style="margin-right:20px"/> 
		{% endif %}
		<div class="user_info_right f-left">
		<div style="position:absolute; right:20px; top:20px;"><span style="color:#999">Last Active:</span> {{owner.getLastLogin|date('M d, Y') }}</div>
		<div style="font-size: 44px;" class="chose_color"> {{ owner.getUsername }} </div>
		<div style="font-size: 18px;"> <span style="color:#999">Name:</span> {{ owner.getFirstName }} {{owner.getLastName}} </div>
		<div style="font-size: 18px;"> <span style="color:#999">Phone:</span> {{ owner.getPhonenumber }} </div>
		<div style="font-size: 18px;"> <span style="color:#999">Email:</span> {{ owner.getEmail }} </div>
		{% if is_granted('IS_AUTHENTICATED_FULLY') %}{% if app.user.getId == owner.getId %}<div class="edit_user f-right edit_icon"><i class="icon-pencil"></i></div>{% endif %}{% endif %}
		<div class="add_ticket_sets p_btn f-left" style="margin-top: 20px;">Add Ticket Sets</div>
		</div>
	</div>
	
	<div style="padding:20px 0">
		<div class="profile_field_header">
			Biography
		</div>
		<div class="profile_field_content">
			{{owner.getBio}}
		</div>
		
	</div>
	{% if is_granted('IS_AUTHENTICATED_FULLY') and app.user.getId == owner.getId %}
	<div style="padding:0 0 100px 0;">

	<iframe style="border:1px solid #888;" src="https://docs.google.com/forms/d/1hKeLFp16TZKFRcsO0YbtbDmL7qBtSFYud9PQuEODQTM/viewform?embedded=true" width="960" height="100%" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
	</div>
	{% endif %}
</div>

{% endblock %}