{% extends "FrontendPanelBundle::index.html.twig" %}

{% block title %}Projects Cherevko LAB{% endblock %}
{% block description %}{% endblock %}
{% block keywords %}{% endblock %}

{% block body -%} 
<div class="container-main">
    <div class="box-team">
        <h1 class="h1-box-team">Projects</h1>
        <div class="col-25-ns sticky" id="sticky-sidebar">
        <ul   class="ul-none-list">    
            <li  class="li-none-list">
                <a  href="#1" class="nav-link-team-p"><b>Running</b></a>
            </li>
            <li  class="li-none-list">
                <a  href="#2" class="nav-link-team-p"><b>Finished</b></a>
            </li>
        </ul>
        </div>
        
        
<div class="col-75-ns" id="main" >  

<div>
<h3 class="feature-title">Who funds our research?</h3>

<img  src="img/projects.png" class="img-collaboration">

<p><b>To support our research</b> we rely on both nanitional and internation funding schemes.</p>
<p><b>On a regular basis</b>, we are funded from the German Research Foundation (DFG), Federal Ministry of Education and Research (BMBF), Federal Minister for Economic Affairs and Energy (BMWi), German Academic Exchange Service (DAAD), and EU Framework Programmes H2020, industrial partners, and other.</p>
<p><i>The following is a list of the currently running and finished projects (continuously updating).</i> </p>
 
</div>
    
<div id="accordion">    
{% set i=1%} 
{% for entitys in data %}
{% for entity in entitys %}
    {% if loop.first %}
        {% if entity.visible == 1 %}   
            <br>
            <h3 class="feature-title"  id="1">RUNNING</h3>
        {% else %} 
            <br>
            <br>
            <h3 class="feature-title"  id="2">FINISHED</h3>
        {% endif %}
    {% else %} 
    {% endif %}
  <div class="card">
      <br>
    <div class="card-header">
      <a class="card-link" data-toggle="collapse" href="#collapse{{i}}">
        <h3 class="scientists">{{ entity.title }}</h3>
      </a>
    </div>
    <div id="collapse{{i}}" class="collapse" data-parent="#accordion">
<div class="card-body">

 <table class="table table-striped table-sm">
  <thead>
     <tr>
       <th scope="col" class="gray">Running Period</th>
       <th scope="col" class="gray">Funded by</th>
       <th scope="col" class="gray">Project Number</th>
 
           </tr>
   </thead>
   <tbody>
     <tr>
       <th>{{ entity.period }}</th>
       <td>{{ entity.fundingbody }}</td>
       <td><a href="{{ entity.link }}" class="nav-link2">{{ entity.number }}</a></td>

          </tr>
   </tbody>
 </table>


     <div id="container_pubs">
     <b>Goals:</b><br>
     <p>{{ entity.body|raw }}</p>
     <div id="floated_pubs"><img  src="{{ asset('images/projects/'~entity.image)}}" class="pubs_img" /></div>
     </div>



       </div>
    </div>
  </div> 
{% set i=i+1%} 
{% endfor %} 
{% endfor %} 
 </div> 
 </div>
<div class="clr"></div>

</div>
</div>
{% endblock %}