{% extends "AppBundle::layout.html.twig" %}
{% block body%}
    <div class="container-fluid">
        <div class="row">
            {% if user.media != null %}
                {% if user.media.type =="link" %}
                    {% set image = user.media.url%}
                {% else %}
                    {% set image = asset(user.media.link)|imagine_filter('actor_thumb') %}
                {% endif %}
            {% else %}
                {% set image = asset("img/avatar.jpg")|imagine_filter('actor_thumb') %}
            {% endif %}
            <div class="col-md-12" style=" height: auto; text-align:center;background-image:url({{image}});background-position: center;background-size: 100%;text-align: center;">
                {% if user.media != null %}
                    {% if user.media.type =="link" %}
                        <img  style="border-radius:300px;margin:10px;height:100px;width:100px;border: 5px solid rgb(255, 247, 247);" src="{{user.media.url}}" >
                    {% else %}
                        <img  style="border-radius:300px;margin:10px;height:100px;width:100px;border: 5px solid rgb(255, 247, 247);" src="{{asset(user.media.link)|imagine_filter('actor_thumb')}}" >
                    {% endif %}
                {% else %}
                    <img class="avatar-char palette-Red-400 bg"  style="border-radius: 100px;    border: 0.5px solid #ccc;" src="{{asset("img/avatar.jpg")|imagine_filter('actor_thumb')}}" alt="">
                {% endif %}
                <h3 style=" color: white; font-weight: bold">{{user.name}}</h3>
            </div>
            <div  class="col-md-12" style="border:1px solid #ccc;height:70px;background:white">
                <div class="row">
                    <div  class="col-md-3" style="border-right:1px solid #ccc;height:70px;background:white">
                        <a href="{{path("user_user_edit",{"id":user.id})}}" style="color:black;font-size:20px;line-height: 70px;font-weight: bold;">Edit infos</a>
                    </div>
                    <div  class="col-md-3" style="border-right:1px solid #ccc;height:70px;background:white">
                        <a href="{{path("user_user_comments",{"id":user.id})}}" style="color:black;font-size:20px;line-height: 70px;font-weight: bold;">Comments </a>
                    </div>
                    <div  class="col-md-3" style="border-right:1px solid #ccc;height:70px;background:white">
                        <a href="{{path("user_user_ratings",{"id":user.id})}}" style="color:black;font-size:20px;line-height: 70px;font-weight: bold;">Ratings </a>
                    </div>
                    <div  class="col-md-3" style="border-right:1px solid #ccc;height:70px;background:white">
                        <a href="{{path("user_admin_user_subscriptions",{"id":user.id})}}" style="color:black;font-size:20px;line-height: 70px;font-weight: bold;">Subscriptions </a>
                    </div>
                </div>
                
            </div>
            <div  class="col-md-12" >
                <br>
                <br>
                
                <div class="row">
                    {% for comment in pagination %}
                        <div class="col-md-6">
                            <ul class="timeline timeline-simple">
                                <li class="timeline-inverted">
                                    <div class="timeline-badge info">
                                        {% if comment.user.media != null %}
                                            {% if comment.user.media.type =="link" %}
                                                <img class="avatar-char palette-Red-400 bg"  style="border-radius: 100px;    border: 0.5px solid #ccc;" src="{{comment.user.media.url}}" alt="">
                                            {% else %}
                                                <img class="avatar-char palette-Red-400 bg"  style="border-radius: 100px;    border: 0.5px solid #ccc;" src="{{asset(comment.user.media.link)|imagine_filter('actor_thumb')}}" alt="">
                                            {% endif %}
                                        {% else %}
                                            <img class="avatar-char palette-Red-400 bg"  style="border-radius: 100px;    border: 0.5px solid #ccc;" src="{{asset("img/avatar.jpg")|imagine_filter('actor_thumb')}}" alt="">
                                        {% endif %}
                                    </div>
                                    <div class="timeline-panel">
                                        <div class="timeline-heading">
                                            <a href="{{path("user_user_edit",{id:comment.user.id})}}" title="">
                                                <span class="label label-danger">{{comment.user.name}}</span>
                                            </a>
                                            <span class="pull-right" >
                                                <a href="{{path("app_comment_delete",{id:comment.id,"comment":"true"})}}"  rel="tooltip" data-placement="bottom" title="" data-original-title="Delete">
                                                    <i class="material-icons" style="color:red">delete</i>
                                                </a>
                                                {% if comment.enabled %}
                                                    <a href="{{path("app_comment_hide",{id:comment.id})}}"  rel="tooltip" data-placement="bottom" title="" data-original-title="Hide">
                                                        <i class="material-icons">visibility_off</i>
                                                    </a>
                                                {% else %}
                                                    <a href="{{path("app_comment_hide",{id:comment.id})}}"  rel="tooltip" data-placement="bottom" title="" data-original-title="Show">
                                                        <i class="material-icons">remove_red_eye</i>
                                                    </a>
                                                {% endif %}
                                            </span>
                                        </div>
                                        <div class="timeline-body">
                                            <p>{{comment.contentclear}}</p>
                                        </div>
                                        <hr>
                                        {% if comment.channel != null  %}
                                            <a href="{{path("app_channel_comments",{id:comment.channel.id})}}" title="">
                                                <small class="label label-rose">
                                                <span>{{comment.channel}}</span>
                                                </small>
                                            </a>
                                        {% elseif comment.poster != null  %}
                                            {% if comment.poster.type == "serie" %}
                                                <a href="{{path("app_serie_comments",{id:comment.poster.id})}}" title="">
                                                    <small class="label label-rose">
                                                    <span>{{comment.poster}}</span>
                                                    </small>
                                                </a>
                                            {% elseif comment.poster.type == "serie"   %}
                                                <a href="{{path("app_movie_comments",{id:comment.poster.id})}}" title="">
                                                    <small class="label label-rose">
                                                    <span>{{comment.poster}}</span>
                                                    </small>
                                                </a>
                                            {% endif %}
                                        {% endif %}
                                        
                                        <small class="pull-right label label-rose">
                                        <span>{{comment.created|ago}}</span>
                                        </small>
                                    </div>
                                </li>
                                
                            </ul>
                        </div>
                    {% else %}
                        <div class="card">
                            <div class="card-content">
                                <br>
                                <br>
                                <center><img src="{{asset("img/bg_empty.png")}}"  style="width: auto !important;" =""></center>
                                <br>
                                <br>
                            </div>
                        </div>
                    {% endfor %}
                </div>
                <div class=" pull-right">
                    {{ knp_pagination_render(pagination) }}
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock%}