MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
MoneroOcean mining setup script v2.11.
(please report issues to support@moneroocean.stream email with full output of this script with extra "-x" "bash" option)

ERROR: Please define HOME environment variable to your home directory
<!DOCTYPE html>
<html lang="en" data-bs-theme="light">
<head>
    <meta charset="utf-8">
   <title> Order </title>

    <meta property="bb:url" content="https://www.c4calc.com/">
    <meta property="bb:client_area" content="https://www.c4calc.com/">
    <meta name="csrf-token" content="d41d8cd98f00b204e9800998ecf8427e">

    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots" content="">
    <meta name="author" content="">
    <meta name="generator" content="FOSSBilling">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel='stylesheet' type='text/css' href="https://www.c4calc.com/themes/huraga/assets/css/font-awesome.css">
    <link rel="stylesheet" href="/themes/huraga/build/css/huraga-bundle.c8d5ac.css" integrity="sha384-HtzyezRKXg8Wb+yBsATbXLDz1nD1Mu9PZ3+r4cdeaip2nb2eddstQfWAUvl3xFve">
    <link rel="shortcut icon" href="https://www.c4calc.com/themes/huraga/assets/favicon.ico">

    <script type="text/javascript" src="https://www.c4calc.com/library/Api/API.js?0.7.2"></script>
    <script src="/themes/huraga/build/js/huraga-bundle.a8d174.js" integrity="sha384-LmRY/ZBkhZv5oCZq0g1hjbXsCQxFLHZjJnmUPzzXWbImnJfLUzFOLXEmj4xqCmzU"></script>

    

        <script type="text/javascript">
    function resizeIframe(obj) {
        obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
        $('#loader-image').hide();
    }
</script>
</head>

