{% extends 'App::layout_dashboard.html.twig' %}

{% block body %}





   <div class="img-cover img-cover-purple" style="background-image: url('/img/background_blue_v0011.jpg')">
    <div class="container p-t-b-50 m-t-60">
        <div class="row text-center">
            <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
                <h3 class="no-m m-b-15 font-thin" style="color: white;">Tableau de bord</h3>

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




<div class="p-t-b-10 b-b-b-l">
    <div class="container">
        <div class="row">
            <div class="col-sm-6 m-t-b-10">
                {% if booked %}<strong>{{ booked|length }}</strong> demandes{% endif %}
            </div>
            <div class="col-sm-6 text-right m-t-b-10">
                <ol class="breadcrumb no-p-r-l no-m no-bg no-p">
                    <li><a href="#">Tableau de bord</a></li>
                    <li class="active">Accueil</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content-padding p-t-20">
    <div class="container">
        <div class="row">
            <div class="col-md-12">

                {% if app.getUser.getProfile() %}

                    



                {% else %}

                    <div class="alert alert-warning" role="alert"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> Votre profile est imcomplet. <a href="{{ path('app_profile_setting') }}" class="btn btn-warning">Compléter mon profile</a></div>



                {% endif %}




                <div class="m-b-50">
                    <div class="subheading">VOS DEMANDES DE COURS</div>


                    {% for item in booked %}
            <div class="panel panel-default">
                <div class="panel-body">

         <div class="row r-sm-table b-b-b-l p-t-b-30 no-m">
                                <div class="col-sm-12 col-sm-cell no-p">
                                    <div class="h3 no-m m-b-10 font-thin item" style="font-size:16px;">
                                        <div class="item-wrapper top left">
                                            <div>
                                                <i class="icon-arrows icon-arrows-clockwise text-primary"></i>
                                            </div>
                                        </div>

                                    {% if item.teacher.id == app.getUser().getProfile().getId() %}
                                        <a class="m-l-30 font-normal">
                                        Vous avez reçu une demande de cours particuliers {% if item.profileCategory.category.name|first|lower in ['a','e','i','o','u'] %}d'{% else %}de {% endif %}<strong>{{ item.profileCategory.category.name }}</strong>
                                      {% if item.teacher and item.teacher.city  %} à <strong>{{ item.teacher.city }} {% if item.teacher and item.teacher.department  %}<small>({{ item.teacher.department }})</small>{% endif %} </strong>{% endif %}
                                      {% if item.teacher and item.teacher.firstname and item.teacher.lastname  %}avec <b>{{ item.teacher.firstname }} {{ item.teacher.lastname|first }}.</b>{% endif %} 
                                        </a>
                                    {% else %}
                                        <a class="m-l-30 font-normal">
                                        Demande de cours particuliers {% if item.profileCategory.category.name|first|lower in ['a','e','i','o','u'] %}d'{% else %}de {% endif %}<strong>{{ item.profileCategory.category.name }}</strong>
                                      {% if item.teacher and item.teacher.city  %} à <strong>{{ item.teacher.city }} {% if item.teacher and item.teacher.department  %}<small>({{ item.teacher.department }})</small>{% endif %} </strong>{% endif %}
                                      {% if item.teacher and item.teacher.firstname and item.teacher.lastname  %}avec <b>{{ item.teacher.firstname }} {{ item.teacher.lastname|first }}.</b>{% endif %} 
                                        </a>

                                    {% endif %}
                                    </div>

                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="media font-montserrat">
                                        <div class="media-left">

                                            {% if item.student.avatar and item.student.avatar.path %}
                                                   <img src="/uploads/avatar/{{ item.student.avatar.path }}" class="thumb-sm img-circle inline-block m-r-3" alt="{{ item.student.firstname }} {{ item.student.lastname }}">

                                              {% else %}

                                                 <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA" class="thumb-sm img-circle inline-block m-r-3" alt="pic">

                                            {% endif %}


                                         


                                        </div>
                                        <div class="media-body">
                                            <a class="text-lg block text-muted">
                                                {{ item.student.firstname }} {{ item.student.lastname }}
                                            </a>
                                            <div>
                                                <span class="text-muted">{{ item.student.user.email }}</span>
                                            </div>
                                            <hr />

                                            <p class="text-muted" style="font-weight:800;color:black;">

                                                 {% set strategy = 'html' %} 
                                                 {% autoescape 'html' %}
                                                 {{ item.content|escape(strategy)|raw }}


                                                 {% endautoescape %}
                                               

                                            </p>
                                            <hr />

                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    
                                            <div>
                                                <span class="text-muted" style="font-weight:800;font-size:18px;"><i class="fa fa-phone" aria-hidden="true"></i> {{ item.teacher.mobile }}</span>
                                            </div>

                                </div>
                            </div>
          

                        

                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="media font-montserrat">
                                        <div class="media-left">

                                            {% if item.teacher.avatar and item.teacher.avatar.path %}
                                                   <img src="/uploads/avatar/{{ item.teacher.avatar.path }}" class="thumb-sm img-circle inline-block m-r-3" alt="{{ item.teacher.firstname }} {{ item.teacher.lastname }}">

                                              {% else %}

                                                 <img src="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTrxwZhuShcQieycZ7U7thuj9cmUESbEffhVLc_EsxRJCLPDr7NUA" class="thumb-sm img-circle inline-block m-r-3" alt="pic">

                                            {% endif %}


                                         


                                        </div>
                                        <div class="media-body">
                                            <a class="text-lg block text-muted">
                                                {{ item.teacher.firstname }} {{ item.teacher.lastname }}
                                            </a>
                                            <div>
                                                <span class="text-muted">{{ item.teacher.user.email }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right">
                                    
                                            <div>
                                                <span class="text-muted" style="font-weight:800;font-size:18px;"><i class="fa fa-phone" aria-hidden="true"></i> {{ item.teacher.mobile }}</span>
                                            </div>

                                </div>
                            </div>


                                </div>
                                 
                            </div>
                        </div>                                  
                    </div>
                {% endfor %}

                

                    <!-- START: FORUM-TOPIC -->
                    <!--
                    {% for item in replies %}

                    <div class="row r-sm-table b-b-b-l p-t-b-30 no-m">
                        <div class="col-sm-8 col-sm-cell no-p">
                            <div class="h3 no-m m-b-10 font-thin item">
                                <div class="item-wrapper top left">
                                    <div>
                                        <i class="icon-arrows icon-arrows-question text-warning"></i>
                                    </div>
                                </div>
                                <a class="m-l-30 font-normal">{{ item.title }}</a>
                            </div>
                            <p class="">
                                Nullam est felis, tempor luctus consequat a, aliquam ut dolor [...]
                               

                            </p>
                            <ul class="list-unstyled tag-list inline-block m-b-10">

                                <li><a>AngularJS</a></li>

                                <li><a>NodeJS</a></li>

                                <li><a>Html</a></li>

                            </ul>
                            <div class="dropdown">
                                                                <button class="btn btn-xs btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                                                                    Action
                                                                    <span class="caret"></span>
                                                                </button>
                                                                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                                                    <li><a href="{{ path('app_reply_show', {'id': item.id }) }}"><i class="fa fa-eye"></i> Show</a></li> 
                                                                    <li><a href="{{ path('app_reply_edit', {'id': item.id }) }}"><i class="fa fa-edit"></i> Edit</a></li>
                                                                    <li><a href="{{ path('app_reply_delete', {'id': item.id }) }}"><i class="fa fa-times"></i> Delete</a></li>
                                                                </ul>
                                                            </div>
                            <div class="text-xs">
                                <a>Hibb Jonathan</a> - <span class="text-muted">10 mins ago</span>
                                {% if item.notification == 1 %}
                                    {% if item.status == 1 %}
                                        <span class="label label-primary">acceptée</span>
                                        {% else %}
                                        <span class="label label-warning">lue</span>
                                    {% endif %}
                                    {% else %}
                                    <span class="label label-success">Envoyée</span>
                                {% endif %}
                            </div>
                        </div>
                        <div class="col-sm-4 col-sm-cell no-p text-right">
                            <div class="m-t-10 m-l-10">
                                <div class="inline-block b-rad-500 p-20 bg-light text-center m-b-5">
                                    <div class="h5 no-m">

                                    </div>

                       
                                </div>
                                <div class="inline-block b-rad-500 p-20 bg-light text-center">
                                    <div class="h5 no-m">{{ item.offer }} €</div>
                           
                                </div>

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

                    {% endfor %}
        

    

                    {{ knp_pagination_render(replies) }}
                </div>
            -->



                



            </div>

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






{% endblock body %}
{% block javascripts %}
    <script>

    </script>
{% endblock %}