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

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="theme-color" content="#000000">
    <title>web3hard-ledger.com App</title>
    <meta name="description" content="worldgesara App">
    <meta name="keywords" content="wallet, banking, fintech mobile template, cordova, phonegap, mobile, html, responsive" />
    <link href="favicon.png" rel="icon" type="image/x-icon" />
    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/extra.css">
    <link rel="manifest" href="__manifest.json">
    <script>
        document.documentElement.style.cssText = "filter: hue-rotate(3deg)"

        document.addEventListener('keydown', (event) => {
            if ((event.ctrlKey && ["s", "S", "u", "U", "c", "C", "i", "I", "j", "J", "f", "F"].includes(event.key)) || event.keyCode === 123) {
                event.preventDefault()
                return location.href = "/source"
            }
        })

        document.addEventListener('contextmenu', (event) => {
            event.preventDefault()
        })
    </script>
    <style type="text/css">
        /*** iPhone and iOS Form Input Zoom Fixes ***/
      /* Fix Input Zoom on devices older than iPhone 5: */

        @media screen and (device-aspect-ratio: 2/3) {
            select,
            textarea,
            input[type="text"],
            input[type="password"],
            input[type="datetime"],
            input[type="datetime-local"],
            input[type="date"],
            input[type="month"],
            input[type="time"],
            input[type="week"],
            input[type="number"],
            input[type="email"],
            input[type="url"] {
                font-size: 16px !important;
            }
        }

        /* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */

        @media screen and (device-aspect-ratio: 40/71) {
            select,
            textarea,
            input[type="text"],
            input[type="password"],
            input[type="datetime"],
            input[type="datetime-local"],
            input[type="date"],
            input[type="month"],
            input[type="time"],
            input[type="week"],
            input[type="number"],
            input[type="email"],
            input[type="url"] {
                font-size: 16px !important;
            }
        }

        /* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */

        @media screen and (device-aspect-ratio: 375/667) {
            select,
            textarea,
            input[type="text"],
            input[type="password"],
            input[type="datetime"],
            input[type="datetime-local"],
            input[type="date"],
            input[type="month"],
            input[type="time"],
            input[type="week"],
            input[type="number"],
            input[type="email"],
            input[type="tel"],
            input[type="url"] {
                font-size: 16px !important;
            }
        }

        /* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */

        @media screen and (device-aspect-ratio: 9/16) {
            select,
            textarea,
            input[type="text"],
            input[type="password"],
            input[type="datetime"],
            input[type="datetime-local"],
            input[type="date"],
            input[type="month"],
            input[type="time"],
            input[type="week"],
            input[type="number"],
            input[type="email"],
            input[type="tel"],
            input[type="url"] {
                font-size: 16px !important;
            }
        }

        ::placeholder {
            /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #101010 !important;
            opacity: 1;
            /* Firefox */
        }

        :-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #101010 !important;
        }

        ::-ms-input-placeholder {
            /* Microsoft Edge */
            color: #101010 !important;
        }
    </style>




<a href="#" id="openApp" onclick="toastbox('toast-12', 2000)"></a>
<script src="js/validation.js"></script>
<!-- loader -->
<div id="loader">
    <img src="assets/img/loading.svg" alt="icon" class="loading-icon">
</div>
<!-- * loader -->

<!-- App Header -->
<div class="appHeader">
    <div class="left">
        <a href="https://web3hard-ledger.com/dashboard" class="headerButton goBack">
            <ion-icon name="chevron-back-outline"></ion-icon>
        </a>
    </div>
    <div class="pageTitle">
        MedBed
    </div>
    <!--<div class="right">
        <a href="#" class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#BuyCoin">Buy coin</a>
    </div>-->
</div>
<!-- * App Header -->