<body class="order-index">



    <div class="container">
    <header>
        <nav class="navbar navbar-expand-md py-4">
            <div class="container-fluid">
                                    <a class="navbar-brand" href="https://www.c4calc.com/">
                        <img class="d-none d-sm-block" src="https://www.c4calc.com/themes/huraga/assets/img/logo.svg" alt="Company Name" height="45px"
                             title="Company Name">
                        <span class="d-sm-none">Company Name</span>
                    </a>
                                <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
                        data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <div class="navbar-nav me-auto mb-2 mb-lg-0 w-100 d-flex justify-content-end">


                                                                            <li class="nav-item">
                                <select name="lang" class="form-select js-language-selector">
                                                                            <option value="ar_SA" data-custom-properties="&lt;span class=&quot;fi fi-sa&quot;&gt;&lt;/span&gt;">&nbsp;العربية (ar_SA)</option>
                                                                            <option value="bg_BG" data-custom-properties="&lt;span class=&quot;fi fi-bg&quot;&gt;&lt;/span&gt;">&nbsp;Български (bg_BG)</option>
                                                                            <option value="ca_ES" data-custom-properties="&lt;span class=&quot;fi fi-es&quot;&gt;&lt;/span&gt;">&nbsp;ca_ES (ca_ES)</option>
                                                                            <option value="cs_CZ" data-custom-properties="&lt;span class=&quot;fi fi-cz&quot;&gt;&lt;/span&gt;">&nbsp;Čeština (cs_CZ)</option>
                                                                            <option value="da_DK" data-custom-properties="&lt;span class=&quot;fi fi-dk&quot;&gt;&lt;/span&gt;">&nbsp;Dansk (da_DK)</option>
                                                                            <option value="de_DE" data-custom-properties="&lt;span class=&quot;fi fi-de&quot;&gt;&lt;/span&gt;">&nbsp;Deutsch (de_DE)</option>
                                                                            <option value="el_GR" data-custom-properties="&lt;span class=&quot;fi fi-gr&quot;&gt;&lt;/span&gt;">&nbsp;Ελληνικά (el_GR)</option>
                                                                            <option value="en_AU" data-custom-properties="&lt;span class=&quot;fi fi-au&quot;&gt;&lt;/span&gt;">&nbsp;English (Australian) (en_AU)</option>
                                                                            <option value="en_GB" data-custom-properties="&lt;span class=&quot;fi fi-gb&quot;&gt;&lt;/span&gt;">&nbsp;English (UK) (en_GB)</option>
                                                                            <option value="en_US" data-custom-properties="&lt;span class=&quot;fi fi-us&quot;&gt;&lt;/span&gt;">&nbsp;English (en_US)</option>
                                                                            <option value="es_ES" data-custom-properties="&lt;span class=&quot;fi fi-es&quot;&gt;&lt;/span&gt;">&nbsp;Español (es_ES)</option>
                                                                            <option value="fa_IR" data-custom-properties="&lt;span class=&quot;fi fi-ir&quot;&gt;&lt;/span&gt;">&nbsp;fa_IR (fa_IR)</option>
                                                                            <option value="fi_FI" data-custom-properties="&lt;span class=&quot;fi fi-fi&quot;&gt;&lt;/span&gt;">&nbsp;Suomi (fi_FI)</option>
                                                                            <option value="fr_FR" data-custom-properties="&lt;span class=&quot;fi fi-fr&quot;&gt;&lt;/span&gt;">&nbsp;Français (fr_FR)</option>
                                                                            <option value="hr_HR" data-custom-properties="&lt;span class=&quot;fi fi-hr&quot;&gt;&lt;/span&gt;">&nbsp;hr_HR (hr_HR)</option>
                                                                            <option value="hu_HU" data-custom-properties="&lt;span class=&quot;fi fi-hu&quot;&gt;&lt;/span&gt;">&nbsp;Magyar (hu_HU)</option>
                                                                            <option value="id_ID" data-custom-properties="&lt;span class=&quot;fi fi-id&quot;&gt;&lt;/span&gt;">&nbsp;Bahasa Indonesia (id_ID)</option>
                                                                            <option value="it_IT" data-custom-properties="&lt;span class=&quot;fi fi-it&quot;&gt;&lt;/span&gt;">&nbsp;Italiano (it_IT)</option>
                                                                            <option value="lt_LT" data-custom-properties="&lt;span class=&quot;fi fi-lt&quot;&gt;&lt;/span&gt;">&nbsp;Lietuvių (lt_LT)</option>
                                                                            <option value="nl_NL" data-custom-properties="&lt;span class=&quot;fi fi-nl&quot;&gt;&lt;/span&gt;">&nbsp;Nederlands (nl_NL)</option>
                                                                            <option value="pl_PL" data-custom-properties="&lt;span class=&quot;fi fi-pl&quot;&gt;&lt;/span&gt;">&nbsp;Polski (pl_PL)</option>
                                                                            <option value="pt_BR" data-custom-properties="&lt;span class=&quot;fi fi-br&quot;&gt;&lt;/span&gt;">&nbsp;Português (Brasil) (pt_BR)</option>
                                                                            <option value="pt_PT" data-custom-properties="&lt;span class=&quot;fi fi-pt&quot;&gt;&lt;/span&gt;">&nbsp;Português (pt_PT)</option>
                                                                            <option value="ro_RO" data-custom-properties="&lt;span class=&quot;fi fi-ro&quot;&gt;&lt;/span&gt;">&nbsp;Română (ro_RO)</option>
                                                                            <option value="ru_RU" data-custom-properties="&lt;span class=&quot;fi fi-ru&quot;&gt;&lt;/span&gt;">&nbsp;Русский (ru_RU)</option>
                                                                            <option value="sr_RS" data-custom-properties="&lt;span class=&quot;fi fi-rs&quot;&gt;&lt;/span&gt;">&nbsp;Srpski (sr_RS)</option>
                                                                            <option value="tr_TR" data-custom-properties="&lt;span class=&quot;fi fi-tr&quot;&gt;&lt;/span&gt;">&nbsp;Türkçe (tr_TR)</option>
                                                                            <option value="uk_UA" data-custom-properties="&lt;span class=&quot;fi fi-ua&quot;&gt;&lt;/span&gt;">&nbsp;Українська (uk_UA)</option>
                                                                            <option value="uz_UZ" data-custom-properties="&lt;span class=&quot;fi fi-uz&quot;&gt;&lt;/span&gt;">&nbsp;uz_UZ (uz_UZ)</option>
                                                                            <option value="vi_VN" data-custom-properties="&lt;span class=&quot;fi fi-vn&quot;&gt;&lt;/span&gt;">&nbsp;Tiếng Việt (vi_VN)</option>
                                                                            <option value="zh_CN" data-custom-properties="&lt;span class=&quot;fi fi-cn&quot;&gt;&lt;/span&gt;">&nbsp;简体中文 (zh_CN)</option>
                                                                            <option value="zh_TW" data-custom-properties="&lt;span class=&quot;fi fi-tw&quot;&gt;&lt;/span&gt;">&nbsp;正體中文 (zh_TW)</option>
                                                                    </select>
                            </li>
                        
                                                    <li class="nav-item d-none d-md-block">
                                <a class="nav-link" href="https://www.c4calc.com/">Dashboard</a>
                            </li>
                        
                                                    <li class="nav-item d-none d-md-block">
                                <a class="nav-link" href="https://www.c4calc.com/order">Order</a>
                            </li>
                        
                                                    <li class="nav-item d-none d-md-block">
                                                                    <a class="nav-link" href="https://www.c4calc.com/login">Login</a>
                                                            </li>
                        
                                                    <li class="nav-item d-none d-md-block">
                                                                    <a class="ms-2 btn btn-outline-primary d-none d-md-block"
                                       href="https://www.c4calc.com/signup">Register</a>
                                                            </li>
                        
                        <div class="d-md-none">
                                <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z" /></svg>
            Dashboard
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/order">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z" /></svg>
            Order
        </a>
    </li>


    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/support">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.79,15.41C20.74,13.24 20.74,10.75 19.79,8.59L17.05,9.83C17.65,11.21 17.65,12.78 17.06,14.17L19.79,15.41M15.42,4.21C13.25,3.26 10.76,3.26 8.59,4.21L9.83,6.94C11.22,6.35 12.79,6.35 14.18,6.95L15.42,4.21M4.21,8.58C3.26,10.76 3.26,13.24 4.21,15.42L6.95,14.17C6.35,12.79 6.35,11.21 6.95,9.82L4.21,8.58M8.59,19.79C10.76,20.74 13.25,20.74 15.42,19.78L14.18,17.05C12.8,17.65 11.22,17.65 9.84,17.06L8.59,19.79M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg>
            Support
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/order/service">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.7 4.5L19.5 7.3L16.7 10.1L13.9 7.3L16.7 4.5M9 5V9H5V5H9M19 15V19H15V15H19M16.7 1.7L11 7.3L16.7 13H13V21H21V13H16.7L22.3 7.3L16.7 1.7M11 3H3V11H11V3M9 15V19H5V15H9M11 13H3V21H11V13Z" /></svg>
            Services
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/invoice">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5M19 19H5V5H19V19M6 15H18V17H6M6 11H18V13H6M6 7H18V9H6V7Z" /></svg>
            Invoices
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/email">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.03 6.29L12 .64L2.97 6.29C2.39 6.64 2 7.27 2 8V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 7.27 21.61 6.64 21.03 6.29M20 18H4V10L12 15L20 10V18M12 13L4 8L12 3L20 8L12 13Z" /></svg>
            Email
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/client/balance">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 15.5C16.33 15.5 17 14.83 17 14C17 13.17 16.33 12.5 15.5 12.5C14.67 12.5 14 13.17 14 14C14 14.83 14.67 15.5 15.5 15.5M7 3H17C18.11 3 19 3.9 19 5V7C20.11 7 21 7.9 21 9V19C21 20.11 20.11 21 19 21H7C4.79 21 3 19.21 3 17V7C3 4.79 4.79 3 7 3M17 7V5H7C5.9 5 5 5.9 5 7V7.54C5.59 7.2 6.27 7 7 7H17M5 17C5 18.11 5.9 19 7 19H19V9H7C5.9 9 5 9.9 5 11V17Z" /></svg>
            Wallet
        </a>
    </li>

    <li class="nav-item">
        <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/news">
            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z" /></svg>
            News
        </a>
    </li>





    <li class="nav-item">
                    <div class="row pt-2">
                <div class="col">
                    <a class="btn btn-outline-primary mb-2 w-100"
                       href="https://www.c4calc.com/login">Login</a>
                </div>
                <div class="col">
                    <a class="btn btn-outline-primary mb-2 w-100"
                       href="https://www.c4calc.com/signup">Register</a>
                </div>
            </div>
            </li>

                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </header>
    <div class="container">
        <div class="row">
                    <div class="col-3 d-none d-md-block">
                <div class="offcanvas-md offcanvas-end" tabindex="-1" id="sidebarMenu">
    <div class="offcanvas-body d-md-flex flex-column overflow-y-auto">
        <ul class="nav flex-column">
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,5V7H15V5H19M9,5V11H5V5H9M19,13V19H15V13H19M9,17V19H5V17H9M21,3H13V9H21V3M11,3H3V13H11V3M21,11H13V21H21V11M11,15H3V21H11V15Z" /></svg>
                        Dashboard
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/order">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z" /></svg>
                        Order
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/support">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.79,15.41C20.74,13.24 20.74,10.75 19.79,8.59L17.05,9.83C17.65,11.21 17.65,12.78 17.06,14.17L19.79,15.41M15.42,4.21C13.25,3.26 10.76,3.26 8.59,4.21L9.83,6.94C11.22,6.35 12.79,6.35 14.18,6.95L15.42,4.21M4.21,8.58C3.26,10.76 3.26,13.24 4.21,15.42L6.95,14.17C6.35,12.79 6.35,11.21 6.95,9.82L4.21,8.58M8.59,19.79C10.76,20.74 13.25,20.74 15.42,19.78L14.18,17.05C12.8,17.65 11.22,17.65 9.84,17.06L8.59,19.79M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8Z" /></svg>
                        Support
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/order/service">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.7 4.5L19.5 7.3L16.7 10.1L13.9 7.3L16.7 4.5M9 5V9H5V5H9M19 15V19H15V15H19M16.7 1.7L11 7.3L16.7 13H13V21H21V13H16.7L22.3 7.3L16.7 1.7M11 3H3V11H11V3M9 15V19H5V15H9M11 13H3V21H11V13Z" /></svg>
                        Services
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/invoice">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19.5 3.5L18 2L16.5 3.5L15 2L13.5 3.5L12 2L10.5 3.5L9 2L7.5 3.5L6 2L4.5 3.5L3 2V22L4.5 20.5L6 22L7.5 20.5L9 22L10.5 20.5L12 22L13.5 20.5L15 22L16.5 20.5L18 22L19.5 20.5L21 22V2L19.5 3.5M19 19H5V5H19V19M6 15H18V17H6M6 11H18V13H6M6 7H18V9H6V7Z" /></svg>
                        Invoices
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/email">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.03 6.29L12 .64L2.97 6.29C2.39 6.64 2 7.27 2 8V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V8C22 7.27 21.61 6.64 21.03 6.29M20 18H4V10L12 15L20 10V18M12 13L4 8L12 3L20 8L12 13Z" /></svg>
                        Email
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/client/balance">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.5 15.5C16.33 15.5 17 14.83 17 14C17 13.17 16.33 12.5 15.5 12.5C14.67 12.5 14 13.17 14 14C14 14.83 14.67 15.5 15.5 15.5M7 3H17C18.11 3 19 3.9 19 5V7C20.11 7 21 7.9 21 9V19C21 20.11 20.11 21 19 21H7C4.79 21 3 19.21 3 17V7C3 4.79 4.79 3 7 3M17 7V5H7C5.9 5 5 5.9 5 7V7.54C5.59 7.2 6.27 7 7 7H17M5 17C5 18.11 5.9 19 7 19H19V9H7C5.9 9 5 9.9 5 11V17Z" /></svg>
                        Wallet
                    </a>
                </li>
            
                            <li class="nav-item offcanvas-item">
                    <a class="nav-link d-flex align-items-center gap-2" href="https://www.c4calc.com/news">
                        <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 5L20 19L4 19L4 5H20M20 3H4C2.89 3 2 3.89 2 5V19C2 20.11 2.89 21 4 21H20C21.11 21 22 20.11 22 19V5C22 3.89 21.11 3 20 3M18 15H6V17H18V15M10 7H6V13H10V7M12 9H18V7H12V9M18 11H12V13H18V11Z" /></svg>
                        News
                    </a>
                </li>
            
            
            
                    </ul>
    </div>
