One Hat Cyber Team
Your IP :
18.222.24.23
Server IP :
50.28.103.30
Server :
Linux host.jcukjv-lwsites.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
Server Software :
nginx/1.24.0
PHP Version :
8.3.12
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
www
/
wwwroot
/
sd.electronharmony.com
/
invoice
/
Edit File:
invoice.php
<?php include 'invoice_xs.php'; ?> <!DOCTYPE html> <html lang="zxx"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Fully Responsive Admin & Dashboard Template" /> <meta name="keyword" content="" /> <meta name="author" content="WRAPCODERS" /> <!--! The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags !--> <!--! BEGIN: Google Fonts !--><link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet" /> <!--! END: Google Fonts !--> <!--! BEGIN: Favicon !--> <link rel="shortcut icon" type="image/x-icon" href="./../assets/images/favicon.ico" /> <!--! END: Favicon !--> <!--! BEGIN: Apps Title !--> <title>Invoice</title> <!--! END: Apps Title !--> <!--! BEGIN: Page Vendors -!--> <link rel="stylesheet" href="./../assets/vendors/bootstrap-datepicker/css/bootstrap-datepicker.min.css" /> <link rel="stylesheet" href="./../assets/vendors/select2/css/select2.min.css" /> <!--! END: Page Vendors -!--> <!--! BEGIN: MatisMenu CSS -!--> <link rel="stylesheet" href="./../assets/vendors/metismenu/metisMenu.min.css"> <!--! END: MatisMenu CSS -!--> <!--! BEGIN: Flaticon CSS -!--> <link rel="stylesheet" href="./../assets/vendors/@flaticon/flaticon-uicons/css/all/all.css"> <!--! END: Flaticon CSS -!--> <!--! BEGIN: Theme CSS -!--> <link rel="stylesheet" type="text/css" href="./../assets/css/theme.min.css"> <!--! END: Theme CSS -!--> <!--! Start:: Color Modes JS -!--> <script src="./../assets/js/color-modes.min.js"></script> <!--! End:: Color Modes JS -!--> <!--! HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries !--> <!--! WARNING: Respond.js doesn"t work if you view the page via file: !--> <!--[if lt IE 9]> <script src="https:oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https:oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!--! ================================================================ !--> <!--! Start:: Main Wrapper !--> <!--! ================================================================ !--> <div class="main-wrapper"> <!--! ================================================================ !--> <!--! Start:: Main Menu !--> <!--! ================================================================ !--> <aside class="edash-menu position-fixed z-1030 start-0 top-0 end-0 bottom-0 bg-body-tertiary border-end" id="edash-menu" > <!-- Start:: Logo --> <div class="edash-menu-header ht-80 d-flex align-items-center px-5 py-4 position-relative" > <a href="index.html" class="edash-logo"> <img src="./../assets/images/logo-main.png" alt="logo" class="img-fluid edash-logo-main" /> <img src="./../assets/images/logo-abbr.png" alt="logo" class="img-fluid edash-logo-abbr" /> </a> </div> <!-- End:: Logo --> <!-- Start:: Sidebar Nav --> <nav class="edash-sidebar-nav position-relative z-2" id="edash-sidebar-nav" style="height: calc(100vh - 5rem)" > <ul class="edash-metismenu" id="edash-metismenu"> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Navigations </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-airplay"></i> <span class="mm-text">Dashboards</span> </a> <ul> <li><a class="sub-menu" href="index.html">eCommerce</a></li> <li> <a class="sub-menu" href="./index-analytics.html">Analytics</a> </li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Webapps </li> <li> <a href="./app-chat.html"> <i class="fi fi-rr-comment-alt-dots"></i> <span class="mm-text">Chat</span> </a> </li> <li> <a href="./app-email.html"> <i class="fi fi-rr-envelope-dot"></i> <span class="mm-text">Email</span> </a> </li> <li> <a href="./app-invoice.html"> <i class="fi fi-rr-file-invoice"></i> <span class="mm-text">Invoice</span> </a> </li> <li> <a href="./app-kanban.html"> <i class="fi fi-rr-square-kanban"></i> <span class="mm-text">Kanban</span> </a> </li> <li> <a href="./app-calendar.html"> <i class="fi fi-rr-calendar"></i> <span class="mm-text">Calendar</span> </a> </li> <li> <a href="./app-file-manager.html"> <i class="fi fi-rr-move-to-folder"></i> <span class="mm-text">File Manager</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Components </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-layers"></i> <span class="mm-text">Base</span> </a> <ul> <li> <a href="./base-accordion.html" class="sub-menu">Accordion</a> </li> <li><a href="./base-avatar.html" class="sub-menu">Avatar</a></li> <li><a href="./base-button.html" class="sub-menu">Button</a></li> <li><a href="./base-card.html" class="sub-menu">Card</a></li> <li><a href="./base-carousel.html" class="sub-menu">Carousel</a></li> <li><a href="./base-dropdown.html" class="sub-menu">Dropdown</a></li> <li><a href="./base-modal.html" class="sub-menu">Modal</a></li> <li><a href="./base-navtab.html" class="sub-menu">NavTab</a></li> <li><a href="./base-toast.html" class="sub-menu">Toast</a></li> <li> <a href="./base-miscellaneous.html" class="sub-menu" >Miscellaneous</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-heart"></i> <span class="mm-text">Icons</span> </a> <ul> <li><a href="./icon-feather.html" class="sub-menu">Feather</a></li> <li><a href="./icon-flaticon.html" class="sub-menu">Flaticon</a></li> <li> <a href="./icon-bootstrap.html" class="sub-menu">Bootstrap</a> </li> <li> <a href="./icon-fontawesome.html" class="sub-menu">Fontawesome</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-list"></i> <span class="mm-text">Tables</span> </a> <ul> <li><a href="./table-default.html" class="sub-menu">Default</a></li> <li><a href="./table-bstable.html" class="sub-menu">bsTable</a></li> <li><a href="./table-footable.html" class="sub-menu">fooTable</a></li> <li> <a href="./table-datatable.html" class="sub-menu">dataTable</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-chart-histogram"></i> <span class="mm-text">Charts</span> </a> <ul> <li><a href="./chart-apex.html" class="sub-menu">Apex</a></li> <li><a href="./chart-float.html" class="sub-menu">Float</a></li> <li><a href="./chart-chartjs.html" class="sub-menu">ChartJS</a></li> <li><a href="./chart-peity.html" class="sub-menu">Peity</a></li> <li><a href="./chart-progress.html" class="sub-menu">Progress</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-table-layout"></i> <span class="mm-text">Forms</span> </a> <ul> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Advanced</a > <ul> <li> <a href="./form-adv-radio.html" class="sub-menu">Radios</a> </li> <li> <a href="./form-adv-switch.html" class="sub-menu">Switchs</a> </li> <li> <a href="./form-adv-check.html" class="sub-menu">Checkbox</a> </li> </ul> </li> <li><a href="./form-elements.html" class="sub-menu">Elements</a></li> <li> <a href="./form-validation.html" class="sub-menu">Validation</a> </li> <li> <a href="./form-touchspin.html" class="sub-menu">TouchSpin</a> </li> <li> <a href="./form-inputmask.html" class="sub-menu">InputMask</a> </li> <li><a href="./form-repeater.html" class="sub-menu">Repeater</a></li> <li> <a href="./form-nouislider.html" class="sub-menu">noUiSlider</a> </li> <li> <a href="./form-maxlength.html" class="sub-menu">Maxlength</a> </li> <li> <a href="./form-clipboard.html" class="sub-menu">Clipboard</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-list-dropdown"></i> <span class="mm-text">Selects</span> </a> <ul> <li><a href="./select-select2.html" class="sub-menu">Select2</a></li> <li> <a href="./select-selectize.html" class="sub-menu">Selectize</a> </li> <li><a href="./select-tagify.html" class="sub-menu">Tagify</a></li> <li><a href="./select-choices.html" class="sub-menu">Choices</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-object-group"></i> <span class="mm-text">Editors</span> </a> <ul> <li><a href="./editor-quill.html" class="sub-menu">Quill</a></li> <li><a href="./editor-tinymce.html" class="sub-menu">TinyMCE</a></li> <li> <a href="./editor-summernote.html" class="sub-menu">Summernote</a> </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-eye-dropper"></i> <span class="mm-text">Pickers</span> </a> <ul> <li> <a href="./picker-flatpickr.html" class="sub-menu">Flatpickr</a> </li> <li> <a href="./picker-selectpicker.html" class="sub-menu" >SelectPicker</a > </li> <li> <a href="./picker-timepicker.html" class="sub-menu">TimePicker</a> </li> <li> <a href="./picker-bsdatepicker.html" class="sub-menu" >BsDatePicker</a > </li> <li> <a href="./picker-daterangepicker.html" class="sub-menu" >DaterangePicker</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-marker"></i> <span class="mm-text">Maps</span> </a> <ul> <li><a href="./map-gmaps.html" class="sub-menu">Google Maps</a></li> <li><a href="./map-vector.html" class="sub-menu">Vector Maps</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-apps-add"></i> <span class="mm-text">Extended</span> </a> <ul> <li> <a href="./extended-sweetalert2.html" class="sub-menu" >SweetAlert2</a > </li> <li> <a href="./extended-gLightbox.html" class="sub-menu">GLightbox</a> </li> <li> <a href="./extended-owlcarousel.html" class="sub-menu" >owlCarousel</a > </li> <li><a href="./extended-swiper.html" class="sub-menu">Swiper</a></li> <li><a href="./extended-jstree.html" class="sub-menu">jsTree</a></li> </ul> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Pages </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-circle-user"></i> <span class="mm-text">Account</span> </a> <ul> <li> <a href="./account-overview.html" class="sub-menu">Overview</a> </li> <li> <a href="./account-activity.html" class="sub-menu">Activity</a> </li> <li><a href="./account-contact.html" class="sub-menu">Contact</a></li> <li><a href="./account-project.html" class="sub-menu">Project</a></li> <li><a href="./account-billing.html" class="sub-menu">Billing</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-user-gear"></i> <span class="mm-text">Settings</span> </a> <ul> <li> <a href="./settings-account.html" class="sub-menu">Account</a> </li> <li> <a href="./settings-security.html" class="sub-menu">Security</a> </li> <li> <a href="./settings-billing.html" class="sub-menu" >Billing & Plans</a > </li> <li> <a href="./settings-notification.html" class="sub-menu" >Notification</a > </li> <li> <a href="./settings-integration.html" class="sub-menu" >Integration</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-browser"></i> <span class="mm-text">General</span> </a> <ul> <li><a href="./general-starter.html" class="sub-menu">Starter</a></li> <li><a href="./general-pricing.html" class="sub-menu">Pricing</a></li> <li> <a href="./general-helpdesk.html" class="sub-menu">Helpdesk</a> </li> <li> <a href="general-maintenance.html" class="sub-menu">Maintenance</a> </li> <li> <a href="general-commingsoon.html" class="sub-menu">Comming Soon</a> </li> <li> <a href="./general-privacy.html" class="sub-menu" >Privacy & Policy</a > </li> <li> <a href="./general-terms.html" class="sub-menu" >Terms of Services</a > </li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-lock"></i> <span class="mm-text">Authentication</span> </a> <ul> <li><a href="./auth-login.html" class="sub-menu">Login</a></li> <li><a href="./auth-register.html" class="sub-menu">Register</a></li> <li><a href="./auth-reset.html" class="sub-menu">Resetting</a></li> <li><a href="./auth-recover.html" class="sub-menu">Recovery</a></li> <li> <a href="./auth-otp.html" class="sub-menu">Two-factor (OTP)</a> </li> <li> <a href="./auth-lockscreen.html" class="sub-menu">Lock Screen</a> </li> <li><a href="auth-404.html" class="sub-menu">Error-404</a></li> </ul> </li> <li> <a class="has-arrow" href="javascript:void(0);"> <i class="fi fi-rr-settings-sliders"></i> <span class="mm-text">Menu Level</span> </a> <ul> <li><a class="sub-menu" href="javascript:void(0);">Level-1</a></li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);">Level-1</a> <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-2</a> </li> <li> <a class="sub-menu has-arrow" href="javascript:void(0);" >Level-2</a > <ul> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> <li> <a class="sub-menu" href="javascript:void(0);">Level-3</a> </li> </ul> </li> </ul> </li> </ul> </li> <li class="disabled"> <a href="javascript:void(0);"> <i class="fi fi-rr-ban"></i> <span class="mm-text">Disabled</span> </a> </li> <li class="nav-label mb-2 mt-4 px-5 fs-11 fw-semibold text-muted text-uppercase" style="letter-spacing: 1px" > Supports </li> <li> <a href="mailto:wrapcoders@gmail.com"> <i class="fi fi-rr-life-ring"></i> <span class="mm-text">Supports</span> </a> </li> <li> <a href="./../../docs/documentation.html" target="_blank"> <i class="fi fi-rr-book-alt"></i> <span class="mm-text">Documentation</span> </a> </li> </ul> <div class="card text-center mx-3 mt-6 mb-4 bg-primary-subtle"> <div class="card-body vstack gap-4"> <i class="fi fi-rr-rocket-lunch fs-1 text-primary" style="transform: rotate(320deg)" ></i> <div> <h5 class="mb-2 text-primary">Help Center</h5> <p class="fs-13 fw-light mb-0 text-primary"> Expodash is a production ready multi dashboard to get started up and running easily. </p> </div> <a href="mailto:wrapcoders@gmail.com" class="btn btn-primary text-white w-100" >Get Support</a > </div> </div> </nav> <!-- End:: Sidebar Nav --> </aside> <!--! ================================================================ !--> <!--! End:: Main Menu !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Main Content !--> <!--! ================================================================ !--> <main id="edash-main"> <!--! ================================================================ !--> <!--! Start:: Header !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! End:: Header !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Page Content !--> <!--! ================================================================ !--> <div class="edash-page-container container-xxl" id="edash-page-container" > <!--! Start:: Content Section !--> <div class="edash-content-section"> <!-- Start:: card --> <div class="edash-apps-main-card card position-relative" id="edash-apps-main-card" > <!-- Start:: row --> <div class="row g-0 overflow-hidden"> <!--! ================================ !--> <!--! Start:: edash-aside-left !--> <!--! ================================ !--> <div class="edash-aside-left edash-aside-wd-md col bg-body-tertiary border-end rounded-start-3" id="edash-aside-left" > <!-- Start:: edash-aside-left-header --> <div class="edash-aside-left-header ht-80 px-4 d-flex align-items-center justify-content-between" > <h2 class="fs-20 fw-semibold mb-0">Invoice</h2> <a href="javascript:void(0);" class="btn btn-icon btn-light d-lg-none" data-edash-trigger="edash-aside-left-close" > <i class="fi fi-br-cross fs-13"></i> </a> </div> <!-- End:: edash-aside-left-header --> <hr class="my-0" /> <!-- Start:: edash-aside-left-body --> <div class="edash-aside-left-body position-relative init-perfect-scroll-bar" > <div class="p-4 d-grid"> <a href="javascript:void(0);" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addInvoiceModal" >Add Invoice</a > </div> <hr class="my-0 border-top-dashed" /> <div class="d-flex flex-column"> <h6 class="fs-12 text-uppercase text-muted px-4 pt-4" style="letter-spacing: 0.05rem" > Invoices </h6> <div class="list-group list-group-flush px-2 pb-2"> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>date:</div> <div>Grand Total: grand_total</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Yes </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/11.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #987456</div> <div>Amount: $249.50</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Paid </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/10.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #852369</div> <div>Amount: $249.50</div> </div> <div class="badge bg-danger-subtle text-danger ms-auto" > Unpaid </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/9.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #459632</div> <div>Amount: $249.50</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Paid </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/8.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #658963</div> <div>Amount: $249.50</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Paid </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/7.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #874569</div> <div>Amount: $249.50</div> </div> <div class="badge bg-warning-subtle text-warning ms-auto" > Pending </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/6.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #258745</div> <div>Amount: $249.50</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Paid </div> </div> </a> <a href="javascript:void(0);" class="list-group-item list-group-item-action border-bottom-0 rounded-2 p-3 d-flex align-items-center gap-3" > <div class="avatar avatar-md flex-shrink-0"> <img src="./../assets/images/avatar/5.png" class="img-fluid rounded-circle" alt="image" /> <span class="avatar-indicator active"></span> </div> <div class="w-100 d-flex align-items-center"> <div class="fw-normal fs-13 text-muted flex-shrink-0" > <div>Invoice: #984563</div> <div>Amount: $249.50</div> </div> <div class="badge bg-success-subtle text-success ms-auto" > Paid </div> </div> </a> </div> </div> </div> <!-- End:: edash-aside-left-body --> <hr class="my-0" /> <!-- Start:: edash-aside-left-footer --> <div class="edash-aside-left-footer ht-60 px-4 d-flex flex-wrap align-items-center text-muted fs-12 fw-medium text-uppercase" style="letter-spacing: 0.05rem" > <span>Copyright ©</span> <script> document.write(new Date().getFullYear()); </script> </div> <!-- End:: edash-aside-left-footer --> </div> <!--! ================================ !--> <!--! End:: edash-aside-left !--> <!--! ================================ !--> <!--! ================================ !--> <!--! Start:: edash-main-content !--> <!--! ================================ !--> <div class="edash-main-content col position-relative overflow-hidden" > <!-- Start:: edash-main-content-header --> <div class="edash-main-content-header ht-80 px-3 px-md-4 d-flex align-items-center justify-content-between gap-3" > <!-- Start:: edash-content-header-left --> <div class="hstack"> <a href="javascript:void(0);" class="btn btn-icon btn-light flex-shrink-0 d-lg-none" data-edash-trigger="edash-aside-left-open" > < </a> <h4 class="mb-0">DATE : <?php echo htmlspecialchars(date('d M Y', strtotime($row['date']))); ?></h4> </div> <!-- End:: edash-content-header-left --> <!-- Start:: edash-content-header-right --> <!-- End:: edash-content-header-right --> </div> <!-- End:: edash-main-content-header --> <hr class="my-0" /> <!-- Start:: edash-main-content-body --> <div class="edash-main-content-body edash-without-aside-footer p-3 p-md-4 position-relative init-perfect-scroll-bar" > <div class="py-xxxl-12 px-xxxl-24"> <!-- Start:: invoce-address--> <!-- Start:: invoce-table--> <div class="table-responsive"> <table class="table table-borderless mb-0"> <thead> <tr> <th class="ps-0">Description</th> <th class="text-end">QTY</th> <th class="pe-0 text-end">Amount</th> </tr> </thead> <!-- 显示日期 --> <!-- 表格内容 --> <tbody> <!-- $1 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> --- $ 1 --- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['one_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['one_dollar_total']); ?> </td> </tr> <!-- $5 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> --- $ 5 --- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['five_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['five_dollar_total']); ?> </td> </tr> <!-- $10 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> --- $ 10 --- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['ten_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['ten_dollar_total']); ?> </td> </tr> <!-- $20 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> --- $ 20 --- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['twenty_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['twenty_dollar_total']); ?> </td> </tr> <!-- $50 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> --- $ 50 --- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['fifty_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['fifty_dollar_total']); ?> </td> </tr> <!-- $100 Denomination --> <tr> <td class="ps-0"> <button type="button" class="btn btn-soft-outline-secondary"> -- $ 100 -- </button> </td> <td class="text-end"><?php echo htmlspecialchars($row['hundred_dollar_qty']); ?></td> <td class="pe-0 text-dark fw-semibold text-end"> $<?php echo htmlspecialchars($row['hundred_dollar_total']); ?> </td> </tr> <!-- Daily Float --> <tr> <td colspan="1"></td> <td class="fs-13 text-muted text-end">Daily Float</td> <td class="pe-0 fw-semibold text-dark text-end"> $<?php echo htmlspecialchars($row['daily_float_amount']); ?> </td> </tr> <!-- Daily Cash Intake --> <tr> <td colspan="1"></td> <td class="fs-13 text-muted text-end">Daily Cash Intake</td> <td class="pe-0 fw-semibold text-dark text-end"> $<?php echo htmlspecialchars($row['daily_cash_intake']); ?> </td> </tr> <!-- Tip --> <tr> <td colspan="1"></td> <td class="fs-13 text-muted text-end">Tip</td> <td class="pe-0 fw-semibold text-dark text-end"> $<?php echo htmlspecialchars($row['tip_amount']); ?> </td> </tr> <!-- Cash Out --> <tr> <td colspan="1"></td> <td class="fs-13 text-muted text-end">Cash Out</td> <td class="pe-0 fw-semibold text-dark text-end"> $<?php echo htmlspecialchars($row['cash_out_amount']); ?> </td> </tr> <!-- Grand Total --> <tr> <td colspan="1"></td> <td class="fs-14 fw-semibold text-dark text-end">Grand Total</td> <td class="pe-0 fs-18 fw-semibolder text-dark text-end"> $<?php echo htmlspecialchars($row['grand_total']); ?> </td> </tr> </tbody> </table> <div class="card-footer"> <ul class="pagination mb-0"> <li class="page-item"> <a class="page-link" href="javascript:void(0);" aria-label="Previous"> <span aria-hidden="true">←</span> </a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);">1</a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);">2</a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);">...</a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);">4</a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);">10</a> </li> <li class="page-item"> <a class="page-link" href="javascript:void(0);" aria-label="Next"> <span aria-hidden="true">→</span> </a> </li> </ul> </div> </div> <!-- End:: invoce-table --> </div> </div> <!-- End:: edash-main-content-body --> <!--! ================================ !--> <!-- Start:: eedash-aside-right --> <!--! ================================ !--> <!--! ================================ !--> <!-- End:: eedash-aside-right --> <!--! ================================ !--> </div> <!--! ================================ !--> <!--! End:: edash-main-content !--> <!--! ================================ !--> </div> <!-- Start:: row --> <div class="edash-backdrop" id="edash-left-backdrop" data-edash-trigger="edash-aside-left-close" ></div> <div class="edash-backdrop" id="edash-right-backdrop" data-edash-trigger="edash-aside-right-close" ></div> </div> <!-- End:: card --> </div> <!--! End:: Content Section !--> </div> <!--! ================================================================ !--> <!--! End:: Page Content !--> <!--! ================================================================ !--> </main> <!--! ================================================================ !--> <!--! End:: Main Content !--> <!--! ================================================================ !--> <div class="edash-menu-backdrop" id="edash-menu-hide"></div> </div> <!--! ================================================================ !--> <!--! End:: Main Wrapper !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Start:: Voice Call Modals !--> <!--! ================================================================ !--> <div class="modal fade" id="addInvoiceModal" data-bs-backdrop="static" aria-hidden="true" > <div class="modal-dialog modal-dialog-centered modal-xl"> <div class="modal-content"> <div class="modal-header d-flex align-items-center"> <h5 class="modal-title">Add Invoice</h5> <a href="javascript:void(0);" class="btn btn-icon btn-md btn-light" data-bs-dismiss="modal" > <i class="fi fi-br-cross fs-13"></i> </a> </div> <div class="modal-body"> <form method="POST" action="add_invoice.php" class="p-4 border rounded bg-light"> <h5 class="text-primary mb-4">Cash Denominations</h5> <div class="row gy-3"> <!-- 1 Dollar --> <div class="col-md-3"> <label>1 Dollar Quantity</label> <input type="text" name="one_dollar_qty" class="form-control" placeholder="Qty" required> <label>1 Dollar Total</label> <input type="text" name="one_dollar_total" class="form-control" placeholder="Total" required> </div> <!-- 5 Dollar --> <div class="col-md-3"> <label>5 Dollar Quantity</label> <input type="text" name="five_dollar_qty" class="form-control" placeholder="Qty" required> <label>5 Dollar Total</label> <input type="text" name="five_dollar_total" class="form-control" placeholder="Total" required> </div> <!-- 10 Dollar --> <div class="col-md-3"> <label>10 Dollar Quantity</label> <input type="text" name="ten_dollar_qty" class="form-control" placeholder="Qty" required> <label>10 Dollar Total</label> <input type="text" name="ten_dollar_total" class="form-control" placeholder="Total" required> </div> <!-- 20 Dollar --> <div class="col-md-3"> <label>20 Dollar Quantity</label> <input type="text" name="twenty_dollar_qty" class="form-control" placeholder="Qty" required> <label>20 Dollar Total</label> <input type="text" name="twenty_dollar_total" class="form-control" placeholder="Total" required> </div> </div> <div class="row gy-3 mt-4"> <!-- 50 Dollar --> <div class="col-md-3"> <label>50 Dollar Quantity</label> <input type="text" name="fifty_dollar_qty" class="form-control" placeholder="Qty" required> <label>50 Dollar Total</label> <input type="text" name="fifty_dollar_total" class="form-control" placeholder="Total" required> </div> <!-- 100 Dollar --> <div class="col-md-3"> <label>100 Dollar Quantity</label> <input type="text" name="hundred_dollar_qty" class="form-control" placeholder="Qty" required> <label>100 Dollar Total</label> <input type="text" name="hundred_dollar_total" class="form-control" placeholder="Total" required> </div> <!-- Daily Float Amount --> <div class="col-md-3"> <label>Daily Float Amount</label> <input type="text" name="daily_float_amount" class="form-control" placeholder="Amount" required> </div> <!-- Daily Cash Intake --> <div class="col-md-3"> <label>Daily Cash Intake</label> <input type="text" name="daily_cash_intake" class="form-control" placeholder="Amount" required> </div> </div> <div class="row gy-3 mt-4"> <!-- Tip Amount --> <div class="col-md-3"> <label>Tip Amount</label> <input type="text" name="tip_amount" class="form-control" placeholder="Amount" required> </div> <!-- Cash Out --> <div class="col-md-3"> <label>Cash Out Amount</label> <input type="text" name="cash_out_amount" class="form-control" placeholder="Amount" required> </div> <!-- Grand Total --> <div class="col-md-3"> <label>Grand Total</label> <input type="text" name="grand_total" class="form-control" placeholder="Amount" required> </div> </div> <div class="text-end mt-4"> <button type="submit" class="btn btn-primary">Save Invoice</button> </div> </form> </div> </div> </div> </div> <!--! ================================================================ !--> <!--! End:: Voice Call Modals !--> <!--! ================================================================ !--> <!--! ================================================================ !--> <!--! Footer Script !--> <!--! ================================================================ !--> <!--! BEGIN: Common Vendors !--> <script src="./../assets/js/vendors.min.js"></script> <!--! END: Common Vendors !--> <!--! BEGIN: Apps Common Init !--> <script src="./../assets/js/common-init.min.js"></script> <!--! END: Apps Common Init !--> <!--! BEGIN: Page Vendors -!--> <script src="./../assets/vendors/bootstrap-datepicker/js/bootstrap-datepicker.min.js"></script> <script src="./../assets/vendors/select2/js/select2.full.min.js"></script> <script src="./../assets/js/components/selects/select2-init.min.js"></script> <!--! END: Page Vendors -!--> <!-- BEGIN: Init JS --> <script src="./../assets/js/apps/invoice-init.min.js"></script> <!-- END: Init JS--> <script> $(document).ready(function () { var i = 1; $("#add_row").on("click", function () { b = i - 1; $("#addr" + i) .html($("#addr" + b).html()) .find("td:first-child") .html(i + 1); $("#tab_logic").append('<tr id="addr' + (i + 1) + '"></tr>'); i++; }); $("#delete_row").on("click", function () { if (i > 1) { $("#addr" + (i - 1)).html(""); i--; } calc(); }); $("#tab_logic tbody").on("keyup change", function () { calc(); }); $("#tax").on("keyup change", function () { calc_total(); }); }); function calc() { $("#tab_logic tbody tr").each(function (i, element) { var html = $(this).html(); if (html != "") { var qty = $(this).find(".qty").val(); var price = $(this).find(".price").val(); $(this) .find(".total") .val(qty * price); calc_total(); } }); } function calc_total() { total = 0; $(".total").each(function () { total += parseInt($(this).val()); }); $("#sub_total").val(total.toFixed(2)); tax_sum = (total / 100) * $("#tax").val(); $("#tax_amount").val(tax_sum.toFixed(2)); $("#total_amount").val((tax_sum + total).toFixed(2)); } </script> </body> </html>
Simpan