{% extends 'front/partials/master.html.twig' %}


{% block title %}Unités de recherche{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #009966;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #009966;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
p {
  text-align: justify;
}
.blog-details-top .blog-details-content-wrap blockquote {
    margin-top: 70px;
}
.blog-details-top .blog-details-content-wrap blockquote:before {
    background-color:#f5f5f5;
}
.blog-details-top .blog-details-content-wrap blockquote i {
    position:relative;
}
</style>
{% endblock %}
{% block body %}

<div class="breadcrumb-area">
    <div class="breadcrumb-top default-overlay bg-img breadcrumb-overly-3 pt-100 pb-95" style="background-image:url({{ asset('front/assets/img/bg/bg_ur.jpg') }});">
    </div>
    <div class="breadcrumb-bottom">
        <div class="container">
            <ul>
                <li><a href="{{path('app_front')}}">Accueil</a> <span><i class="fa fa-angle-double-right"></i>Unités de recherche</span></li>
            </ul>
        </div>
    </div>
</div>

<div class="container">
        <div class="row">
            <div class="col-xl-12 col-lg-12">
                <div class="blog-details-wrap mr-40">
                    <div class="blog-details-top">
                        <img src="assets/img/blog/blog-details.jpg" alt="">
                        <div class="blog-details-content-wrap">
                            <h3>{{ domaine.name }} ({{ domaine.abbreviation }})</h3>
                            <i class="fa fa-user" style="color:#00a651;"></i>&nbsp;Coordinateur : <span style="font-weight:bold">Pr {{ domaine.coordinator }}</span>
                            
                            <p>{{ domaine.infoMessage|raw }}</p>
                            <blockquote>
                            {% for unite in domaine.uniteRecherches %}
                            <div class="over-view-list">
                                <div class="sin-over-view-list">
                                    <div class="course-list-icon pr-20">
                                        <i class="fa fa-check"></i>
                                    </div>
                                    <div class="course-list-content">
                                        <p> {{ unite.name }} &nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;<span><i class="fa fa-user pr-10" style="color:#00a651;"></i></span>Coordinateur : Pr {{ unite.Coordinateur }}</p>
                                    </div>
                                </div>
                            </div>
                             {% endfor %}
                            </blockquote>
                        </div>
                    </div>
                    
                    
                    
                </div>
            </div>
            
                
                    
                    
                
            </div>
        </div>
    </div>  
                         
{% endblock %}