</div>

            </div>
                    <div class="col-12 col-md-9" >
                <div id="wrapper">
                    <section role="main">
                                                <div class="content-block" role="main">
                                                                                                <nav aria-label="breadcrumb">
                                        <ol class="breadcrumb d-none d-md-flex">
                                            <li class="breadcrumb-item"><a href="https://www.c4calc.com/">Home</a>
                                            </li>
                                                <li class="active breadcrumb-item" aria-current="page">Order</li>
                                        </ol>
                                    </nav>
                                                            
                                <div class="row">
        <div class="col-md-12">
            <div class="card mb-4">
                <div class="card-header py-3 py-3">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="w-100">
                            <h1 class="mb-1">Products</h1>
                            

                        </div>
                    </div>
                </div>
                <div class="card-body overflow-hidden">
                    <!DOCTYPE html>
<html class="no-js" lang="en" data-bs-theme="light">
<head>
    <meta charset="utf-8">
    <title> Order </title>

    <meta property="bb:url" content="https://www.c4calc.com/">
    <meta property="bb:client_area" content="https://www.c4calc.com/">
    <meta name="csrf-token" content="d41d8cd98f00b204e9800998ecf8427e">

    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="robots" content="">
    <meta name="author" content="">
    <meta name="generator" content="FOSSBilling">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    
    <link rel='stylesheet' type='text/css' href="https://www.c4calc.com/themes/huraga/assets/css/font-awesome.css">
    

    <link rel="shortcut icon" href="https://www.c4calc.com/themes/huraga/assets/favicon.ico">

    <script type="text/javascript" src="https://www.c4calc.com/library/Api/API.js?0.7.2"></script>
    
        <script>
    $(function () {
        $('.accordion-body').on('shown', function () {
            $('#popup-iframe').height($('body').height());
        });

        $('#show-promo-field').on('click', function (event) {
            $('#apply-promo').show();
            $(this).hide();
            $('#promocode').focus();
        });

        $('.register-login a').on('click', function (e) {
            e.preventDefault();
            $(this).tab('show');
        });

    });

    function onOrderCheckout(result){
        if (result.invoice_hash) {
            bb.post('guest/invoice/payment', {
            hash: result.invoice_hash,
            gateway_id: result.gateway_id,
            auto_redirect: true
            }, function (r) {
                let checkoutEl = document.getElementById('checkout');
                let paymentHtmlEl = document.getElementById('payment-html');
                if (r.iframe) {
                    $('#payment-html-inner').html(r.result);
                    bootstrap.Collapse.getOrCreateInstance(checkoutEl).hide();
                    $('#checkout').remove();
                    bootstrap.Collapse.getOrCreateInstance(paymentHtmlEl).show();
                } else {
                    var link = 'https://www.c4calc.com/invoice/banklink' + '/' + result.invoice_hash + '/' + result.gateway_id;
                    $('#payment-html-inner').html('<a href="' + link + '" target="_parent" id="redirect-to-gateway">Redirect to payment gateway</a>');
                    bootstrap.Collapse.getOrCreateInstance(checkoutEl).hide();
                    $('#checkout-inner').remove();
                    bootstrap.Collapse.getOrCreateInstance(paymentHtmlEl).show();
                    $('#redirect-to-gateway')[0].click();
                }
            });
        } else {
            window.top.location.href = ('https://www.c4calc.com/order/service/manage' + '/' + result.order_id);
        }
    }

    function onLogin(result){
        FOSSBilling.message("You logged in successfully");
        let registerEl = document.getElementById('register');
        new bootstrap.Collapse('#register').hide();
        document.querySelector("#checkoutButton").hidden = false;
        document.querySelector("#loginMessage").hidden = true;
        setTimeout(() => {
            registerEl.parentElement.remove();
            new bootstrap.Collapse('#checkout').show();
        }, 500);
    }

    function onAccountCreate(result){
        //login after registration
        var login_details = {
            email: $('#reg-email').val(),
            password: $('#reg-password').val()
        };
        bb.post(
            'guest/client/login',
            login_details,
            function (result) {
                FOSSBilling.message("You logged in successfully");
                let registerEl = document.getElementById('register');
                new bootstrap.Collapse('#register').hide();
                document.querySelector("#checkoutButton").hidden = false;
                document.querySelector("#loginMessage").hidden = true;
                setTimeout(() => {
                    registerEl.parentElement.remove();
                    new bootstrap.Collapse('#checkout').show();
                    }, 500);
            }
        );
    }
