{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace ot=Opentalent\OtTemplating\ViewHelpers}

<f:comment><!-- Panneau d'authentification ou espace utilisateur --></f:comment>

<div class="user-toolbar">
    <f:security.ifAuthenticated>
        <f:then>

            <div class="dropdown">
                <a href="#" class="user-toolbar-username">
                    <i class="fa fa-user"></i>
                    {user.username}
                    <i class="fa fa-caret-down"></i>
                </a>

                <ul class="dropdown-menu">
                    <li>
                        <a href="{settings.opentalentDashboardUrl}" target="_blank">
                            Espace adhérent de ma structure
                        </a>
                    </li>
                    <li>
                        <f:link.page additionalParams="{logintype:'logout'}">
                            <f:translate key="log-out"/>
                        </f:link.page>
                    </li>
                </ul>
            </div>

        </f:then>
        <f:else>

            <a href="#" id="login-btn">
                <i class="fas fa-power-off"></i> Se connecter
            </a>

            <f:comment><!-- Popup de login --></f:comment>

            <div id="login-popup" class="<f:if condition='{ot:loginFailed()}==1' then='show'></f:if>">
                <form id="login_form" class="popup-form" action="" method="POST" enctype="multipart/form-data" >

                    <f:comment><!-- Just for typo3 to indentify it as a login request --></f:comment>
                    <input type="hidden" name="logintype" value="login" />

                    <input type="text"
                           class="form-control {f:if(then: 'is-invalid', condition: '{usernameErrors}')}"
                           placeholder="Nom d'utilisateur"
                           name="user"
                           required="1" />

                    <input type="password"
                           class="form-control {f:if(then: 'is-invalid', condition: '{passwordErrors}')}"
                           name="pass"
                           placeholder="Mot de passe"
                           required="1" />

                    <input type="submit" id="login-button" value="Se connecter" />

                    <f:if condition="{ot:loginFailed()}==1">
                        <f:then>
                            <div class="login-errormsg alert">
                                La tentative de connexion a échoué...<br/>
                                Êtes-vous sûr d'avoir bien renseigné vos identifiants?
                            </div>
                        </f:then>
                    </f:if>
                </form>
            </div>

        </f:else>
    </f:security.ifAuthenticated>
</div>