{% trans_default_domain "Academia" %}

<div class="row">
    <div class="col-sm-12">
        <h4>
            {{ 'userProfile.academia.message' | trans }}&nbsp;:&nbsp;
            <a class="btn shamra-btn-link" href="{{ path('shamra_academia_research_new') }}">
                <i class="fa fa-plus"></i>&nbsp;{{ 'userProfile.academia.addResearch' | trans }}
            </a>
        </h4>
    </div>
</div>
<div class="row row-full-height">
    <div class="col-sm-12">
        <div class="row">
            <div class="col-sm-12">
                <ul class="nav nav-tabs" role="tablist">
                    <li id="myResearches" role="presentation" class="academia-tab active">
                        <a href="#myResearchesTab" aria-controls="my_researches_list_tab" role="tab" data-toggle="tab">
                            {{ 'userProfile.academia.myResearchesTab' | trans }}
                        </a>
                    </li>
                    <li id="myRelatedResearches" class="academia-tab" role="presentation">
                        <a href="#myRelatedResearchesTab" aria-controls="related_researches_list_tab" role="tab"
                           data-toggle="tab">
                            {{ 'userProfile.academia.myRelatedResearchesTab' | trans }}
                        </a>
                    </li>
                    <li id="myFavoriteResearches" class="academia-tab" role="presentation">
                        <a href="#myFavoriteResearchesTab" aria-controls="favorite_researches_list_tab" role="tab"
                           data-toggle="tab">
                            {{ 'userProfile.academia.myFavoriteResearchesTab' | trans }}
                        </a>
                    </li>
                </ul>

                <div class="">
                    <div role="tabpanel" class="tab-pane active" id="myResearchesTab">
                        <div class="row">
                            <div class="col-sm-12">
                                <div id="research_list_box">
                                    <ul class="researches_list">
                                    </ul>
                                    <div>
                                        <img class="researches_loading_spinner" src="{{ asset('bundles/user/img/loading.gif') }}"
                                             width="20" height="20">
                                        <a class="researches_load_more" href="#">
                                            {{ 'userProfile.academia.loadMore'| trans }}
                                        </a>
                                        <p class="no_researches">
                                            {{ 'userProfile.academia.noResearches' | trans }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="myRelatedResearchesTab">
                        <div class="row">
                            <div class="col-sm-12">
                                <div id="research_list_box1">
                                    <ul class="researches_list">
                                    </ul>
                                    <div>
                                        <img class="researches_loading_spinner" src="{{ asset('bundles/user/img/loading.gif') }}"
                                             width="20" height="20">
                                        <a class="researches_load_more" href="#">
                                            {{ 'userProfile.academia.loadMore'| trans }}
                                        </a>
                                        <p class="no_researches">
                                            {{ 'userProfile.academia.noResearches' | trans }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="myFavoriteResearchesTab">
                        <div class="row">
                            <div class="col-sm-12">
                                <div id="research_list_box2">
                                    <ul class="researches_list">
                                    </ul>
                                    <div>
                                        <img class="researches_loading_spinner" src="{{ asset('bundles/user/img/loading.gif') }}"
                                             width="20" height="20">
                                        <a class="researches_load_more" href="#">
                                            {{ 'userProfile.academia.loadMore'| trans }}
                                        </a>
                                        <p class="no_researches">
                                            {{ 'userProfile.academia.noResearches' | trans }}
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/template" id="research_item_template">
    <div class="row">
        <div class="col-md-8">
            <i class="fa fa-caret-left"></i>&nbsp;&nbsp;
            <a href="<%- Routing.generate('shamra_academia_research_show', { slug: slug }) %>">
                <%- arabic_full_title %>
            </a>
        </div>
        <div class="col-md-2">
            <i class="fa fa-trash"></i>&nbsp;
            <a id="<%- slug %>" class="delete" href="#">
                {{ 'research.delete'|trans({}, 'Academia') }}
            </a>
        </div>
    </div>
</script>