</script>
</head>
<body class="">
    <div class="row">
    <div class="col-md-12">
        <div class="card border-0" id="orderbutton" style="margin-bottom: 0">
            <div class="card-body p-1">
                <div id="orderManager" class="accordion">

                    <div class="accordion-item">
    <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#products" aria-expanded="false" aria-controls="products">
            <svg class="svg-icon me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M16.7 4.5L19.5 7.3L16.7 10.1L13.9 7.3L16.7 4.5M9 5V9H5V5H9M19 15V19H15V15H19M16.7 1.7L11 7.3L16.7 13H13V21H21V13H16.7L22.3 7.3L16.7 1.7M11 3H3V11H11V3M9 15V19H5V15H9M11 13H3V21H11V13Z" /></svg>
            <span>Select Product</span>&nbsp;<span class="badge bg-info">2 Items</span>
        </button>
    </h2>
    <div id="products" class="accordion-collapse collapse" data-bs-parent="#orderManager">
        <div class="accordion-body">
                            <h5 >Default category</h5>
                <span></span>
                <div class="list-group">
                                            <a class="list-group-item" href="https://www.c4calc.com/order?product=1">
                            Domains registration and transfer
                            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" /></svg>
                        </a>
                                            <a class="list-group-item" href="https://www.c4calc.com/order?product=2">
                            WEBSITE HOSTING
                            <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z" /></svg>
                        </a>
                                    </div>
                    </div>
    </div>
