<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Satoshi Club - New Partnerships</title>
    <!-- custom stylesheet -->
    <link rel="stylesheet" href="./css/style.css?v=1301221146">
    <!-- remix icons -->
    <link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
</head>
<?php
ob_start();
include('./dashboard/db_connection.php');
$np_content_query       = mysqli_query($con, "SELECT * from np_content");
$np_partners_query      = mysqli_query($con, "SELECT * from np_partners");

$np_partners_query_asc  = mysqli_query($con, "SELECT * from np_partners  order by id ASC limit 1");
$np_partners_query_desc = mysqli_query($con, "SELECT * from np_partners  order by id DESC limit 1");

$np_partners_asc_fetch  = mysqli_fetch_array($np_partners_query_asc);
$np_partners_desc_fetch = mysqli_fetch_array($np_partners_query_desc);


$np_content_fetch = mysqli_fetch_array($np_content_query);

?>

<body class="ath-body-tag" id="screen">
    <div class="sc-main ath-main np-main">
        <div class="sc-wrapper np-wrapper">
            <div class="two-col-wrapper">
                <div class="np-txt">
                    <div id="screenshot" onclick="takePageScreenshot()" class="sc-save">
                        <img src="./images/take-screenshot.png" class="sc-save__img">
                    </div>
                    <?php if (!empty($np_content_fetch['date'])) { ?>
                        <div class="date-btn">
                            <span><?php echo $np_content_fetch['date']; ?></span>
                        </div>

                    <?php }
                    if (!empty($np_content_fetch['title'])) { ?>
                        <h1><?php echo $np_content_fetch['title']; ?></h1>

                    <?php }
                    if (!empty($np_content_fetch['description'])) { ?>
                        <p><?php echo $np_content_fetch['description']; ?></p>
                    <?php } ?>
                </div>
                <div class="np-cards">
                    <div class="coin-card">
                        <div class="coincard-top">
                            <div class="coin-name-with-logo">
                                <?php if (!empty($np_partners_asc_fetch['coin_logo'])) { ?>
                                    <img src="./dashboard/uploads/<?php echo $np_partners_asc_fetch['coin_logo']; ?>" alt="">
                                <?php }
                                if (!empty($np_partners_asc_fetch['coin_name'])) { ?>
                                    <span class="coin-name"><?php echo $np_partners_asc_fetch['coin_name']; ?></span>
                                <?php } ?>
                            </div>
                            <?php if (!empty($np_partners_asc_fetch['coin_placeholder_logo'])) { ?>
                                <div class="coin-placeholder-icon">
                                    <img src="./dashboard/uploads/<?php echo $np_partners_asc_fetch['coin_placeholder_logo'] ?>" alt="">
                                </div>
                            <?php } ?>
                        </div>
                        <div class="coincard-bottom">
                            <?php if (!empty($np_partners_asc_fetch['coin_placeholder_shortname'])) { ?>
                                <div class="coin-placeholder-txt">
                                    <span><?php echo $np_partners_asc_fetch['coin_placeholder_shortname'] ?></span>
                                </div>
                            <?php } ?>
                            <div class="social-id">
                                <img src="./images/twitter-icon-light.svg" alt="">
                                <?php if (!empty($np_partners_asc_fetch['twitter_id'])) { ?>
                                    <span class="social-username">@<?php echo $np_partners_asc_fetch['twitter_id'] ?></span>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                    <div class="collaboration-icon-main">
                        <div class="collaboration-icon">
                            <img src="./images/collaboration-icon.svg" alt="">
                        </div>
                    </div>
                    <div class="coin-card">
                        <div class="coincard-top">
                            <div class="coin-name-with-logo">
                                <?php if (!empty($np_partners_desc_fetch['coin_logo'])) { ?>
                                    <img src="./dashboard/uploads/<?php echo $np_partners_desc_fetch['coin_logo']; ?>" alt="">
                                <?php }
                                if (!empty($np_partners_desc_fetch['coin_name'])) { ?>
                                    <span class="coin-name"><?php echo $np_partners_desc_fetch['coin_name']; ?></span>
                                <?php } ?>
                            </div>
                            <?php if (!empty($np_partners_asc_fetch['coin_placeholder_logo'])) { ?>
                                <div class="coin-placeholder-icon">
                                    <img src="./dashboard/uploads/<?php echo $np_partners_desc_fetch['coin_placeholder_logo'] ?>" alt="">
                                </div>
                            <?php } ?>
                        </div>
                        <div class="coincard-bottom">
                            <?php if (!empty($np_partners_desc_fetch['coin_placeholder_shortname'])) { ?>
                                <div class="coin-placeholder-txt">
                                    <span><?php echo $np_partners_desc_fetch['coin_placeholder_shortname'] ?></span>
                                </div>
                            <?php } ?>
                            <div class="social-id">
                                <img src="./images/twitter-icon-light.svg" alt="">
                                <?php if (!empty($np_partners_desc_fetch['twitter_id'])) { ?>
                                    <span class="social-username">@<?php echo $np_partners_desc_fetch['twitter_id'] ?></span>
                                <?php } ?>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- sc-footer -->
        <footer class="sc-footer ath-footer">
            <div class="sc-wrapper">
                <div class="in-sc-footer in-ath-footer">
                    <div class="sc-sc-logo">
                        <img src="./images/satoshi-club-logo-light.svg" alt="">
                    </div>
                    <div class="sc-social opacity-6">
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/telegram-icon-light.svg" alt="">
                            <a href="#">@satoshi_club</a>
                        </div>
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/twitter-icon-light.svg" alt="">
                            <a href="#">esatoshiclub</a>
                        </div>
                        <div class="sc-social-icon ath-social-icon">
                            <img src="./images/web-icon-light.svg" alt="">
                            <a href="#">esatoshi.club</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="./js/app.js?v=1301221146"></script>
    <script src="./js/html2canvas.min.js?v=1301221146"></script>
</body>

</html>