{% extends 'base.html.twig' %}

{% trans_default_domain "community" %}

{% block title %}
     {{ app.request.locale == "ar" ? community.title:community.englishTitle }}
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/community.css?v2.6') }}"/>
{% endblock %}

{% block body %}
    <div class="container">
        {{ include('community/header.html.twig') }}
        <div class="container">
            <div class="row block">
                <div class="col-xs-12 col-md-2"></div>
                <div class="member-active colxs-12 col-md-7">
                    <div class="event-header ">
                        <center><h4>{{ 'member.active'|trans }}</h4></center>
                    </div>
                    {% for communityMember in approvedMembers %}
                         <div class="member-card">
                            <div class="member-side">
                                {% include 'community/member.html.twig' with {'user':communityMember.user} %}
                            </div>
                            {% if admin is not null and app.user is not null and admin == app.user %}
                                <div class="form-group button-side">
                                    <a href="{{path('edit_community_member_disapprove',{'alias':community.alias,'slug':communityMember.slug})}}" class="btn btn-danger block-5"> {{'member.disapprove'|trans}}</a>
                                </div>
                            {% endif %}
                        </div>
                        <hr style="margin-top: 10px;margin-bottom: 10px;color: #fdfdfd">
                    {% endfor %}
                    {% if approvedMembers|length == 0 %}
                        <div class="event-header">
                            <center> 
                                <h4>
                                    {{ 'error.result.notfound'|trans }} 
                                </h4>
                            </center>
                        </div>
                    {% endif %}
                </div>
                <div class="col-xs-12 col-md-2"></div>
            </div>
            {# <div class="row block">
                <div class="col-xs-12 col-md-2"></div>
                <div class="member-unactive col-xs-12 col-md-7 shadow">
                    <div class="event-header">
                        <center><h4>{{ 'member.unactive'|trans }}</h4></center>
                    </div>
                    {% for communityMember in unapprovedMembersReceive %}
                        <div class="member-card">
                            <div class="member-side">
                                {% include 'community/member.html.twig' with {'user':communityMember.user} %}
                            </div>
                            <div class="form-group button-side">
                                <a href="{{path('edit_community_member_approve',{'alias':community.alias,'slug':communityMember.slug})}}" class="btn btn-success block-5"> {{'member.approve'|trans}}</a>
                                <a href="{{path('edit_community_member_disapprove',{'alias':community.alias,'slug':communityMember.slug})}}" class="btn btn-danger block-5"> {{'member.disapprove'|trans}}</a>
                            </div>
                        </div>
                        <hr style="margin-top: 10px;margin-bottom: 10px;color: #fdfdfd">
                    {% endfor %}
                    {% if unapprovedMembersReceive|length == 0 %}
                        <div class="event-header">
                            <center> 
                                <h4>
                                    {{ 'error.result.notfound'|trans }} 
                                </h4>
                            </center>
                        </div>
                    {% endif %}
                </div>
                <div class="col-xs-12 col-md-2"></div>
            </div> #}
            {% if admin is not null and app.user is not null and admin == app.user %}
                <div class="row block">
                    <div class="col-xs-12 col-md-2"></div>
                    <div class="member-unactive col-xs-12 col-md-7">
                        <div class="event-header">
                            <center><h4>{{ 'member.unactive-send'|trans }}</h4></center>
                        </div>
                        {% for communityMember in unapprovedMembersSend %}
                            <div class="member-card">
                                <div class="member-side">
                                    {% include 'community/member.html.twig' with {'user':communityMember.user} %}
                                </div>
                            </div>
                            <hr style="margin-top: 10px;margin-bottom: 10px;color: #fdfdfd">
                        {% endfor %}
                        {% if unapprovedMembersSend|length == 0 %}
                            <div class="event-header">
                                <center> 
                                    <h4>
                                        {{ 'error.result.notfound'|trans }} 
                                    </h4>
                                </center>
                            </div>
                        {% endif %}
                    </div>
                    <div class="col-xs-12 col-md-2"></div>
                </div>
            {% endif %}
        </div>
    </div>    

    <script>
        setInterval(function (){$('time').each(function (index) {
                var eventDate=moment($(this).attr('datetime')).add(defTime1);
                eventDate.locale('{{ app.request.locale }}')
                $(this).text(moment.min(eventDate,moment()).fromNow());
            })},3000)
    </script>
{% endblock %}