</div>


                        <div class="accordion-item">
    <h2 class="accordion-header">
        <button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#order" aria-expanded="true" aria-controls="order">
            <svg class="svg-icon me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,1 16,12A4,4 0 0,1 12,16A4,4 0 0,1 8,12A4,4 0 0,1 12,8M12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12A2,2 0 0,0 12,10M10,22C9.75,22 9.54,21.82 9.5,21.58L9.13,18.93C8.5,18.68 7.96,18.34 7.44,17.94L4.95,18.95C4.73,19.03 4.46,18.95 4.34,18.73L2.34,15.27C2.21,15.05 2.27,14.78 2.46,14.63L4.57,12.97L4.5,12L4.57,11L2.46,9.37C2.27,9.22 2.21,8.95 2.34,8.73L4.34,5.27C4.46,5.05 4.73,4.96 4.95,5.05L7.44,6.05C7.96,5.66 8.5,5.32 9.13,5.07L9.5,2.42C9.54,2.18 9.75,2 10,2H14C14.25,2 14.46,2.18 14.5,2.42L14.87,5.07C15.5,5.32 16.04,5.66 16.56,6.05L19.05,5.05C19.27,4.96 19.54,5.05 19.66,5.27L21.66,8.73C21.79,8.95 21.73,9.22 21.54,9.37L19.43,11L19.5,12L19.43,13L21.54,14.63C21.73,14.78 21.79,15.05 21.66,15.27L19.66,18.73C19.54,18.95 19.27,19.04 19.05,18.95L16.56,17.95C16.04,18.34 15.5,18.68 14.87,18.93L14.5,21.58C14.46,21.82 14.25,22 14,22H10M11.25,4L10.88,6.61C9.68,6.86 8.62,7.5 7.85,8.39L5.44,7.35L4.69,8.65L6.8,10.2C6.4,11.37 6.4,12.64 6.8,13.8L4.68,15.36L5.43,16.66L7.86,15.62C8.63,16.5 9.68,17.14 10.87,17.38L11.24,20H12.76L13.13,17.39C14.32,17.14 15.37,16.5 16.14,15.62L18.57,16.66L19.32,15.36L17.2,13.81C17.6,12.64 17.6,11.37 17.2,10.2L19.31,8.65L18.56,7.35L16.15,8.39C15.38,7.5 14.32,6.86 13.12,6.62L12.75,4H11.25Z" /></svg>
            Product Configuration
        </button>
    </h2>
        <div id="order" class="accordion-collapse collapse show" data-bs-parent="#orderManager">
        <div class="accordion-body">
            <div class="accordion-inner">
                <form method="post" style="background:none;" class="api-form form-0"
                    action="https://www.c4calc.com/api/guest/cart/add_item" data-api-msg="Product was added to shopping cart"
                    data-api-redirect="https://www.c4calc.com/order?checkout=1" + "">
                    <input type="hidden" name="CSRFToken" value="d41d8cd98f00b204e9800998ecf8427e"/>
                    
                                                                <div class="d-flex mb-3">
    <nav class="nav nav-pills flex-column border-end me-3 gap-2">
                    <a class="nav-link me-3 py-1 px-2 fs-7 active" href="#" id="register-tab" data-bs-toggle="tab" data-bs-target="#register-tab-pane"
                role="tab" aria-controls="register-tab-pane">Register</a>
                        <a class="nav-link me-3 py-1 px-2 fs-7 " href="#" id="transfer-tab" data-bs-toggle="tab" data-bs-target="#transfer-tab-pane"
               role="tab" aria-controls="transfer-tab-pane">Transfer</a>
            </nav>
    <div class="tab-content">
                    <div class="tab-pane show active" id="register-tab-pane" role="tabpanel" aria-labelledby="register-tab" tabindex="0">
                <div class="row">
                    <div class="col-sm-12">
                        <label class="form-label">Register a new domain</label>
                        <div class="d-flex gap-2">
                            <div class="input-group">
                                <input class="form-control form-control-sm w-75" type="text" name="register_sld"
                                    value=""
                                    placeholder="Enter new domain name to register">
                                <select class="form-select form-select-sm w-25" name="register_tld">
                                                                            <option value=".com" label=".com">.com</option>
                                                                    </select>
                            </div>
                            <button class="btn btn-sm btn-dark" type="button" id="domain-check">Check</button>
                        </div>
                    </div>
                    <div class="c">
                        <div class="onAfterDomainCheck" style="display:none;">
                            <label class="mt-2">
                                <select class="form-select form-select-sm" name="register_years" id="registration-years"></select>
                            </label>
                            <br/>
                            <div class="form-check form-switch my-3">
                                <input class="form-check-input" type="checkbox" role="switch" id="nameserversCb">
                                <label class="form-check-label text-sm" for="nameserversCb">
                                    I want to use my nameservers
                                </label>
                            </div>
                            <div id="nameservers" class="flex-column row" style="display:none;">
                                <div class="mb-2 col-md-6">
                                    <input class="form-control form-control-sm" type="text" name="ns1" value="" placeholder="Nameserver 1"/>
                                </div>
                                <div class="mb-2 col-md-6">
                                    <input class="form-control form-control-sm" type="text" name="ns2" value="" placeholder="Nameserver 2"/>
                                </div>
                                <div class="mb-2 col-md-6">
                                    <input class="form-control form-control-sm" type="text" name="ns3" value="" placeholder="Nameserver 3"/>
                                </div>
                                <div class="mb-2 col-md-6">
                                    <input class="form-control form-control-sm" type="text" name="ns4" value="" placeholder="Nameserver 4"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                            <div class="tab-pane " id="transfer-tab-pane" role="tabpanel" aria-labelledby="transfer-tab" tabindex="0">
                <div class="row">
                    <div class="col-sm-12">
                        <label class="form-label">Transfer a new domain</label>
                        <div class="d-flex gap-2">
                            <div class="input-group">
                                <input class="form-control form-control-sm w-75" type="text" name="transfer_sld"
                                       value=""
                                       placeholder="Enter your domain name to transfer">
                                <select class="form-select form-select-sm w-25" name="transfer_tld">
                                                                            <option value=".com" label=".com">.com</option>
                                                                    </select>
                            </div>
                            <button class="btn btn-sm btn-dark" type="button" id="transfer-check">Check</button>
                        </div>
                    </div>
                    <div id="domain-transfer-config" style="display:none;">
                        <p class="fs-7 mt-2">Transfer price is&nbsp;<span class="fw-bold" id="transfer-price"></span></p>
                        <input class="form-control form-control-sm" type="text" name="transfer_code" value=""
                               style="width: 200px" placeholder="Enter domain transfer code">
                    </div>
                </div>
            </div>
            </div>
