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

{% block title %}{% endblock %}
{% block description %}{% endblock %}
{% block keywords %}{% endblock %}

{% block body -%} 
<div class="container">
  <div class="row flex-row-reverse">




<!--------------------------------------------------------------------------------------------------------------- Right Menu ------------------------------------------------------------------------->


        <div class="col-lg-3" id="sticky-sidebar">
            <div class="sticky-top right-menu">
                <div class="nav flex-column">
                    {% for key, user in position %} 
                        <a href="#{{key}}" class="nav-link-rm">{{user}}</a>
                    {% endfor %}
                 </div>
            </div>
        </div>
 

<!--------------------------------------------------------------------------------------------------------------- Right Menu End----------------------------------------------------------------------->



<div class="col-lg-9" id="main">
  <h1 class="main_title">Research Team</h1>  


<!--------------------------------------------------------------------------------------------------------------- Main Content Part  ---------------------------------------------------------------------------->
<div class="container features">
    <div class="row">
       <div class="col-lg-12 col-md-12 col-sm-12 box">

        <div class="inner-mainpage">
          <img  src="img/group.png" class="img-main">

        </div>



{% for entitys in data %}
<div class="inner">
    
{% for entity in entitys %}
    {% if loop.first %}
    {% set position2 = position[entity.position] %}      
    <h3 class="feature-title" id="{{ entity.position }}">{{ position2 }}</h3>
    {% endif %}
 <div class="team_container">
     <a alt="{{ entity.name }}" title="{{ entity.name }}" class="nav-link3" href="{{path('researches', {'slug': entity.slug})}}">
     <img  src="{{ asset('images/team/'~entity.image)}}" width="200" class="team_img" />
     </a>
 <p class="team_name">
    <a class="nav-link3" href="{{path('researches', {'slug': entity.slug})}}">{{entity.name}}</a>
     </p> 
 <a href= "{{ entity.email }}" class="team_email">{{ entity.email }}</a> 
 <p class="team_phone">{{ entity.phone }}</p> 

 
 {% if entity.position == 6 %}
    <p class="team_phone">Time(Joined/Stayed):{{ entity.time }}</p> 
    <p class="team_phone">Current position/Place: {{ entity.currentposition }}</p> 
 {%endif%}    
 
 
<div class="team_title">Research Interests:</div>

<p class="team_main_text"> {{entity.body|raw}}</p> 

</div>

<hr>
 
<div id="accordion_{{entity.id}}_1" >
{{ render(controller('FrontendIndexBundle:Index:awards', { 'id': entity.id }))}} 

{{ render(controller('FrontendIndexBundle:Index:briefcv', { 'id': entity.id }))}}   
  
</div>


<div class="social {% if loop.last %}social-delim {%endif%}">

 {% if entity.googlescholar %}
    <a class="team_social_media" target="_blank" href="{{entity.googlescholar}}"><img class="team_social_media_img"  src="/icons/png/google.png" width="30" height="30" alt="Google Scholar"></a>
 {%endif%}
 {% if entity.orcid %}
 <a class="team_social_media" target="_blank" href="{{entity.orcid}}"><img class="team_social_media_img" src="/icons/png/orcid.png" width="30" height="30" alt="ORCID"></a>
  {%endif%}
 {% if entity.publons %}
 <a class="team_social_media" target="_blank" href="{{entity.publons}}"><img class="team_social_media_img" src="/icons/png/publons.png" width="30" height="30" alt="Publons"></a>
  {%endif%}
 {% if entity.researchgate %}
 <a class="team_social_media"  target="_blank" href="{{entity.researchgate}}"><img class="team_social_media_img" src="/icons/png/researchgate.png" width="30" height="30" alt="ResearchGate"></a>
  {%endif%}
 {% if entity.linkedin %}
 <a class="team_social_media"  target="_blank" href="{{entity.linkedin}}"><img class="team_social_media_img" src="/icons/png/linkedin.png" width="30" height="30" alt="LinkedIn"></a>
  {%endif%}
 {% if entity.twitter %}
 <a class="team_social_media" target="_blank" href="{{entity.twitter}}"><img class="team_social_media_img" src="/icons/png/twitter.png" width="30" height="30" alt="Twitter"></a>
  {%endif%}
</div>
  <br>
  <br>
{% endfor %} 

</div>

{% endfor %}   

</div>
</div>
</div> 
</div>

<!---------------------------------------------------------------------------------------------------------Main Content Part End------------------------------------------------------------------------------------------------>

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