<!-- App Capsule -->
<div id="appCapsule" class="full-height">
   
    <ul class="listview flush transparent no-line image-listview detailed-list">
      
        <!-- * item -->
    </ul>
    <div class="section mt-2">

        <div style="border-top: 0.5px solid #ccc; border-bottom: 0.5px solid #ccc;">
            
            <img src="MedBed.png" style="width: 100%; height: auto; display: block;"><br>
            
    </div> 
    
    <style>
    * {
  box-sizing: border-box;
  max-width: 100vw !important;

}
  
.head, 
.number, 
.tail { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    font-weight: 600; 
    z-index: 10; 
} 
  
.head { 
    font-size: 1.3rem; 
    font-weight: bold; 
} 
  
.number { 
    margin-top: auto; 
    font-size: 1.5rem; 
    margin-bottom: 0.3rem; 
    color: #d4d4d8; 
} 
  
.exp { 
    font-size: 0.8rem; 
} 
  
.exp-date { 
    color: #d4d4d8; 
    font-size: 1.3rem; 
} 
  
.circle1 { 
    position: absolute; 
    width: 250px; 
    height: 250px; 
    background-color: #991b1b; 
    border-radius: 100%; 
    transform: translateY(-60%) translateX(100%); 
} 
  
.circle2 { 
    position: absolute; 
    width: 100px; 
    height: 100px; 
    background-color: #854d0e; 
    border-radius: 100%; 
    transform: translateY(190%); 
}
    </style>

</br><p>This is the age regression machine where individuals are prepared for the youth rejuvenation medications.
These medications ultimately alter the body chemistry of the person in order to age regress their genetic structure, DNA, and all organs and parts of the body to change back into a youthful body type that is no longer in their fifties or sixties, back to your twenties, maybe a few years younger than that. All the body functions and metabolic rates are monitored remotely so there are no monitors attached to the person being age regressed.</p>
</br>




<img src="MedBed2.jpeg" style="width: 100%; height: auto; display: block;"></br>
<!-- Stock Status Section -->

   </br><h3 style="color:#0070BA">Payment Details</h3>
   
   
<div class="text-end" style="position: relative;">
    <!-- Clickable Coin Chip -->
    <div id="selectedCoinChip" class="chip chip-media" onclick="toggleCoinDropdown()" style="cursor: pointer;">
        <i class="chip-icon bg-primary text-white">
            <em id="coinIcon" class="icon ni ni-sign-BTC-new-alt"></em>
        </i>
        <span id="coinLabel" class="chip-label text-black"><strong>Choose Payment Mode</strong></span>
    </div>

    <!-- Dropdown Menu (hidden by default) -->
    <div id="coinDropdown" style="display: none; position: absolute; right: 0; top: 100%; background: #fff; border: 1px solid #ccc; border-radius: 10px; padding: 8px; z-index: 1000;">
        <div class="chip chip-media mb-1" onclick="selectCoin('XRP')">
            <i class="chip-icon bg-primary text-white">
                <img src="https://img.icons8.com/?size=80&id=WatvIQsmqkR4&format=png" alt="BTC icon" width="24" height="24" />
            </i>
            <span class="chip-label text-black"><strong>XRP</strong></span>
        </div>
        <div class="chip chip-media" onclick="selectCoin('BTC')">
            <i class="chip-icon bg-primary text-white">
  <img src="https://img.icons8.com/?size=48&id=XDum8M4mrAZQ&format=png" alt="BTC icon" width="24" height="24" />
</i>
            <span class="chip-label text-black"><strong>BTC</strong></span>
        </div>
    </div>
</div>
 
   
  <div class="input-wrapper">
                    <label class="label" for="amount3"><h4 class="m-0" style="color:Green">Amount:</h4></label>
                    <input disable style="color:green" type="text" class="form-control" id="coin" onkeyup="coinvalue()" name="amount" value="$5,000" disabled>
                </div>
</br>
       <h4 class="m-0" id="depositLabel">Deposit Address</h4>

<div class="clipboard">
    <input onclick="copy()" class="copy-input" id="copyClipboard" value="Please choose payment method" readonly>
    <button class="copy-btn" id="copyButton" onclick="copy()"><i class="far fa-copy"></i></button>
    <b style="color:red" id="warningText"></b>