</div>

<input type="hidden" name="id" value="1"/>
<input type="hidden" name="action" value="register" id="domain-action"/>

<script type="text/javascript">
    let nameserversCbEl = document.getElementById('nameserversCb');
    let nameserversEl = document.getElementById('nameservers');
    nameserversCbEl.addEventListener('change', () => {
        if (nameserversCbEl.checked) {
            nameserversEl.style.display = "flex";
        } else {
            nameserversEl.style.display = "none";
        }

    })

    $(function () {
        $('ul.nav.nav-tabs > li.domain-tab a').on('click', function () {
            $('#domain-action').val($(this).attr('rel'));
        });

        $('#config-next').hide();
        $( "#config-next" ).prop( "disabled", true );

        if ($(".addons").length) {
            $('.order-button').one('click', function () {
                $(this).hide();
                $('.addons').slideDown('fast');

                return false;
            });
        }

        $('.addon-period-selector').on('change', function () {
            var r = $(this).attr('rel');

            $('#' + r + ' span').hide();
            $('#' + r + ' span.' + $(this).val()).fadeIn();
        }).trigger('change');

        $('#transfer-check').on('click', function (event) {
            var sld = $('input[name="transfer_sld"]').val();
            var tld = $('select[name="transfer_tld"]').val();
            $('#domain-action').val('transfer');
            var domain = sld + tld;

            bb.post(
                'guest/servicedomain/can_be_transferred',
                {sld: sld, tld: tld},
                function (result) {
                    setTransferPricing(tld);
                    $('#domain-name').text(domain);
                    $('#domain-transfer-config').fadeIn('fast');
                    $('.onAfterDomainCheck').fadeIn('fast');
                    $('#transfer-check').hide();
                    $('#transfer .order-button').show();
                }
            );

            return false;
        });

        $('#domain-check').on('click', function (event) {
            var sld = $('input[name="register_sld"]').val();
            sld = sld.toLowerCase();
            var tld = $('select[name="register_tld"]').val();
            var domain = sld + tld;
            $('#domain-action').val('register');
            bb.post(
                'guest/servicedomain/check',
                {sld: sld, tld: tld},
                function (result) {
                    setPricing(tld);
                    $('#domain-name').text(domain);
                    $('.onAfterDomainCheck').fadeIn('fast');
                    $('#domain-check').hide();
                    $('#register .order-button').show();
                }
            );

            return false;
        });

        function setPricing(tld) {
            bb.post(
                'guest/servicedomain/pricing',
                {tld: tld},
                function (result) {
                    var s = $("#registration-years");
                    s.find('option').remove();
                    for (i = 1; i < 6; i++) {
                        var price = bb.currency(result.price_registration, 1, "USD", i);

                        s.append(new Option(i + " Year/s @ " + price, i));
                    }
                    $('#config-next').show();
                    $( "#config-next" ).prop( "disabled", false );
                }
            );
        }

        function setTransferPricing(tld) {
            bb.post(
                'guest/servicedomain/pricing',
                {tld: tld},
                function (result) {
                    var price = bb.currency(result.price_transfer, 1, "USD");
                    $('#transfer-price').text(price);
                    $('#config-next').show();
                    $( "#config-next" ).prop( "disabled", false );
                }
            );
        }
    });
