{% set hash = app.request.get('hash') %}
{% set use_hash = hash is not empty %}
{% if gift is not empty or use_hash %}
    {% set invitationAccepted = false %}
    {% for inv in gift.invitation %}
        {% if inv.vUser.id == vUser.id and inv.confirmedAt is not empty %}
            {% set invitationAccepted = true %}
        {% endif %}
    {% endfor %}
    <nav class="navbar subnav-steps">
        <div class="navbar-inner">
            <div class="container">
                {% set actual_route = app.request.attributes.get('_route') %}
                <div class="row text-center">
                    <div class="col-md-2 col-sm-2 col-xs-5 outline vcenter">
                        {% set path_name = use_hash ? path('imnuu_invitation_gift_hash_list', {'hash': hash })
                                                    : path('imnuu_invitation_gift_list', {'giftId': gift.id }) %}
                        <a href="{{ path_name }}" class="active_step">
                            {% if actual_route == 'imnuu_invitation_gift_list' or actual_route == 'imnuu_invitation_gift_hash_list' %}
                                <span class="fa-stack fa-2x actual_step">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-users fa-stack-1x fa-inverse"></i>
                                </span>
                                <p class="actual_step outline">Invitations</p>
                            {% else %}
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x"></i>
                                    <i class="fa fa-users fa-stack-1x fa-inverse"></i>
                                </span>
                                <p class="outline">Invitations</p>
                            {% endif %}
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-5 outline vcenter">
                        {% set path_name = use_hash ? path('imnuu_idea_gift_hash_list', {'hash': hash })
                                                    : path('imnuu_idea_gift_list', {'giftId': gift.id }) %}
                        <a href="{{ path_name }}" class="{{ invitationAccepted ? 'active_step' : 'inactive_step' }}">
                            {% if actual_route == 'imnuu_idea_gift_list' or actual_route == 'imnuu_idea_gift_hash_list' %}
                                <span class="fa-stack fa-2x actual_step">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-lightbulb-o fa-stack-1x fa-lg {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span>
                                <p class="actual_step outline">Ideas</p>
                            {% else %}
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-lightbulb-o fa-stack-1x fa-lg {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span> 
                                <p class="outline">Ideas</p>
                            {% endif %}
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-5 outline vcenter">
                        {% set path_name = use_hash ? path('imnuu_organization_gift_hash_list', {'hash': hash })
                                                    : path('imnuu_organization_gift_list', {'giftId': gift.id }) %}
                        <a href="{{ path_name }}" class="{{ invitationAccepted ? 'active_step' : 'inactive_step' }}">
                            {% if actual_route == 'imnuu_organization_gift_list' or actual_route == 'imnuu_organization_gift_hash_list' %}
                                <span class="fa-stack fa-2x actual_step">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-random fa-stack-1x {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span>
                                <p class="actual_step outline">Organization</p>
                            {% else %}
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-random fa-stack-1x {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span>
                                <p class="outline">Organization</p>
                            {% endif %}
                        </a>
                    </div>
                    <div class="col-md-2 col-sm-2 col-xs-5 outline vcenter">
                        {% set path_name = use_hash ? path('imnuu_payment_gift_hash_list', {'hash': hash })
                                                    : path('imnuu_payment_gift_list', {'giftId': gift.id }) %}
                        <a href="{{ path_name }}" class="{{ invitationAccepted ? 'active_step' : 'inactive_step' }}">
                            {% if actual_route == 'imnuu_payment_gift_list' or actual_route == 'imnuu_payment_gift_hash_list' %}
                                <span class="fa-stack fa-2x actual_step">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-flag-checkered fa-stack-1x {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span>
                                <p class="actual_step outline">Payment</p>
                            {% else %}
                                <span class="fa-stack fa-lg">
                                    <i class="fa fa-circle fa-stack-2x {{ invitationAccepted ? '' : 'fa-inverse' }}"></i>
                                    <i class="fa fa-flag-checkered fa-stack-1x {{ invitationAccepted ? 'fa-inverse' : '' }}"></i>
                                </span>
                                <p class="outline">Payment</p>
                            {% endif %}
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </nav>
{% endif %}