<?php
// error_reporting(E_ALL);
// ini_set('display_errors', 'On');

session_start();

require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/functions.php');
require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/db_config.php');
require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/header.php');

?>

<style>
    .btn-primary {
        border: black 3px solid;
        /* add rounded corners */
        border-radius: 25px;
        font-weight: bold;
        color: black;
        background-color: #b2d1ff;
        /* margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 0px; */
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        text-decoration: none;
        /* Remove default underline for links */
        transition: background-color 0.3s;
        /* Smooth transition for background color */
    }

    .btn-primary:hover {
        background-color: #a0c1ff;
        /* Change background color on hover */
    }

    .btn {
        border: black 3px solid;
        /* add rounded corners */
        border-radius: 25px;
        font-weight: bold;
        color: black;
        background-color: #b2d1ff;
        /* margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 0px; */
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        text-decoration: none;
        /* Remove default underline for links */
        transition: background-color 0.3s;
        /* Smooth transition for background color */
    }

    .btn:hover {
        background-color: #a0c1ff;
        /* Change background color on hover */
        color: white;
    }

    .btn-sm {
        border: black 1px solid;
        border-radius: 5px;
        font-weight: bold;
        color: black;
        background-color: #b2d1ff;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        text-decoration: none;
        /* Remove default underline for links */
        transition: background-color 0.3s;
        /* Smooth transition for background color */
    }

    .alert {
        padding: 0.25rem 1rem;
        margin-bottom: 0.2rem;
    }

    a {
        color: blue;
    }

    li {
        margin-top: 15px;
        padding-right: 15px;
        padding-left: 15px;
    }
</style>

<div class="header">
    <div>
        <a href="/"><img class="img-fluid mx-auto d-block" src="https://cdn.digitalshoppingmall.net/dsm/assets/dsm-logo.png" style="padding:1rem 1rem" alt="Digital Shopping Mall" width="672" height="195"></a>
        <h3 style="color:white"><?= TranslateText("Experience shopping in a whole new way") ?></h3>
    </div>
</div>

<?php require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/inc_social_sharing.php'); ?>

<div class="container" style="max-width:90%; margin-top:20px; margin-bottom:20px; min-height:550px">
    <?php
    require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/loggedin.php');
    ?>
    <footer style="background-color:#b2d1ff">
        <h2><?= TranslateText("DSP Pricing Table") ?></h2>
    </footer>

    <div class="tab-content" id="myTabContent">
        <div class="tab-pane fade show active" id="existing" role="tabpanel" aria-labelledby="existing-tab">
            <div class="col-md-12 my-5">
                <div class="mb-4">
                    <a href="/articles/" class="btn btn-primary" style="border-radius: 25px;">
                        <i class="fas fa-arrow-left"></i> Back to Articles
                    </a>
                </div>

                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <td>

                                <p class="text-center"><?= TranslateText("We have added the DSP pricing tiers on the *## Buy DSP ##* tab of the DSM main website, which shows the DSP pricing transition from one batch of 1,000 incremental EFM Members to the next. This allows you to know in advance how the DSP pre-launch price will be applicable until the end of the EFM Membership opportunities period.") ?></p>

                                <p class="text-center"><img src="https://cdn.digitalshoppingmall.net/dsm/assets/dsp_pricing_table-min.png?v=2" alt="DSP Pricing Table" class="img img-fluid img-responsive" style="max-width:650px; width:100%;" /></p>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>


<?php

require_once('/var/www/vhosts/digitalshoppingmall.net/httpdocs/footer.php');

?>