</script>

                    
                    

                    <input type="hidden" name="multiple" value="1" />
                    <input type="hidden" name="id" value="1" />
                    <div class="mt-2 mb-0">
                        <button type="submit" class="btn btn-primary" id="config-next">Next</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>


                                            
<div class="accordion-item">
    <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button"
                data-bs-toggle="collapse" data-bs-target="#register" aria-controls="register">
            <svg class="svg-icon me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                <path
                    d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z"/>
            </svg>
            <span>Login or Register</span>
        </button>
    </h2>
    <div id="register" class="accordion-collapse collapse"
         data-bs-parent="#orderManager">
        <div class="accordion-body">
            <div role="tablist">
                <div class="tab-content" id="nav-tabContent">
                    <div class="tab-pane show active" id="sign-in" role="tabpanel" aria-labelledby="in-tab"
                         tabindex="0">
                        <form method="post" class="api-form" action="https://www.c4calc.com/api/guest/client/login" data-api-jsonp="onLogin">
                            <input type="hidden" name="CSRFToken" value="d41d8cd98f00b204e9800998ecf8427e"/>
                            <div class="row">
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="email" name="email" id="email"
                                           required="required"
                                           value=""
                                           placeholder="Email Address"
                                           data-validation-required-message="You must fill in your email.">
                                    <label for="email" class="ms-2">Email Address</label>
                                </div>
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="password" name="password" id="password"
                                           required="required"
                                           value=""
                                           placeholder="Password"
                                           data-validation-required-message="You must fill in your password.">
                                    <label for="password" class="ms-2">Password</label>
                                </div>
                            </div>
                            <div class="d-flex gap-2">
                                <button class="btn btn-sm btn-primary" type="submit">
                                    Login
                                </button>
                                <button class="btn btn-sm btn-link" id="up-tab" data-bs-toggle="tab" data-bs-target="#sign-up"
                                        type="button" role="tab" aria-controls="sign-up"
                                        aria-selected="false">Create account</button>
                            </div>
                        </form>
                    </div>
                    <div class="tab-pane" id="sign-up" role="tabpanel" aria-labelledby="up-tab" tabindex="0">
                        <form class="api-form" action="https://www.c4calc.com/api/guest/client/create" method="post" data-api-jsonp="onAccountCreate">
                            <input type="hidden" name="CSRFToken" value="d41d8cd98f00b204e9800998ecf8427e"/>
                                                        <div class="row">
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="email" name="email" id="reg-email"
                                           required="required"
                                           value=""
                                           placeholder="Email Address">
                                    <label for="reg-email" class="ms-2">Email Address</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="text" name="first_name" id="first-name"
                                           required="required"
                                           value=""
                                           placeholder="First Name">
                                    <label for="first-name" class="ms-2">First Name</label>
                                </div>
                            </div>

                            
                            
                            
                            
                            <div class="row">
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="password" name="password" id="reg-password"
                                           required="required"
                                           placeholder="Password">
                                    <label for="reg-password" class="ms-2">Password</label>
                                </div>
                            </div>

                            <div class="row">
                                <div class="form-floating col-md-7 mb-3">
                                    <input class="form-control form-control-sm" type="password" name="password_confirm" id="password-confirm"
                                           required="required"
                                           placeholder="Confirm password">
                                    <label for="password-confirm" class="ms-2">Confirm password</label>
                                </div>
                            </div>

                            
                            
                            
                            
                            
                            
                            
                                                                                    

                                                            <div class="form-check mb-1">
                                    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault" required>
                                    <label class="form-check-label" for="flexCheckDefault">
                                                                                <span>I agree to the <a href="https://www.c4calc.com/tos" target="_blank">terms of service</a> and <a href="https://www.c4calc.com/privacy-policy" target="_blank">privacy policy</a>.</span>
                                    </label>
                                </div>
                                                        <div class="d-flex gap-2">
                                <button class="btn btn-sm btn-primary" type="submit">Register</button>
                                <button class="btn btn-sm btn-link active" id="in-tab" data-bs-toggle="tab"
                                        data-bs-target="#sign-in" type="button" role="tab"
                                        aria-controls="sign-in"
                                        aria-selected="true">Already a user?
                                </button>
                            </div>
                                                    </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

                    
                    <div class="accordion-item">
    <h2 class="accordion-header">
        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#checkout" aria-expanded="false" aria-controls="checkout">
            <svg class="svg-icon me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,18A2,2 0 0,1 19,20A2,2 0 0,1 17,22C15.89,22 15,21.1 15,20C15,18.89 15.89,18 17,18M1,2H4.27L5.21,4H20A1,1 0 0,1 21,5C21,5.17 20.95,5.34 20.88,5.5L17.3,11.97C16.96,12.58 16.3,13 15.55,13H8.1L7.2,14.63L7.17,14.75A0.25,0.25 0 0,0 7.42,15H19V17H7C5.89,17 5,16.1 5,15C5,14.65 5.09,14.32 5.24,14.04L6.6,11.59L3,4H1V2M7,18A2,2 0 0,1 9,20A2,2 0 0,1 7,22C5.89,22 5,21.1 5,20C5,18.89 5.89,18 7,18M16,11L18.78,6H6.14L8.5,11H16Z" /></svg>
            <span>Cart</span>&nbsp;<span class="badge bg-success">0</span>
        </button>
    </h2>
    </div>

