<%= 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 %>
						<%= status(mission.status) %>
					<% end %>
				<% end %>
			<% end %>
		<% end %>
		<%= content_tag(:div, class: 'row') do %>
			<%= content_tag(:div, class: 'span8') do %>
				<% if @mission.video != "" && @mission.video != nil %>
					<%= content_tag(:div, class: "videoWrapper") do %>          
					    <iframe width="1280" height="720" src="https://www.youtube.com/embed/<%= @mission.video[/(?<=[?&]v=)[^&$]+/] %>?showinfo=0" frameborder="0" allowfullscreen></iframe>
					<% end %>
				<% 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.time_left_stats[0].html_safe, class: 'mission-timer timer-large') %>
				<%= content_tag(:br) %>
				<%= content_tag(:div, mission.time_left_stats[1].html_safe, class: 'timer-legend') %>
				
				<% # Progress bar %>
				<%= render :partial => 'mission_percentage_bar', locals: { mission: mission, size: 'progress-bar-mission-stats' } %>

				<%= content_tag(:div, class: 'mission-completion-stats') do %>
					<%= mission_agent_counter(mission, 'pull-left') %>
					<%= mission_steps_counter(mission, 'pull-right') %>
				<% end %>
				<% if mission.owner != nil %>
					<%= 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') %>
				<% end %>
				<% # Join/Launch Buttons %>
				<% 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 %>
				<% elsif current_user == @mission.owner && @mission.status == 1 %>
					<%= content_tag(:div, class: 'mission-call-to-action') do %>
						<%= link_to (t 'mission.edit_mission'), mission_editor_launch_path(@mission), class: 'btn btn-large' %>
					<% end %>
				<% end %>
				<%= content_tag(:div, '', class: 'clearfix', id: 'mission-tab') %>
			<% end %>	
		<% end %>
	<% end %>
<% end %>