{% extends 'layout/frontEndLayout.html.twig' %}

{% block title %}Administration {% endblock %}

{% block body %}
	<div class="all-title-box">
		<div class="container text-center">
			<h1><span class="m_1"> {{ pluralize(users|length, 'Administrator' , 'Administrators')  }} </span></h1>
		</div>
	</div>
    
<div class="container">
    <div class="row">
        <div class="col-12 text-center">
            <div class="section-title mb-4 pb-2">
                <h4 class="title mb-4">Our Team Members</h4>
                <p class="text-muted para-desc mx-auto mb-0"></p>
            </div>
        </div><!--end col-->
    </div><!--end row-->


    
     {% for row in users|batch(3) %}
    <div class="row">
   
    	{% for user in row %}
        <div class="col-md-4 col-6">
            <div class="position-relative overflow-hidden  rounded">
                <img src="{{ user.avatar(75) }}" class="img-fluid float-left w100" alt="">
                	<div class="our-team">
                <div class="content  team-img  p-4">
                    <h5 class="title mb-0">{{user.fullName}}</h5>
                    <small class="text-muted">{{user.status}}</small>
                   <!-- <ul class="list-unstyled follow social-icon social mb-0">
                        <li class="list-inline-item"><a href="javascript:void(0)" class="rounded"><i class="mdi mdi-facebook" title="Facebook"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)" class="rounded"><i class="mdi mdi-instagram" title="Instagram"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)" class="rounded"><i class="mdi mdi-twitter" title="Twitter"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)" class="rounded"><i class="mdi mdi-google-plus" title="Google +"></i></a></li>
                        <li class="list-inline-item"><a href="javascript:void(0)" class="rounded"><i class="mdi mdi-linkedin" title="Linkedin"></i></a></li>
                    </ul>end icon-->
                </div>
                 </div>
            </div>                        
        </div><!--end col-->
        {% endfor  %}	
        
        
    </div><!--end row-->
   {% endfor  %}
   </div>
{% endblock %}