<%= content_tag(:div, class: 'container-bg container-pre-tabs') do %>
	<%= content_tag(:div, class: 'container top-container container-bg') 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 %>	
				<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>
			<% end %>
			<%= content_tag(:div, class: 'span4 mission-stats') do %>
				<%= content_tag(:span,'145', 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') %>
				<%= content_tag(:div, class: 'mission-call-to-action') do %>
					<%= link_to (t 'mission.join'), '#', class: 'btn btn-large' %>
				<% end %>
				
			<% end %>	
		<% end %>
	<% end %>
<% end %>


<% # Tabs ---------- %>

<%= content_tag(:div, class: 'container container-tabs') do %>
	<%= content_tag(:div, class: 'row') do %>
		<%= content_tag(:div, class: 'span12') do %>
			<%= content_tag(:ul, class: 'nav nav-tabs') do %>
				<%= content_tag(:li, (link_to (t 'mission.briefing'), mission_path(@mission))) %>
				<%= content_tag(:li, (link_to (t 'mission.agents'), mission_agents_list_path(@mission)), class: 'active') %>
				<%= content_tag(:li, (link_to (t 'mission.chat'), '#'), class: 'disabled') %>
				<%= content_tag(:li, (link_to (t 'mission.log'), '#'), class: 'disabled') %>
			<% end %>
		<% end %>
	<% end %>
<% end %>

<% # Content -------- %>

<%= content_tag(:div, class: 'container container-last top-container') do %>
	<%= content_tag(:div, class: 'row') do %>
		<%= content_tag(:div, class: 'span12 mission-agents') do %>
			
			
			
			<%= bootstrap_flash %>
			
			<%= content_tag(:ul, class: 'thumbnails mission-list') do %>
				<%  @mission.mission_agents.each do |agent| %>
					<%= content_tag(:li, class: 'span4') do %>
						<% content_tag(:div, class: 'thumbnail') do %>
							<%= content_tag(:div, class: 'thumbnail-content') do%>
						          <%= content_tag(:h3, agent.role) %>
						          <%= content_tag(:p, agent.objective, class: 'thumbnail-agent-description') %>
							<% end %>
							<% # Steps %>
							<% step_count = 0 %>
							<% has_shown_more_tasks = false %>
							<% agent.agent_steps.order('step ASC').each do |step| %>
								<% step_count = step_count + 1 %>
								<% if step_count <= 2 || agent.agent_steps.count <= 3 %>
									<%= content_tag(:div, class: 'thumbnail-task') do %>
										<%= content_tag(:p) do %>
											<%= content_tag(:span, step.step, class: 'task-number') %>
											<%= content_tag(:span, step.title, class: 'task-text') %>
											<%= content_tag(:span, '<i class="fa fa-picture-o"></i>'.html_safe, class: 'task-icon') %>
										<% end %>
									<% end %>
								<% else %>
									<% if has_shown_more_tasks == false %>
										<% has_shown_more_tasks = true %>
										<%= content_tag(:div, class: 'thumbnail-task') do %>
											<%= content_tag(:p, class: 'task-show-all') do %>
												<%= content_tag(:span, ('+ ' + (agent.agent_steps.count - step_count).to_s + ' ' + (t 'mission.steps')).html_safe) %>
											<% end %>
										<% end %>
									<% end %>
								<% end %>
							<% end %>
							<% # Rewards %>
							<%= content_tag(:div, class: 'thumbnail-content') do%>
						          <%= content_tag(:h4, (t 'mission.rewards')) %>
								<%= content_tag(:div,  class: 'reward-badge ') do %>
									<%= image_tag "badges/beta_tester.png", size: "150x150" %><br>
									<%= content_tag(:p, content_tag(:small, 'Beta Tester Badge')) %>
								<% end %>
							<% end %>
							<% # Selected Agent %>
							<%= content_tag(:div, class: 'thumbnail-content thumbnail-line-top') do%>
						          <%= content_tag(:h4, (t 'mission.no_agent_selected')+'') %>
							<% end %>
							<%= content_tag(:div, class: 'thumbnail-open-agent-slot') do %>
								<%= link_to (t 'mission.apply_for_position'), '#', class: 'btn' %>
							<% end %>
						<% end %>
					<% end %>
				<% end %>
			<% end %>
			

		<% end %>
	<% end %>
<% end %>