{#template MAIN}
<div class="sub-tabs-bloc pb-login-content">
    {#if $T.isLogged}
        {#if ($T.loyaltyLastActivity === 'no_activity')  || !$T.loyaltyAccount || !$T.loyaltyAccount.account || !$T.loyaltyAccount.account.loyaltyCards || $T.loyaltyAccount.account.loyaltyCards.length == 0}
        <div class="pb-logged-in-wrapper no-activity cf">
        {#else}
        <div class="pb-logged-in-wrapper cf"><!--
        {#/if}

            !--><div class="nextstay pb-nexstay">
                <h4 class="pb-title">{$P.i18n.nextStay}</h4>
                {#if $T.nextBooking}
                        <a href="{$T.seeAllBooking}" class="hotel mybookings cf">
                            <div class="thumbnail pb-fleft">
                                <img height="80" class="lazyload" data-src="//www.ahstatic.com/photos/{$T.nextBooking.hotel.pic}" alt="{$T.nextBooking.hotel.name}" >
                            </div>
                            <div class="data pb-nextbooking-data pb-fleft pb-table">
                                <div class="pb-row">
                                        <div class="hotel-name pb-cell">{$T.nextBooking.hotel.name}</div>
                                </div>
                                {#if $T.nextBooking.bookings[0]}
                                <div class="pb-row">
                                        <div class="pb-cell">
                                            <div class="stay-period">
                                                {profilBannerI18nHelper._displayDate($P.i18n.fromTo, $P.dates.dateIn[0], $P.dates.dateOut[0])}
                                            </div>
                                            <div class="stay-room">
                                                {#if ($T.nextBooking.bookings[0].roomLabel === null)}
                                                    1&nbsp;{$P.i18n.room}
                                                {#else}
                                                    {$T.nextBooking.bookings[0].roomLabel}
                                                {#/if}


                                                {#if $T.nextBooking.bookings[0].nbPax == 1}
                                                    - {$T.nextBooking.bookings[0].nbPax} {$P.i18n.adult}
                                                {#elseif $T.nextBooking.bookings[0].nbPax > 1 }
                                                    - {$T.nextBooking.bookings[0].nbPax} {$P.i18n.adults}
                                                {#/if}

                                                {#if $T.nextBooking.bookings[0].nbChildren == 1}
                                                    - {$T.nextBooking.bookings[0].nbChildren} {$P.i18n.child}
                                                {#elseif $T.nextBooking.bookings[0].nbChildren > 1}
                                                    - {$T.nextBooking.bookings[0].nbChildren} {$P.i18n.childs}
                                                {#/if}
                                            </div>
                                        </div>
                                    </div>
                                {#/if}
                            </div>
                        </a>
                {#else}

                    <div class="hotel findahotel">
                        <div class="thumbnail pb-fleft">
                            <img height="80" class="lazyload" data-src="/imagerie/profil/banner/no-resa-2.jpg" alt="{$P.i18n.noReservation}" >
                        </div>
                        <div class="data pb-fleft pb-table pb-nextbooking-data">
                            <div class="pb-row">
                                <div class="hotel-name pb-cell pb-cell--maxheight">
                                    <p>{$P.i18n.noReservation}</p>
                                    <a href='{$T.advancedSearch}' class="pb-link pb-link--highlight">{$P.i18n.findAnHotel}</a>
                                </div>
                            </div>
                        </div>
                    </div>

                {#/if}
            </div><!--
            {#if ($T.loyaltyLastActivity !== 'lcah_down')  || $T.loyaltyAccount.account != null }

                {* LCAH IS NOT DOWN : DONT DO NOTHING *}
                {#if ($T.loyaltyLastActivity === 'no_activity')  || !$T.loyaltyAccount || !$T.loyaltyAccount.account || !$T.loyaltyAccount.account.loyaltyCards || $T.loyaltyAccount.account.loyaltyCards.length == 0}

                    {* THERE'S NO ACTIVITY : PRINT THE DEFAULT MESSAGE *}
                    !--><div class="aclub-activity">
                        <div class="pb-fleft-border-left"></div>
                        <h4 class="pb-title">{$P.i18n.YourActivityLeClub}</h4>
                        <div>
                            <div class="thumbnail pb-fleft no-activity">
                                <a href="https://s-leclub.accorhotels.com/enrollLoyalty?lang={$T.lang}">
                                    <img height="80" class="lazyload" data-src="/imagerie/profil/banner/lcah-noactivity.png" alt="{$P.i18n.noReservation}" >
                                </a>
                            </div>
                            <div class="data pb-fleft pb-table">
                                <div class="pb-row">
                                    <div class="hotel-name pb-cell pb-cell--maxheight">{$P.i18n.noActivity}</div>
                                </div>
                            </div>
                        </div>
                    </div><!--
                {#else}
                    {* THERE'S AN ACTIVITY : PRINT IT *}
                     !--><div class="aclub-activity">
                        <div class="pb-fleft-border-left"></div>
                        <a href="{$T.aclubActivity}" class="hotel mybookings cf">
                            <h4 class="pb-title">{$P.i18n.YourActivityLeClub}</h4>
                            <div class="activity">
                                <div class="thumbnail pb-fleft">
                                    <img height="80" class="lazyload" data-src="/imagerie/aclub/{$T.loyaltyAccount.account.loyaltyCards[0].type}.png">

                                </div>
                                <div class="data pb-fleft pb-table">
                                    <div class="pb-row">
                                        <div class="pb-cell">
                                            <div class="pb-fleft scoring" data-tiering="{$T.loyaltyAccount.account.loyaltyCards[0].currentTiering}">
                                                <div class="scoring-value">+{$T.loyaltyLastActivity.points}</div>
                                                <div class="scoring-title">{$P.i18n.points}</div>
                                            </div>
                                            <div>
                                                 <div class="activity-title">
                                                    {profilBannerI18nHelper._displayScoreEarned($P.i18n.scoreEarned, $T.loyaltyLastActivity.points)}
                                                 </div>
                                                <div class="activity-description">
                                                    <div class="activity-name">
                                                        {$T.loyaltyLastActivity.description}
                                                    </div>
                                                    <div class="activity-dates">
                                                         {profilBannerI18nHelper._displayDate($P.i18n.fromTo, $P.checkInDate, $P.checkOutDate)}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                   <div class="pb-row">
                                        <div class="tiering" data-tiering="{$T.loyaltyAccount.account.loyaltyCards[0].currentTiering}">
                                            <span class="tiering-level tiering-classic">{$P.i18n.card.Classic}
                                            </span><!--
                                            !--><span class="tiering-level tiering-silver">{$P.i18n.card.Silver}
                                            </span><!--
                                            !--><span class="tiering-level tiering-gold">{$P.i18n.card.Gold}
                                            </span><!--
                                            !--><span class="tiering-level tiering-platinum">{$P.i18n.card.Platinum}
                                            </span>
                                        </div>
                                   </div>
                                </div>
                            </div>
                        </a>
                    </div><!--
                    !--><div class="aclub-morepoints">
                        <div class="pb-cell aclub-morepoints--content">
                            <h4 class="pb-title">{$P.i18n.lcah}</h4>
                            {#if ($T.loyaltyAccount.account.loyaltyCards[0].points < 2000)}
                                <p>{$P.i18n.under2000points}</p>
                            {#else}
                                <p>{$P.i18n.over2000points}</p>
                            {#/if}
                        </div>
                    </div><!--
                {#/if}

            {#else}
             !--><div class="pb-join-lcah">
                    <div class="pb-fleft-border-left"></div>
                    <h4 class="pb-title">{$P.i18n.discoverLcah}</h4>

                    <div>
                        <div class="thumbnail pb-fleft">
                            <img height="80" class="lazyload" data-src="/imagerie/profil/banner/lcah-2.jpg" alt="{$P.i18n.joinText}" >
                        </div>
                        <div class="data pb-fleft pb-table">
                            <div class="pb-row">
                                <div class="hotel-name pb-cell pb-cell--maxheight">{$P.i18n.joinText}</div>
                            </div>
                            <div class="pb-row">
                                <div class="pb-cell">
                                    <a href='{$T.enrollLcahUrl}' class="pb-small-button pb-small-button--highlight">{$P.i18n.join}</a>
                                </div>
                             </div>
                        </div>
                    </div>
                </div><!--
            {#/if}
          !--></div>
          <div class="connected-links">
            <span class="link dashboard"><a title="{$P.i18n.titleOfTagAccessToMyAccount}" href="{$T.dashboard}" class=" pb-small-button pb-small-button--highlight">{$P.i18n.accessToMyAccount}</a></span><!--
            --><span class="link logout"><a href="{$T.logout}" class="pb-small-link pb-small-link--delete">{$P.i18n.logout}</a></span>
        </div>
    {#else}
        <div class="pb-not-logged-wrapper cf">
            <div class="login pb-iframe-container">
                <iframe scrolling="no" frameborder="0" allowtransparency="yes" src="{$T.iframe}" id="iframe-login"></iframe>
            </div>
            <div class="pb pb-new-account">
            {#if $T.displayFb}
                <div class="facebook">
                    <p class="pb-fb-label pb-account-title">{$P.i18n.useExistingAccount}</p>
                    <div id="banner-facebook" class="btn-fb-login "><span class="content-btn">{$P.i18n.facebookConnect}</span></div>

                    <form id="FacebookConnect" action="/facebook/facebookCreate.action" method="post" autocomplete="off">
                        <div class="errorMessage validatorInvalidState tErrorMessage"></div>
                        <input id="currentToken" type="hidden" name="currentToken" value="" />
                        <input id="timeOut" type="hidden" name="timeOut" value="" />
                    </form>

                    <form id="login-form-FB" method="post" action="https://authentication.accorhotels.com/cas/loginfb">
                        <input id="login-svc-url" type="hidden" name="service" value="https://www.accorhotels.com/authentication/ssoLoginFb.action" />
                        <input type="hidden" name="get-lt" value="true" />
                        <input type="hidden" name="_eventId" value="submit" />
                        <input type="hidden" name="accorLoginForm" value="accorLoginForm" />
                        <input id="accessToken" type="hidden" name="accessToken" value="" />
                    </form>
                </div>
                <div class="register">
                    <p class="pb-account-title">{$P.i18n.notRegistered}</p>
                    <a class="pb-border-btn pb-signup-button" href="{$T.registrationUrl}">
                     <span class="register-link">{$P.i18n.createAnAccount}</span>
                    </a>
                </div>
            </div>
            {#/if}

            <div class="club pb-lcah-first"><!--
                --><a href="{$T.aclubUrl}" class="data pb-lcah-first-content">
                    <span >
                        <p>{$P.i18n.activeClubAccorHotelsAccount1}</p>
                        <p class="pb-txt-highlight">{$P.i18n.activeClubAccorHotelsAccount2}</p>
                    </span>
                </a><!--
            --></div>
        </div>
    {#/if}
</div>

<div class="sub-tabs-bloc pb-brands-content">
    <div class="brand-header">
        <div class="logo"><img class="img-responsive lazyload" alt="" data-src="https://www.accorhotels.com/imagerie/commun/header/logo_header.png"></div>
        <div class="group-accor">
            {#if $T.lang == 'fr'}
                <a target="_blank" href="http://www.accorhotels.group/fr-FR"> > {$P.i18n.groupAH}</a>
            {#else}
                <a target="_blank" href="http://www.accorhotels.group/en"> > {$P.i18n.groupAH}</a>
            {#/if}
        </div>
    </div>


    <div id="pb-frieze-brands">

    </div>

</div>
{#/template MAIN}