files from #400 related to the views of the new faqs

Resources/templates/responsive/faq/index.php

@@ -0,0 +1,48 @@
+<?php $this->layout('faq/layout') ?>
+
+<?php $this->section('faq-content') ?>
+
+  <!-- Start -- Cesc -->
+    <header id="header_faqs" class="container-fluid home_faqs">
+		<div class="container barra_superior">
+			<div class="row">
+				<form class="col-sm-6 buscador_faqs">
+					<label>
+						<span class="a-hidden"><?= $this->text('faq-search') ?></span>
+						<input type="search" class="search-field" name="" placeholder="¿Qué estás buscando?">
+					</label>
+					<button class="search-submit icon-search"><span class="a-hidden">Buscar</span></button>
+				</form>
+				<div class="col-sm-6 hidden-xs" style="text-align: right;">
+					<a href="/project/create" target="_blank" class="btn btn-fashion"><?= $this->text('regular-create') ?></a>
+				</div>
+			</div>
+		</div>    
+      <h1><?= $this->text('faq-title') ?></h1>
+    </header>
+    <section class="container pas1">
+      <div class="row">
+
+      	<?php foreach ($this->faq_sections as $section): ?>
+
+      	<?php //Get first 3 faq by section ?>
+      	<?php $section_faq=$section->getFaqbySection(3); ?>
+        <article class="col-sm-6 col-lg-3">
+	       	<div class="modul_faqs card">
+		       	<header class="<?= $section->slug ?>"><h2><?= $section->name ?></h2></header>
+		        <ul>
+		        	<?php foreach ($section_faq as $faq): ?>
+		        		<?php $faq_id= $faq->slug ? $faq->slug : $faq->id; ?>
+			        	<li><a href="<?= '/faq/'.$section->slug.'/'.$faq_id ?>"><?= $faq->title ?></a></li>
+			    	<?php endforeach; ?>
+
+		        </ul>
+		        <footer class="ver_todo">
+		        	<hr><a href="<?= '/faq/'.$section->slug ?>"><?= $section->button_action ?></a>
+		        </footer>
+	       	</div>
+        </article>
+
+    	<?php  endforeach; ?>
+
+<?php $this->replace() ?>

Resources/templates/responsive/faq/individual.php

@@ -0,0 +1,67 @@
+<?php $this->layout('faq/layout') ?>
+
+<?php $this->section('faq-content') ?>
+
+  <div id="breadcrumb" class="container-fluid">
+	    <div class="container">
+			<a href="/faq">FAQs</a><span class="slash"> / </span><a href="<?= '/faq/'.$this->faq_section->slug ?>"><?= $this->faq_section->name ?></a><span class="slash"> / </span><?= $this->faq->title ?>
+	    </div>
+    </div>
+    <header id="header_faqs" class="container-fluid <?= $this->faq_section->slug ?>">
+		<div class="container">
+			<div class="row barra_superior">
+				<form class="col-sm-6 buscador_faqs">
+					<label>
+						<span class="a-hidden"><?= $this->text('faq-search') ?></span>
+						<input type="search" class="search-field" name="" placeholder="¿Qué estás buscando?">
+					</label>
+					<button class="search-submit icon-search"><span class="a-hidden"><?= $this->text('regular-search') ?></span></button>
+				</form>
+				<div class="col-sm-6 hidden-xs" style="text-align: right;">
+					<a href="/project/create" target="_blank" class="btn btn-fashion"><?= $this->text('regular-create') ?></a>
+				</div>                
+			</div>
+			<div class="row">
+				<h3><a href="<?= '/faq/'.$this->faq_section->slug ?>"><?= $this->faq_section->name ?></a></h3>
+				<h1><?= $this->faq->title ?></h1>
+			</div>
+		</div>
+    </header>
+    <section class="container pas3">
+      	<div class="row">
+	        <article class="col-sm-8 col-sm-offset-1 col-sm-push-3">
+		       	<?= $this->markdown($this->faq->description) ?>
+	    		<footer class="no_resuelto">
+		    		<a href="/contact" class="btn">¿NO HEMOS RESUELTO TU DUDA?</a>
+		    	</footer>
+	        </article>
+	        <aside class="col-sm-3 col-sm-pull-9" id="accordion">
+	      		<?php foreach ($this->subsections as $subsection): ?>
+
+		    		<?php $faq_subsection=$subsection->getFaqbySubsection(100); ?>
+		      		<section>
+			      		<h3 role="button" data-toggle="collapse" href="<?= '#collapse-'.$subsection->id ?>" aria-expanded="<?= $this->faq->subsection_id==$subsection->id ? 'true' : 'false' ?>">
+			      			<?= $subsection->name ?>
+			      		</h3>
+			      		<ul class="description collapse <?= $this->faq->subsection_id==$subsection->id ? 'in' : 'false' ?>" id="<?= 'collapse-'.$subsection->id ?>">
+			      			<?php foreach($faq_subsection as $faq): ?>
+
+						    	<?php if($faq->id==$this->faq->id): ?>
+						 			<li class="select"><?= $faq->title ?></li>
+						 		<?php else: ?>
+						 			<li>
+						 				<a href="<?= '/faq/'.$this->faq_section->slug.'/'.$faq->slug ?>">
+						 				<?= $faq->title ?>	
+						 				</a>
+						 			</li>
+						 		<?php endif; ?>
+						 	<?php endforeach; ?>
+				        </ul>
+		      		</section>
+
+	      		<?php endforeach; ?>
+	      	</aside>
+    	</div>
+    </section>
+
+<?php $this->replace() ?>