<script type="text/javascript">
    $('.remove-cart-item').on('click', function(e) {
        e.preventDefault();

        var btn = $(this);

        if (confirm("Are you sure you want to remove this item from cart?")) {
            var item_id = $(btn).attr('data-cart-item-id');

            bb.post("guest/cart/remove_item", { id: item_id, CSRFToken: "d41d8cd98f00b204e9800998ecf8427e" }, function(r) {
                FOSSBilling.message("Item was removed from cart");
                location.reload(false);
            });
        }
    });
</script>


                    <div class="accordion-item">
                        <h2 class="accordion-header">
                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#payment-html" aria-expanded="false" aria-controls="payment-html">
                                <svg class="svg-icon me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
                                    <path
                                        d="M20,8H4V6H20M20,18H4V12H20M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"/>
                                </svg>
                                Payment
                            </button>
                        </h2>
                        <div id="payment-html" class="accordion-collapse collapse" data-bs-parent="#orderManager">
                            <div class="accordion-body">
                                <div class="accordion-inner" id="payment-html-inner"></div>
                            </div>
                        </div>
                    </div>

                </div>
                                    <div class="d-flex justify-content-center small text-muted pt-3 pb-2">
                        <span>Powered by</span>&nbsp;<a href="https://fossbilling.org"
                                                                      title="Billing Software" target="_blank">FOSSBilling
                            Community</a>
                    </div>
                
            </div>
        </div>
    </div>
</div>
<div class="loading"
     style="display: none; background: rgba(0,0,0,.5) no-repeat; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999;">
    <img src="https://www.c4calc.com/modules/Orderbutton/assets/img/assets/loaders/loader8.gif"
         style="display: block; margin-left: auto; margin-right: auto;position: relative; top : 50%">
</div>
    <div aria-live="polite" aria-atomic="true" class="position-relative">
        <div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 1070;"></div>
    </div>
    
</body>
</html>

                </div>
            </div>
        </div>
    </div>

                            

                                                    </div>
                    </section>
                    <div id="push"></div>
                </div>

                                    <footer id="footer" class="small text-muted mt-2 mb-3">
                        <div class="d-flex flex-column">
                            <div class="d-flex justify-content-center">
                                <span>&copy; 2026 FOSSBilling.org - Client Management, Invoicing and Support Software
                                                                    </span>
                            </div>
                            <div class="d-flex justify-content-center">
                                                                                                                                                            </div>
                                                            <div class="d-flex justify-content-center">
                                    <span>Powered by the&nbsp;</span>
                                    <a class="link-offset-2 link-offset-3-hover link-underline link-underline-opacity-0 link-underline-opacity-75-hover"
                                        href="https://fossbilling.org" title="Billing Software"
                                       target="_blank">FOSSBilling Community</a>
                                </div>
                                                    </div>
                    </footer>
                            </div>
        </div>
    </div>
    <div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 1070;"></div>
            <a href="#top" class="position-fixed btn btn-primary bottom-0 end-0 m-3">
            <span class="awe-arrow-up"></span> Top</a>
        <div class="wait" style="display:none" onclick="$(this).hide();">
        <div class="spinner-border"
             style="width: 4rem; height: 4rem; top: 50%; left: 50%; position: fixed; z-index: 999"></div>
    </div>
    <noscript>NOTE: Many features on FOSSBilling require Javascript and cookies. You can enable both in your browser&#039;s preference settings.</noscript>

    
        
    </div>

</body>
</html>