<%= content_tag(:div, class: 'container-bg container-pre-tabs') do %>
	<%= content_tag(:div, class: 'container top-container container-bg mission-detail-container') do %>
		<%= content_tag(:div, class: 'row') do %>
			<%= content_tag(:div, class: 'span12') do %>
			

				<% # Page Content %>
			
			
				<%= content_tag(:div, class: 'page-header page-header-type') do %>
					<%= content_tag(:small, (t 'mission.mission')+':') %>
					<%= content_tag(:h1) do %>
						<%=  mission.title %>
						<% if user_signed_in? %>
							<% if current_user == mission.owner %>
								<%= link_to (t 'nav.edit'), edit_mission_path(mission), class: 'btn btn-mini' %>
							<% end %>
							<% if mission.mission_agents.find_by_user_id(current_user.id) != nil || current_user == mission.owner %>
								<%= link_to (t 'nav.back'), dashboard_path, class: 'btn btn-mini' %>
							<% end %>
						<% end %>
						<%= status(mission.status) %>
					<% end %>
				<% end %>
			<% end %>
		<% end %>
		<%= content_tag(:div, class: 'row') do %>
			<%= content_tag(:div, class: 'span8') do %>
				<% youtube_video = false %>
				<% if youtube_video == true %>
					<div class="videoWrapper">
					    <!-- Copy & Pasted from YouTube -->
					    <iframe width="1280" height="720" src="https://www.youtube.com/embed/DvLYOcXUYgU?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
					</div>
				<% else %>
					<%= mission.cover_img? ? (image_tag mission.cover_img.feature) : image_tag('http://placehold.it/1200x780') %>
				<% end %>
			<% end %>
			<%= content_tag(:div, class: 'span4 mission-stats') do %>
				<%= content_tag(:span, mission.days_left.html_safe, class: 'mission-timer timer-large') %>
				<%= content_tag(:br) %>
				<%= content_tag(:div, (t 'mission.days_left'), class: 'timer-legend') %>
				<div class="progress-bar progress-bar-mission-stats">
					<div class="progress progress-striped">
					  <div class="bar bar-success" style="width: 30%;"></div>
					</div>
					<div class="percentage">30%</div>
				</div>
				<%= content_tag(:div, class: 'mission-completion-stats') do %>
					<%= mission_agent_counter(mission, 'pull-left') %>
					<%= mission_steps_counter(mission, 'pull-right') %>
				<% end %>
				<%= content_tag(:div, class: 'mission-director-stats') do %>
					<%= content_tag(:div, class: 'mission-director-avatar') do %>
						<% if mission.owner.avatar.file != nil %>
					    		<%= image_tag mission.owner.avatar.to_s, size: "64x64", :class => 'img-circle' %>
					     <% else %>
					    		<%= image_tag "user.png", size: "64x64", :class => 'img-circle' %>
					     <% end %>
					<% end %>
					<%= content_tag(:div, class: 'mission-director-text') do %>
						<%= content_tag(:span, (t 'mission.director')+':' , class: 'mission-director-legend') %><br>
						<%= content_tag(:span, mission.owner.full_name , class: 'mission-director-name') %>
					<% end %>    
				<% end %>
				<%= content_tag(:div, '', class: 'clearfix') %>
				<% if !@mission.is_agent(current_user) && current_user != @mission.owner %>
					<%= content_tag(:div, class: 'mission-call-to-action') do %>
						<% if user_signed_in? %>
							<%= link_to (t 'mission.join'), mission_agents_list_path(@mission, anchor: "mission-tab"), class: 'btn btn-large' %>
						<% else %>
							<%= link_to (t 'mission.join'), new_user_session_path, class: 'btn btn-large' %>
						<% end %>
					<% end %>
				<% end %>
				<%= content_tag(:div, '', class: 'clearfix', id: 'mission-tab') %>
			<% end %>	
		<% end %>
	<% end %>
<% end %>