@{
    ViewBag.Title = "Planos";
}

<div class="row db-padding-btm db-attached">
    <div class="col-4 col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-one">
                <div class="price text-price-responsive">
                    <sup>R$</sup> 0,00
                    <small>para sempre!</small>
                </div>
                <div class="type text-type-responsive">
                    Básico
                </div>
                <ul class="text-responsive">
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Bio/Links <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir imagem </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Até 3 links </li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Sem página de</span> Produtos</li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Sem contador de </span>Visualizações</span></li>
</ul>
                <div class="pricing-footer">
                    @if (User.Identity.IsAuthenticated)
                    {
                        <div class="btn db-button-color-square btn-lg">Plano Inicial</div>
                    }
                    else
                    {
                        <div class="btn db-button-color-square btn-lg">Comece com este!</div>
                    }
                </div>
            </div>
        </div>
    </div>
    <div class="col-4 col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-two popular">
                <div class="price text-price-responsive">
                    <sup>R$</sup>13
                    <small>por mês</small>
                </div>
                <div class="type text-type-responsive">
                    BIO
                </div>
                <ul>
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Bio/Links <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>100 links</li>
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Sem página de</span> Produtos</li>
@*
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Link agendado **</li>
 *@                 
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Contador de</span> Visualizações</li>
@* 
                    <li><i class="bi bi-square text-success"></i><span class="hide-in-cell">Registro de contatos</span> </li>
 *@
                </ul>
                <div class="pricing-footer">
                    @if (User.Identity.IsAuthenticated)
                    {
                        <a href="/Pay/?plan=bio" class="btn db-button-color-square btn-lg">Assinar</a>
                    }
                    else
                    {
                        <a href="/Login" class="btn db-button-color-square btn-lg">Login / Registro</a>
                    }
                </div>
            </div>
        </div>
    </div>
    <div class="col-4 col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="db-wrapper">
            <div class="db-pricing-eleven db-bk-color-three">
                <div class="price text-price-responsive">
                    <sup>R$</sup>27
                    <small>por mês</small>
                </div>
                <div class="type text-type-responsive">
                    CATÁLOGO
                </div>
                <ul>
                    <li><i class="bi bi-plus-square-fill text-success"></i>1 Bio/Cartão <span class="hide-in-cell">pessoal virtual</span></li>
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Exibir cartão </span>Whatsapp *</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Sem limite de links </li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Links de Produtos</li>
                    <li><i class="bi bi-plus-square-fill text-success"></i>Contador<span class="hide-in-cell"> de visualizações</span> </li>
@* 
                    <li><i class="bi bi-plus-square-fill text-success"></i><span class="hide-in-cell">Registro de contatos</span> </li>
 *@
                </ul>
                <div class="pricing-footer">
                    @if (User.Identity.IsAuthenticated)
                    {
                        <button type="button" class="btn db-button-color-square btn-lg" onclick="waitingDialog.show('Custom message');window.location.href = '/Pay/?plan=catalogo';">Assinar</button>

@* 
                        <a href="/Pay/?plan=catalogo" class="btn db-button-color-square btn-lg">Assinar</a>
 *@
                    }
                    else
                    {
                                <a href="/Login" class="btn db-button-color-square btn-lg">Login / Registro</a>
                    }
                </div>
            </div>
        </div>
    </div>
</div>