{% trans_default_domain "community" %}

 <div class="community-header-card">
  <img class="community-img bg" src="{{ asset(community.assetDir ~ '/' ~ community.coverImage) }}" alt="Avatar" style="width:100%">
  <div class="community-card-container">
        <div style="display: ruby;color: #00A550;">
            {% if admin is not null and app.user is not null and ( admin == app.user or is_granted("ROLE_G1")) %}
                <span>
                    <a class="btn keyword" href="{{ path('edit_community',{'alias':community.alias}) }}">
                        <i class="fa fa-gear"data-placement="top" data-toggle="tooltip" ></i>
                    </a>
                </span>
                <span>
                    <button
                            id="delete-community"  
                            data-href="{{path('delete_community',{'alias':community.alias})}}" 
                            class="btn btn-danger block-5"
                    > 
                        {{'community.delete'|trans}}
                    </button>
                </span>
            {% endif %}
            <h4>{{ app.request.locale == "ar" ? community.title:community.englishTitle }}</h4>
        </div>
        <div class="community-card-container-description">
            <div>
                <span title="{{ 'community.description'|trans }}" data-toggle="tooltip">
                    <p>
                        {{ community.description }} 
                    </p>
                </span>
                {% if community.public == false %}
                    <span title="{{ 'community.member'|trans }}" data-toggle="tooltip">
                        <a href="{{ path('show_community_members',{'alias':community.alias}) }}" style="text-decoration:none;">
                            <i class="fa fa-user academia-icon"></i> 
                            {{  community.communityApprovedMembers + 1 }} 
                        </a>
                    </span> -
                {% endif %}
                <span title="{{ 'community.questions'|trans }}" data-toggle="tooltip"> {{  community.communityQuestions|length }} {{ 'community.questions'|trans }}  </span>
                {% if community.public == false and admin is not null and app.user is not null and admin != app.user %}
                    {% if isMember %}
                        <span title="{{ 'community.unfollow'|trans }}" data-toggle="tooltip"> 
                            <a class="btn btn-danger" style="text-decoration:none;color:white" href="{{path('edit_community_member_cancel',{'alias':community.alias})}}">
                                {{ 'community.unfollow'|trans }}
                            </a>
                        </span>
                     {% else  %}
                        <span>
                            <a class="btn btn-success" style="text-decoration:none;color:white" href="{{path('edit_community_member_follow',{'alias':community.alias})}}">
                                {{ 'community.follow'|trans }}
                            </a>
                        </span> 
                    {% endif %}
                {% elseif  community.public == false and app.user is null %}
                    <span>
                        <a class="btn btn-success" style="text-decoration:none;color:white" href="{{path('edit_community_member_follow',{'alias':community.alias})}}">
                            {{ 'community.follow'|trans }}
                        </a>
                    </span> 
                {% endif %}
            </div>
        </div>
        <div>
            {% for keyword in community.keywords %}
                <span class="keyword keyword-show-all"> {{keyword.context}} </span>
            {% endfor %}
        </div>
  </div>
</div> 

{% if app.request.get("_route") !=  "show_community" %}
    <div class="row block">
        <span title="{{ 'community.back-homepage'|trans }}" data-toggle="tooltip">
            <a href="{{ path('show_community',{'alias':community.alias}) }}" style="text-decoration:none;">
                <i class="fa fa-home academia-icon"></i> 
                {{ 'community.back-homepage'|trans }} 
            </a>
        </span>
    </div>
{% endif %}