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> Invoice management </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>
document.addEventListener('DOMContentLoaded', function() {
    const urlParams = new URLSearchParams(window.location.search);
    const tabParam = urlParams.get('tab');
    const pageParam = urlParams.get('page');

    if (tabParam === 'paid') {
        const paidTab = document.getElementById('paid-tab');
        if (paidTab) {
            const tab = new bootstrap.Tab(paidTab);
            tab.show();
        }
    }

    // Update URL when tabs are clicked.
    document.getElementById('unpaid-tab').addEventListener('shown.bs.tab', function() {
        // Reset to base URL without tab parameter and reload.
        const newUrl = new URL(window.location.href);
        newUrl.searchParams.delete('tab');
        newUrl.searchParams.delete('page');
        window.location.href = newUrl.toString();
    });

    document.getElementById('paid-tab').addEventListener('shown.bs.tab', function() {
        // Set tab to 'paid', reset page parameter and reload.
        const newUrl = new URL(window.location.href);
        newUrl.searchParams.set('tab', 'paid');
        newUrl.searchParams.delete('page');
        window.location.href = newUrl.toString();
    });
});
</script>
</head>

<body class="invoice-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="breadcrumb-item active" aria-current="page">Invoices</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>
                            <h1 class="mb-1">Invoices</h1>
                            <span class="small text-muted">
                                All of your invoices can be found here. You can choose to see either paid or unpaid invoices by clicking corresponding button.
                            </span>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <nav>
                        <div class="nav nav-tabs" id="invoice-tab" role="tablist">
                            <button class="nav-link active" id="unpaid-tab" data-bs-toggle="tab"
                                    data-bs-target="#nav-unpaid" type="button" role="tab" aria-controls="nav-unpaid"
                                    aria-selected="true">Unpaid</button>
                            <button class="nav-link" id="paid-tab" data-bs-toggle="tab" data-bs-target="#nav-paid"
                                    type="button" role="tab" aria-controls="nav-paid"
                                    aria-selected="false">Paid&nbsp;<span
                                    class="badge bg-secondary"></span></button>
                        </div>
                    </nav>
                    <div class="tab-content" id="nav-tabContent">
                        <div class="tab-pane fade show active table-responsive" id="nav-unpaid" role="tabpanel"
                             aria-labelledby="nav-home-tab" tabindex="0">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Invoice Date</th>
                                    <th>Due Date</th>
                                    <th>Total</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                                                    <tr>
                                        <td colspan="5">The list is empty</td>
                                    </tr>
                                                                </tbody>
                            </table>
                            
                        </div>
                        <div class="tab-pane fade table-responsive" id="nav-paid" role="tabpanel" aria-labelledby="nav-profile-tab"
                             tabindex="0">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th>Title</th>
                                    <th>Invoice Date</th>
                                    <th>Paid Date</th>
                                    <th>Total</th>
                                    <th>Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                                                                                    <tr>
                                        <td colspan="7">The list is empty</td>
                                    </tr>
                                                                </tbody>
                            </table>
                            
                        </div>
                    </div>
                </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>