{% extends 'administrator/index.html.twig' %}
{% block conteneur %}
            <div class="row clearfix">
                <div class="col-lg-12">
                    <div class="card chat-app">
                        <div id="plist" class="people-list">
                            <div class="input-group">


                            </div>
                            <ul class="list-unstyled chat-list mt-2 mb-0">
                                {% for enfant in enfants  %}
                                    <li class="clearfix" id="{{ enfant.id }}" onclick="displayDiscussions( '{{ enfant.nom }}' ,{{ enfant.parent.id }},{{ enfant.id }})">
                                        <img src="/enfants/images/{{ enfant.photo }}" alt="avatar" />
                                        <div class="about">
                                            <div class="name">{{ enfant.nom }}</div>
                                            <!--<div class="status"> <i class="fa fa-circle offline"></i> left 7 mins ago </div>
                                            -->
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="chat" id="ZoneChat">
                            <div class="chat-header clearfix">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <a href="javascript:void(0);" data-toggle="modal" data-target="#view_info">
                                            <img id="imageEnfant" src="../assets/images/xs/avatar2.jpg" alt="avatar" />
                                        </a>
                                        <div class="chat-about">
                                            <h6 class="m-b-0" id="enfant">Aiden Chavez</h6>
                                            <small id="discuss">Last seen: 2 hours ago</small>
                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="chat-history">
                                <ul class="m-b-0" id="discussions">

                                </ul>
                            </div>
                            <div class="chat-message clearfix">
                                <div class="input-group mb-0">
                                    <div class="input-group-prepend">
                                        <span class="input-group-text"><i class="icon-paper-plane"></i></span>
                                    </div>
                                    <input type="text" class="form-control" placeholder="Enter text here...">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    


{% endblock %}