Resources/templates/responsive/faq/layout.php

@@ -0,0 +1,19 @@
+<?php
+
+$this->layout('layout', [
+    'bodyClass' => 'faq',
+    'title' => $this->meta_title,
+    'meta_description' => $this->meta_description
+    ]);
+
+$this->section('content');
+
+?>
+
+<div class="faq">
+
+    <?= $this->supply('faq-content') ?>
+
+</div>
+
+<?php $this->replace() ?>

Resources/templates/responsive/faq/section.php

@@ -0,0 +1,58 @@
+<?php $this->layout('faq/layout', ['title' => $faq_section->name]) ?>
+
+<?php $this->section('faq-content') ?>
+
+  <!-- Start -- Cesc -->
+    <div id="breadcrumb" class="container-fluid">
+	    <div class="container">
+			<a href="/faq">FAQs</a><span class="slash"> / </span><?= $this->faq_section->name ?>
+	    </div>
+    </div>
+    <header id="header_faqs" class="container-fluid <?= $this->faq_section->slug?>">
+		<div class="container">
+			<div class="row barra_superior">
+				<form class="col-sm-6 buscador_faqs">
+					<label>
+						<span class="a-hidden"><?= $this->text('faq-search') ?></span>
+						<input type="search" class="search-field" name="" placeholder="¿Qué estás buscando?">
+					</label>
+					<button class="search-submit icon-search"><span class="a-hidden">Buscar</span></button>
+				</form>
+				<div class="col-sm-6 hidden-xs" style="text-align: right;">
+					<a href="/project/create" target="_blank" class="btn btn-fashion"><?= $this->text('regular-create') ?></a>
+				</div>
+			</div>
+			<div class="row">
+				<h3><a href="index.html">FAQs</a></h3>
+				<h1><?= $this->faq_section->name ?></h1>
+			</div>
+		</div>
+    </header>
+    <section class="container pas2">
+      	<div class="row">
+
+      		<?php foreach ($this->subsections as $subsection): ?>
+
+	    		<?php $faq_subsection=$subsection->getFaqbySubsection(100); ?>
+
+		        <article class="col-sm-4">
+			       	<div class="modul_faqs">
+				       	<header><h2><?= $subsection->name ?></h2></header>
+				        <ul>
+				        	<?php foreach($faq_subsection as $faq): ?>
+
+					        	<?php $faq_id= $faq->slug ? $faq->slug : $faq->id; ?>
+
+						        <li><a href="<?= $this->faq_section->slug.'/'.$faq_id ?>"><?= $faq->title ?></a></li>
+
+					    	<?php endforeach; ?>
+				        </ul>
+			       	</div>
+		        </article>
+
+	    	<?php endforeach; ?>
+
+    	</div>
+    	<footer class="no_resuelto"><a href="" class="btn">¿NO HEMOS RESUELTO TU DUDA?</a></footer>
+
+<?php $this->replace() ?>