{% extends "layout.html.twig" %}

{% block title %}
    {{ 'profile.profile3'|trans({}, 'FOSUserBundle') }} {{ user.firstName ~ ' ' ~ user.lastName }}
{% endblock title%}

{% block stylesheets %}

    {{ parent() }}
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/user/css/profile.css?v.3') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/academia.min.css') }}" />
    <link rel="stylesheet" type="text/css" href="{{ asset('bundles/syndexacademic/css/style.css?v.3.2 ') }}"/>
    <style>
      .shadow{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
    </style>
{% endblock %}



{% block body %}

    {% if app.user is not null and app.user == user %}
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12">
                    {% include "Profile/flash_message.html.twig" %}
                </div>
            </div>
        </div>
    {% endif %}

        <div class="container">
            {% if app.user is not null and  app.user == user %}
                <nav class="navbar main">
                    <div class="navbar-header" style="width:100%">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
                            <ul class="blog-menu">
                                <li class="academia-list-item {% if app.request.get('_route') == 'user_profile_edit'  %} active {% endif %}">
                                    <a href="{{path('user_profile_edit',{'username':user.username})}}" class="hvr-underline-reveal low-padding ">
                                        {{ 'profile.change'|trans({}, 'FOSUserBundle') }}    
                                    </a>
                                </li>
                                <li class="academia-list-item {% if app.request.get('_route') == 'user_profile_show'  %} active {% endif %}">
                                    <a href="{{path('user_profile_show',{'username':user.username})}}" class="hvr-underline-reveal low-padding ">
                                        {{ 'profile.personal_information' | trans({}, 'FOSUserBundle')}}
                                    </a>
                                </li>
                                <li class="academia-list-item {% if app.request.get('_route') == 'user_profile_subscribtion'  %} active {% endif %}">
                                    <a href="{{path('user_profile_subscribtion',{'username':user.username})}}" class="hvr-underline-reveal low-padding ">
                                        {{ 'profile.subscribtion' | trans({}, 'FOSUserBundle')}}
                                    </a>
                                </li>
                                {% if  user.partner is not null and user.partner.status == "approve" %}
                                    <li class="academia-list-item {% if app.request.get('_route') == 'user_profile_statistics_show'  %} active {% endif %}">
                                        <a  href="{{path('user_profile_statistics_show',{'username':app.user.username})}}" class="hvr-underline-reveal low-padding ">
                                            {{ 'profile.statistics' | trans({}, 'FOSUserBundle')}}
                                        </a>
                                    </li>
                                {% endif %}
                                 <li class="academia-list-item {% if app.request.get('_route') == 'user_profile_credit'  %} active {% endif %}">
                                    <a href="{{path('user_profile_credit',{'username':user.username})}}" class="hvr-underline-reveal low-padding ">
                                        {{ 'profile.credit.title' | trans({}, 'FOSUserBundle')}}
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </nav>
            {% endif %}

            <div class="row padding-5">
                    {% block page %}

                    {% endblock  %}
            </div>
        </div>
 
{% endblock %}



{% block javascripts %}

    <script src="{{ asset('bundles/user/js/show.js?v=4') }}"></script>
    <script src="{{ asset('bundles/user/js/vendor/jquery.noty.min.js') }}" type="text/javascript"></script>

    <script>

       $( ".tab" ).on("click",function () {
            var elm = this;
            $(this).tab("show");
            $(".tab-pane").fadeOut(300);
            setTimeout(function () {
                $("#"+$(elm).attr("tab-content")).fadeIn(300);
            },300)

        });
    </script>
{% endblock %}