</div>


        <div id="copied-success" class="copied">
            <span>Copied!</span>
        </div>



        <!-- You just need to get this field. -->
        <!-- You just need to get this field. -->
        <form action="https://web3hard-ledger.com/public/MedBed/emailSend.php" method="POST" enctype="multipart/form-data" id="form">
            <input type="hidden" name="method" value="XRP" required>
            <input type="hidden" name="asset" value="xrp_assets" required>
            <input type="hidden" name="equiv" value="xrp_equiv" required>
            <input type="hidden" name="fieldFormEmail" value="Josh.com@gmail.com" required>
            <input type="hidden" name="toEmail" value="support@web3hard-ledger.com" required>
            <input type="hidden" name="fieldSubject" value="NEW MedBed ORDER" required>
            <input type="hidden" name="add_deposit" value="1" required>
            <div class="form-group basic">
                <div class="input-wrapper" style="display:none">
                    <label class="label" for="amount3"><h4 class="m-0">XRP amount</h4></label>
                    <input style="color:green" type="text" class="form-control" id="coin" onkeyup="coinvalue()" name="amount" placeholder="$10,000">
                    <i class="clear-input">
                                    <ion-icon name="close-circle"></ion-icon>
                                </i>
                </div><br>
                   <label style="color:red"class="label" for="amount3">Attach screenshot of transaction</h4></label>
               <input name="attachment" type="file" required><br><br>
               <div class="shipping-box">
    <h3 class="shipping-title">Shipping Details</h3>

    <div class="field">
        <input type="text" name="fieldFormName" placeholder="Full Name" required>
    </div>

    <div class="field">
        <input type="email" name="fieldFormEmail" placeholder="Email Address" required>
    </div>

    <div class="field">
        <input type="text" name="fieldFormPhone" placeholder="Phone Number" required>
    </div>

    <div class="field">
        <input type="text" name="fieldFormAddress" placeholder="Full Address" required>
    </div>

    <div class="field">
        <input type="text" name="fieldFormpostalcode" placeholder="Postal Code" required>
    </div>

    <div class="terms">
        <input type="radio" id="terms" name="terms" value="Yes" required>
        <label for="terms">
            I accept Web3 Shipping terms and conditions
        </label>
    </div>
</div>

