<style>
    @media (max-width: 750px) {
        .show-xs {
            display: inline-table;
        }

        .hide-xs {
            display: none;
        }
    }

    @media (min-width: 750px) {
        .hide-xs {
            display: revert;
        }

        .show-xs {
            display: none;
        }
    }

    td
    {
        background-color: white;
    }

    .text-orange
    {
        color: #ff783c
    }

    .bold
    {
        font-weight: bold;
    }

    .d-flex
    {
        display: flex;
    }

    .justify-content-center
    {
        justify-content: center;
    }
</style>
{capture name=path}<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="Mon compte" rel="nofollow" style="padding-right: 30px">Mon compte</a><span class="navigation-pipe">{$navigationPipe}</span>Mes recommandations{/capture}
<h1 class="page-heading">Mes recommandations</h1>

<div class="block-center">
    <div class="box">

        <h2>Recommandation nutritionnelle personnalisée pour votre {$reco->espece} {$reco->petname}</h2>

        <p>
            <span class="bold"><a class="text-orange" href="{$link->getPageLink('my-account', true)|escape:'html'}">Identifiez-vous</a> dès aujourd'hui sur Myvetshop pour commander vos aliments et bénéficier d'une remise supplémentaire de 5%.</span> <br>
            Rappel du code privilège de votre clinique : <span class="text-orange bold">{$reco->code_clinique}</span> (à renseigner lors de votre inscription)
        </p>

        <br>

    <table class="table table-bordered">
        <tbody>
        {if $reco->product_id_mvs1}
            {assign var=product_number value=1}
            {assign var=product value=$reco->getRecoProductByIdProduct($reco->product_id_mvs1)}

            {if $reco->transition12}
                {assign var=transition value="(jusqu'à {$reco->transition12 - 1} mois)"}
                {else}
                {assign var=transition value=null}
            {/if}
            {include file='./_logout_reco_table_tr.tpl'}
        {/if}

        {if $reco->product_id_mvs2}
            {assign var=product_number value=2}
            {assign var=product value=$reco->getRecoProductByIdProduct($reco->product_id_mvs2)}

            {if $reco->transition23}
                {assign var=transition value="(jusqu'à {$reco->transition23 - 1} mois)"}
            {else}
                {assign var=transition value=null}
            {/if}
            {include file='./_logout_reco_table_tr.tpl'}
        {/if}


        {if $reco->product_id_mvs3}
            {assign var=product_number value=3}
            {assign var=product value=$reco->getRecoProductByIdProduct($reco->product_id_mvs3)}

            {if $reco->transition23}
                {assign var=transition value="(après {$reco->transition23 - 1} mois)"}
            {else}
                {assign var=transition value=null}
            {/if}
            {include file='./_logout_reco_table_tr.tpl'}
        {/if}
        </tbody>
    </table>


        <div class="d-flex justify-content-center">
            <a href="{$link->getPageLink('my-account', true)|escape:'html'}" class="btn btn-default button button-medium">
                <span><i class="icon icon-user right"></i> M'identifier</span>
            </a>
        </div>

    </div>
</div>