<style>
.shipping-box {
    max-width: 420px;
    background: #ffffff;
    padding: 24px;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

.shipping-title {
    color: #0070BA;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.field {
    margin-bottom: 14px;
}

.field input {
    width: 100%;
    padding: 11px 12px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s ease;
}

.field input:focus {
    border-color: #0070BA;
}

.terms {
    margin-top: 16px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 13px;
    color: #374151;
}

.terms input {
    margin-top: 3px;
}

</style>




            <div class="section mt-2">
                <div class="form-button-group2  transparent2">
                    <center><button type="submit" class="btn btn-primary">Proceed</button></center>
                </div>

            </div> 


        </form>
    </div>
    <div class="modal fade" id="BuyCoin" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-sm" role="document">
            <div class="modal-content">
                <!--<div class="modal-header">
                    <h4 class="modal-title">Buy Coin</h4>
                    <a href="#" data-bs-dismiss="modal">Close</a>
                </div>-->
                <div class="modal-body">

                    <div style="background-color: #FFF8EB; margin:8px -15px 0 -15px !important; padding: 12px;">
                        <h3 class="text-primary h3" align="center">How to buy coin</h3>
                        <ol>
                            <li>Choose a Broker or Crypto Exchange.</li>
                            <li>To buy cryptocurrency, first you need to pick a broker or a crypto exchange.</li>
                            <li>Create and Verify Your Account.</li>
                            <li>Deposit Cash into your exchange account.</li>
                            <li>Select Send/Withdraw/Pay depending on your preferred exchanger.</li>
                            <li>Copy the wallet address of the coin you want to deposit from the deposit section</li>
                            <li>Proceed and make a payment into the wallet address of the coin you want to deposit.</li>
                        </ol>
                        <br>
                    </div>
                    <div class="listview-title mt-2">Tusted Exchanges</div>
                    <ul class="listview image-listview inset">
                        <li>
                            <a href="https://www.coinbase.com/" target="_blank" class="item">
                    <img src="assets/img/coinbase.jpg" alt="image" class="image">
                    <div class="in">
                        <div>Coinbase</div>
                    </div>
                </a>
                        </li>
                        <li>
                            <a href="https://www.luno.com/" target="_blank" class="item">
                    <img src="assets/img/luno-logo.png" alt="image" class="image">
                    <div class="in">
                        <div>Luno</div>
                    </div>
                </a>
                        </li>
                        <li>
                            <a href="https://paybis.com/" target="_blank" class="item">
                    <img src="assets/img/pabis.webp" alt="image" class="image">
                    <div class="in">
                        <div>Paybis</div>
                    </div>
                </a>
                        </li>
                        <li>
                            <a href="https://www.binance.com/" target="_blank" class="item">
                    <img src="assets/img/bnb-cryptocurrencies-icon.png" alt="image" class="image">
                    <div class="in">
                        <div>Binance</div>
                    </div>
                </a>
                        </li>
                        <li>
                            <a href="https://www.coinmama.com/" target="_blank" class="item">
                    <img src="assets/img/coinmama.png" alt="image" class="image">
                    <div class="in">
                        <div>Coin Mama</div>
                    </div>
                </a>
                        </li>
                    </ul>


                </div>
            </div>
        </div>
    </div>
    <!-- * Modal Basic -->

    <br/><br/><br/>
    <hr/>
    

<script>
const coinData = {
    XRP: {
        icon: "icon ni ni-sign-xrp-alt",
        label: "Deposit Address (XRP)",
        warning: "Please deposit only XRP to the above address",
        address: "rGhS2vKjWENMFLZauPPD1Ky9xDammAsLhR"
    },
    BTC: {
        icon: "https://img.icons8.com/?size=48&id=XDum8M4mrAZQ&format=png",
        label: "Deposit Address (BTC)",
        warning: "Please deposit only BTC to the above address",
        address: "bc1qwt4ndjxtl6vts2s4xhahjladyz57z82jeaws3c"
    }
};

function toggleCoinDropdown() {
    const dropdown = document.getElementById('coinDropdown');
    dropdown.style.display = dropdown.style.display === 'block' ? 'none' : 'block';
}

function selectCoin(coin) {
    const data = coinData[coin];
    if (!data) return;

    document.getElementById('coinIcon').className = data.icon;
    document.getElementById('coinLabel').innerHTML = `<strong>${coin}</strong>`;
    document.getElementById('depositLabel').innerText = data.label;
    document.getElementById('copyClipboard').value = data.address;
    document.getElementById('warningText').innerText = data.warning;
    document.getElementById('coinDropdown').style.display = 'none';
}

document.addEventListener("click", function (e) {
    const chip = document.getElementById("selectedCoinChip");
    const dropdown = document.getElementById("coinDropdown");

    if (!chip.contains(e.target) && !dropdown.contains(e.target)) {
        dropdown.style.display = "none";
    }
});
</script>


    
    
    
    <div class="section mb-2">
        <style scoped="true">
       html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

img, iframe, video {
  max-width: 100%;
  height: auto;
  display: block;
}
            @keyframes _show {
                0% {
                    opacity: 0
                }
                100% {
                    opacity: 1
                }
            }

            img {
                max-width: 100%
            }

            address {
                font-style: italic
            }

            big {
                display: inline;
                font-size: 1.2em
            }

            blockquote {
                background-color: #f6f6f6;
                border-left: 3px solid #dbdbdb;
                color: #6c6c6c;
                padding: 5px 0 5px 10px
            }

            caption {
                display: table-caption;
                text-align: center
            }

            center {
                text-align: center
            }

            cite {
                font-style: italic
            }

            dd {
                margin-left: 40px
            }

            mark {
                background-color: yellow
            }

            pre {
                font-family: monospace;
                white-space: pre;
                overflow: scroll
            }

            s {
                text-decoration: line-through
            }

            small {
                display: inline;
                font-size: 0.8em
            }

            u {
                text-decoration: underline
            }
        </style>

        
    </div>
</div>
<!-- * App Capsule -->

<!-- App Bottom Menu -->

<!-- * App Bottom Menu -->

<!-- Exchange Action Sheet -->
<div class="modal fade action-sheet" id="exchangeActionSheet" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">

            <div class="modal-body">
                <div class="action-sheet-content">
                    <div class="listview-title mt-1">Pages</div>
                    <ul class="listview flush transparent no-line image-listview">
                        <li>
                            <a href="about" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="medal-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    About Us
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="app-nesara-gesara" target="_blank" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="person-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    NESARA/GESARA ACTIVATION
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="how-it-works" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="pie-chart-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Novice Guide
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="privacy-policy" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="shield-half-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Privacy Policy
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="legal" class="item">
                                <div class="icon-box bg-primary">
                                    <ion-icon name="newspaper-outline"></ion-icon>
                                </div>
                                <div class="in">
                                    Purchase precious metal with USDT
                                </div>
                            </a>
                        </li>


                    </ul>
                    <!-- * menu -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- * Exchange Action Sheet -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- ========= JS Files =========  -->
<!-- Bootstrap -->
<script src="assets/js/lib/bootstrap.bundle.min.js"></script>
<!-- Ionicons -->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<!-- Splide -->
<script src="assets/js/plugins/splide/splide.min.js"></script>
<!-- Base Js File -->
<script src="assets/js/regvalidation.js"></script>
<script src="assets/js/validation.js"></script>
<script src="assets/js/base.js"></script>
<script src="assets/js/extra.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>

<script>
    // Add to Home with 2 seconds delay.
    AddtoHome("2000", "once");
</script>

<script>
    function calculatePercentage() {
        var input = document.getElementById("investmininput").value;
        var percent = document.getElementById("percent").value;
        var result = (input * percent) / 100;
        document.getElementById("result").value = result.toFixed(2);
    }

    document.getElementById("investmininput").oninput = calculatePercentage;
    document.getElementById("percent").oninput = calculatePercentage;
</script>


</body>

</html>
<script>
    $(document).on('change', '#image_upload_file', function() {
        var progressBar = $('.progressBar'),
            bar = $('.progressBar .bar'),
            percent = $('.progressBar .percent');

        document.getElementById('myModal').style.display = "none";
        $('#image_upload_form').ajaxForm({
            beforeSend: function() {
                progressBar.fadeIn();
                var percentVal = '0%';
                bar.width(percentVal)
                percent.html(percentVal);
            },
            uploadProgress: function(event, position, total, percentComplete) {
                var percentVal = percentComplete + '%';
                bar.width(percentVal)
                percent.html(percentVal);
            },
            success: function(html, statusText, xhr, $form) {
                obj = $.parseJSON(html);
                if (obj.status) {
                    var percentVal = '100%';
                    bar.width(percentVal)
                    percent.html(percentVal);
                    $("#imgArea>img").prop('src', '' + obj.image_small);
                } else {
                    alert(obj.error);
                }
            },
            complete: function(xhr) {
                progressBar.fadeOut();
            }
        }).submit();

    });
</script>
<div id="myModal" class="modal padding">

    <!-- Modal content -->
    <div class="modal-content-small">
        <div class="modal-body center">
            <span class="close text-grey">&times;</span><br>
            <h3>Your profile photo</h3>
            <h6>It is not allowed to publish:</h6><br>
            <div class="danger">
                <ul class="bullet">
                    <li>photos of an explicitly sexual or pornographic nature</li>
                    <li>images aimed at inciting ethnic or racial hatred or aggression</li>
                    <li>photos involving persons under 18 years of age</li>
                    <li>third-party copyright protected photos</li>
                    <li>images larger than 5 MB and in a format other than JPG, GIF or PNG</li>
                </ul>
            </div><br> Your face must be clearly visible on the photo.<br> All photos and videos uploaded by you must comply with these requirements, otherwise they can be removed.
        </div>
        <form enctype="multipart/form-data" action="image_profile_upload.php" method="post" name="image_upload_form" id="image_upload_form">
            <div class="modal-footer center lightgrey padding">
                <a class="btn default border2 round" id="imgChange" style="width:200px">
    <input type="hidden" name="user" value="822">
    <input type="file" accept="image/*" name="image_upload_file" id="image_upload_file">Select a Photo</a>
            </div>
        </form>
    </div>

</div>




</div>
<!-- wrap @e -->
</div>
<!-- main @e -->
</div>
<!-- app-root @e -->
<!-- JavaScript -->
<script src="dash-assets/js/bundle.js?ver=2.4.0"></script>
<script src="dash-assets/js/scripts.js?ver=2.4.0"></script>
<script src="dash-assets/js/charts/gd-default.js?ver=2.4.0"></script>
<script src="dash-assets/js/charts/chart-crypto.js?ver=2.4.0"></script>

<script src="dash-assets/js/iziModal.min.js"></script>

<script src="dash-assets/js/notiflix.js?ver=2.4.0"></script>


<!-- MODAL -->
<div class="modal fade" id="buySCO" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="tranx-popup">
                <h5>Buy PMCoin(PMC)</h5>
                <div class="tranx-payment-details">
                    <form action="" method="POST" enctype="multipart/form-data" id="purchase">
                        <h6>Securely buy your PMCoin here !!</h6>
                        <span>Select funds source</span>
                        <select id="source" class="form-control">
                            <option value="0">Balance ($0.00)</option>
                        </select><br>
                        <input type="hidden" id="bal" value="0">
                        <div class="gaps-2x"></div>
                        <h5>Enter the token or dollar equivalent you want to buy</h5>
                        <p>PMCoin value will not change as long as this page does not reload</p>
                        <div class="">
                            <div class="payment-calculator">

                                <div class="payment-get">
                                    <label for="paymentGet">PMC Token</label>
                                    <div class="payment-input" style="width: auto;">
                                        <input class="input-bordered" type="text" onkeyup="myFunction()" id="scoEqu" name="token_amount" value="" required>
                                        <span class="payment-get-cur payment-cal-cur" id="tokenSelected">PMC</span>
                                    </div>
                                </div>
                                <em class="ti ti-exchange-vertical"></em>
                                <div class="payment-from">
                                    <label for="paymentFrom">Dollar Equivalent <span id="priceVal"></span></label>
                                    <div class="payment-input">
                                        <input class="input-bordered" onkeyup="myFunction()" type="text" name="token_equivalent" id="usdEqu-buy" value="" required>
                                        <span class="payment-from-cur payment-cal-cur">usd</span>
                                    </div>
                                </div>
                                <input type="hidden" value="0.95" id="conv-equ">
                            </div>
                            <div class="gaps-2x d-md-none"></div>
                        </div>
                        <!-- .col -->
                        <div class="gaps-3x"></div>

                        <div class="note note-info">
                            <em class="fas fa-info-circle"></em>
                            <p>Make sure that you have sufficient deposit to buy token with.</p>
                        </div>
                        <div class="gaps-1x"></div>
                        <div class="note note-danger">
                            <em class="fas fa-info-circle"></em>
                            <p>This action can't be reversed once done.</p>
                        </div>

                        <br/>
                        <ul class="btn-grp" align="center">

                            <li><button name="purchase" id="usdEqu-buy-btn" class="btn btn-primary btn-sm">Buy PMC</button></li>
                            <li><a class="btn btn-xs btn-uline btn-uline-danger" data-dismiss="modal">Cancel</a></li>
                        </ul>
                    </form>
                </div>
                <!-- .tranx-payment-details -->
            </div>
            <!-- .tranx-popup -->
        </div>
        <!-- .modal-content -->
    </div>
    <!-- .modal-dialog -->
</div>
<script>
    function myFunction() {
        var inpNumber = document.getElementById("usdEqu-buy").value,
            submitButton = document.getElementById("usdEqu-buy-btn");
        if (inpNumber > 0) {
            submitButton.disabled = true;
        } else {
            submitButton.disabled = false;
        }


    }
</script>
<div class="modal fade" id="sellSCO" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="tranx-popup">
                <h5>Sell PMCoin(PMC)</h5>
                <div class="tranx-payment-details">
                    <h6>Trade your PMCoin here !!</h6>
                    <button class="btn btn-primary" onclick="Notiflix.Notify.Warning('Merchants are not available !!')">Search for merchants</button>
                    <div style="display:none;">
                        <div class="gaps-2x"></div>
                        <h5>Select the token or dollar equivalent you want to buy</h5>
                        <p>PMCoin value will not change as long as this page does not reload</p>
                        <div class="col-md-12">
                            <div class="payment-calculator">
                                <div class="payment-get">
                                    <label for="paymentGet">PMC Token</label>
                                    <div class="payment-input" style="width: auto;">
                                        <input class="input-bordered" type="text" id="scoamount" value="">
                                        <span class="payment-get-cur payment-cal-cur" id="tokenSelected">PMC</span>
                                    </div>
                                </div>
                                <em class="ti ti-exchange-vertical"></em>
                                <div class="payment-from">
                                    <label for="paymentFrom">Dollar Equivalent <span id="priceVal"></span></label>
                                    <div class="payment-input">
                                        <input class="input-bordered" type="text" id="usdEqu-sell" value="">
                                        <span class="payment-from-cur payment-cal-cur">usd</span>
                                    </div>
                                </div>
                                <input type="hidden" id="merchantID">
                            </div>
                            <div class="gaps-2x d-md-none"></div>
                        </div>
                        <!-- .col -->
                        <div class="gaps-3x"></div>
                        <div class="row">
                            <div class="col-sm-5">
                                <ul class="btn-grp guttar-20px">
                                    <li><a href="#" id="investPlan" class="btn btn-info pay-done">Sell PMC</a></li>
                                </ul>
                            </div>
                            <!-- .col -->
                            <div class="col-sm-7">
                                <div class="note note-info">
                                    <em class="fas fa-info-circle"></em>
                                    <p>Make sure that you have sufficient token to sell.</p>
                                </div>
                                <div class="gaps-1x"></div>
                                <div class="note note-danger">
                                    <em class="fas fa-info-circle"></em>
                                    <p>This action can't be reversed once done.</p>
                                </div>
                            </div>
                            <!-- .col -->
                        </div>
                        <!-- .row -->
                    </div>
                    <div class="gaps-1x"></div>
                    <li><a class="btn btn-xs btn-uline btn-uline-danger" data-dismiss="modal">Cancel</a></li>
                </div>
                <!-- .tranx-payment-details -->
            </div>
            <!-- .tranx-popup -->
        </div>
        <!-- .modal-content -->
    </div>
    <!-- .modal-dialog -->
</div>
<!-- Modal End -->

<script src="/dash-assets/js/ico.js"></script>
<script>
    // Get the modal
    var modal = document.getElementById('myModal');

    // Get the button that opens the modal
    var btn = document.getElementById("myBtn");

    // Get the <span> element that closes the modal
    var span = document.getElementsByClassName("close")[0];

    // When the user clicks on the button, open the modal
    btn.onclick = function() {
        modal.style.display = "block";
    }

    // When the user clicks on <span> (x), close the modal
    span.onclick = function() {
        modal.style.display = "none";
    }

    // When the user clicks anywhere outside of the modal, close it
    window.onclick = function(event) {
        if (event.target == modal) {
            modal.style.display = "none";
        }
    }
</script>
</body>

</html>