NoPaste

invoice ninja - bad html output

von heisenberg

SNIPPET_TEXT:
  1. <!DOCTYPE html>
  2. <html lang="de">
  3.  
  4.     <head>
  5.         <!-- Error:  -->
  6.                     <script>
  7.                 function gtag() {
  8.                 }
  9.             </script>
  10.        
  11.         <!-- Title -->
  12.                     <title>Rechnungen — Invoice Ninja</title>
  13.        
  14.         <meta charset="utf-8">
  15.         <meta name="viewport" content="width=device-width, initial-scale=1">
  16.         <meta name="description" content=""/>
  17.  
  18.         <!-- CSRF Token -->
  19.         <meta name="csrf-token" content="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH">
  20.  
  21.         <!-- Scripts -->
  22.         <link rel="modulepreload" href="http://127.0.0.1:8888/build/assets/app-021b0210.js" /><link rel="modulepreload" href="http://127.0.0.1:8888/build/assets/index-08e160a7.js" /><link rel="modulepreload" href="http://127.0.0.1:8888/build/assets/_commonjsHelpers-725317a4.js" /><script type="module" src="http://127.0.0.1:8888/build/assets/app-021b0210.js" data-navigate-track="reload"></script>
  23.         <!-- Fonts -->
  24.         <style>
  25.             @font-face {
  26.               font-family: 'Open Sans';
  27.               font-style: normal;
  28.               font-weight: 400;
  29.               font-stretch: 100%;
  30.               font-display: swap;
  31.               src: url( http://127.0.0.1:8888/css/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0B4gaVI.woff2) format('woff2');
  32.               unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  33.             }
  34.         </style>
  35.         <!-- Styles -->
  36.         <link rel="preload" as="style" href="http://127.0.0.1:8888/build/assets/app-9c3f71d4.css" /><link rel="stylesheet" href="http://127.0.0.1:8888/build/assets/app-9c3f71d4.css" data-navigate-track="reload" />
  37.                     <link href="http://127.0.0.1:8888/favicon.png" rel="shortcut icon" type="image/png">
  38.        
  39.         <link rel="canonical" href="/client/invoices"/>
  40.  
  41.                     <style>
  42.                
  43.             </style>
  44.        
  45.         <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
  46.  
  47.        
  48.        
  49.        
  50.         <link rel="stylesheet" type="text/css" href="http://127.0.0.1:8888/vendor/cookieconsent@3/cookieconsent.min.css" />
  51.     </head>
  52.  
  53.     <style>
  54.     :root {
  55.         --primary-color: #298AAB;
  56.     }
  57.  
  58.     .bg-primary {
  59.         background-color: var(--primary-color);
  60.     }
  61.  
  62.     .bg-primary-darken {
  63.         background-color: var(--primary-color);
  64.         filter: brightness(90%);
  65.     }
  66.  
  67.     .text-primary {
  68.         color: var(--primary-color);
  69.     }
  71.  
  72.     <body class="antialiased">
  73.        
  74.         <div
  75.    class="main_layout h-screen flex overflow-hidden bg-gray-100"
  76.    x-data="{ sidebarOpen: false }"
  77.    @keydown.window.escape="sidebarOpen = false"
  78.    id="main-sidebar">
  79.  
  80.             <!-- Off-canvas menu for mobile -->
  81.         <div class="md:hidden">
  82.     <div @click="sidebarOpen = false" class="fixed inset-0 z-30 bg-gray-600 opacity-0 pointer-events-none transition-opacity ease-linear duration-300" :class="{'opacity-75 pointer-events-auto': sidebarOpen, 'opacity-0 pointer-events-none': !sidebarOpen}"></div>
  83.     <div class="fixed inset-y-0 left-0 flex flex-col z-40 max-w-xs w-full pt-5 pb-4 bg-white transform ease-in-out duration-300 -translate-x-full" :class="{'translate-x-0': sidebarOpen, '-translate-x-full': !sidebarOpen}">
  84.         <div class="absolute top-0 right-0 -mr-14 p-1">
  85.             <button x-show="sidebarOpen" @click="sidebarOpen = false" class="flex items-center justify-center h-12 w-12 rounded-full focus:outline-none focus:bg-gray-600">
  86.                 <svg class="h-6 w-6 text-white" stroke="currentColor" fill="none" viewBox="0 0 24 24">
  87.                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
  88.                 </svg>
  89.             </button>
  90.         </div>
  91.         <div class="flex-shrink-0 flex items-center px-4">
  92.             <img class="h-8 w-auto" src="https://external.domain.tld/storage/IdBFH3dSmSIy8EDrPL76kR94vMrCMeAF/XGsvUDqVaGtXVdyZHbEYI54EiY4yhj08BdB1gnwx.png" alt="CompanyName logo" />
  93.         </div>
  94.         <div class="mt-5 flex-1 h-0 overflow-y-auto">
  95.             <nav class="flex-1 pb-4 pt-0 bg-white">
  96.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 bg-primary text-white" href="http://127.0.0.1:8888/client/invoices">
  97.                                             <img src="http://127.0.0.1:8888/images/svg/file-text.svg"
  98.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  99.                    
  100.                     <span>Rechnungen</span>
  101.                 </a>
  102.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/recurring_invoices">
  103.                                             <img src="http://127.0.0.1:8888/images/svg/dark/file.svg"
  104.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  105.                    
  106.                     <span>Wiederkehrende Rechnungen</span>
  107.                 </a>
  108.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/payments">
  109.                                             <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  110.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  111.                    
  112.                     <span>Zahlungen</span>
  113.                 </a>
  114.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/quotes">
  115.                                             <img src="http://127.0.0.1:8888/images/svg/dark/align-left.svg"
  116.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  117.                    
  118.                     <span>Angebote</span>
  119.                 </a>
  120.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/credits">
  121.                                             <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  122.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  123.                    
  124.                     <span>Gutschrift</span>
  125.                 </a>
  126.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/payment_methods">
  127.                                             <img src="http://127.0.0.1:8888/images/svg/dark/shield.svg"
  128.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  129.                    
  130.                     <span>Zahlungsarten</span>
  131.                 </a>
  132.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/documents">
  133.                                             <img src="http://127.0.0.1:8888/images/svg/dark/download.svg"
  134.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  135.                    
  136.                     <span>Dokumente</span>
  137.                 </a>
  138.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/statement">
  139.                                             <img src="http://127.0.0.1:8888/images/svg/dark/activity.svg"
  140.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  141.                    
  142.                     <span>Bericht</span>
  143.                 </a>
  144.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/plan">
  145.                                             <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  146.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  147.                    
  148.                     <span>Plan</span>
  149.                 </a>
  150.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/subscriptions">
  151.                                             <img src="http://127.0.0.1:8888/images/svg/dark/calendar.svg"
  152.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  153.                    
  154.                     <span>Abonnements</span>
  155.                 </a>
  156.                                 <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:font-semibold transition ease-in-out duration-150 text-gray-900" href="http://127.0.0.1:8888/client/pre_payments">
  157.                                             <img src="http://127.0.0.1:8888/images/svg/dark/dollar-sign.svg"
  158.                             class="w-5 h-5 fill-current mr-3" alt=""/>
  159.                    
  160.                     <span>Vorauszahlung</span>
  161.                 </a>
  162.                             </nav>
  163.  
  164.                         <div class="flex-shrink-0 flex bg-white p-4 justify-center">
  165.                 <div class="flex items-center">
  166.                     <a target="_blank" href="https://www.facebook.com/invoiceninja/">
  167.                         <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  168.                             <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
  169.                         </svg>
  170.                     </a>
  171.                     <a target="_blank" href="https://twitter.com/invoiceninja">
  172.                         <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  173.                             <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
  174.                         </svg>
  175.                     </a>
  176.                     <a target="_blank" href="https://github.com/invoiceninja/invoiceninja">
  177.                         <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  178.                             <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
  179.                         </svg> </a>
  180.                     <a target="_blank" href="https://www.invoiceninja.com/contact">
  181.                         <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  182.                             <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
  183.                             <polyline points="22,6 12,13 2,6"></polyline>
  184.                         </svg>
  185.                     </a>
  186.                     <a target="_blank" href="https://www.youtube.com/channel/UCXAHcBvhW05PDtWYIq7WDFA">
  187.                         <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  188.                             <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path>
  189.                         </svg>
  190.                     </a>
  191.                 </div>
  192.             </div>
  193.                     </div>
  194.         <div class="flex-shrink-0 w-14"></div>
  195.     </div>
  196. </div>
  197.  
  198.         <!-- Static sidebar for desktop -->
  199.                     <div class="hidden md:flex md:flex-shrink-0">
  200.     <div class="flex flex-col w-64">
  201.         <div class="flex items-center h-16 flex-shrink-0 px-4 bg-white border-r justify-center z-10">
  202.             <a href="http://127.0.0.1:8888/client/dashboard">
  203.                 <img class="h-10 w-auto sidebar_logo_override" src="https://external.domain.tld/storage/IdBFH3dSmSIy8EDrPL76kR94vMrCMeAF/XGsvUDqVaGtXVdyZHbEYI54EiY4yhj08BdB1gnwx.png"
  204.                     alt="CompanyName logo"/>
  205.             </a>
  206.         </div>
  207.         <div class="h-0 flex-1 flex flex-col overflow-y-auto z-0 border-r">
  208.             <nav class="flex-1 pb-4 pt-0 bg-white">
  209.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 bg-primary text-white"
  210.                       href="http://127.0.0.1:8888/client/invoices">
  211.                                                     <img src="http://127.0.0.1:8888/images/svg/file-text.svg"
  212.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  213.                        
  214.                         <span>Rechnungen</span>
  215.                     </a>
  216.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  217.                       href="http://127.0.0.1:8888/client/recurring_invoices">
  218.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/file.svg"
  219.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  220.                        
  221.                         <span>Wiederkehrende Rechnungen</span>
  222.                     </a>
  223.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  224.                       href="http://127.0.0.1:8888/client/payments">
  225.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  226.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  227.                        
  228.                         <span>Zahlungen</span>
  229.                     </a>
  230.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  231.                       href="http://127.0.0.1:8888/client/quotes">
  232.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/align-left.svg"
  233.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  234.                        
  235.                         <span>Angebote</span>
  236.                     </a>
  237.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  238.                       href="http://127.0.0.1:8888/client/credits">
  239.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  240.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  241.                        
  242.                         <span>Gutschrift</span>
  243.                     </a>
  244.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  245.                       href="http://127.0.0.1:8888/client/payment_methods">
  246.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/shield.svg"
  247.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  248.                        
  249.                         <span>Zahlungsarten</span>
  250.                     </a>
  251.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  252.                       href="http://127.0.0.1:8888/client/documents">
  253.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/download.svg"
  254.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  255.                        
  256.                         <span>Dokumente</span>
  257.                     </a>
  258.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  259.                       href="http://127.0.0.1:8888/client/statement">
  260.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/activity.svg"
  261.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  262.                        
  263.                         <span>Bericht</span>
  264.                     </a>
  265.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  266.                       href="http://127.0.0.1:8888/client/plan">
  267.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/credit-card.svg"
  268.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  269.                        
  270.                         <span>Plan</span>
  271.                     </a>
  272.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  273.                       href="http://127.0.0.1:8888/client/subscriptions">
  274.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/calendar.svg"
  275.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  276.                        
  277.                         <span>Abonnements</span>
  278.                     </a>
  279.                                     <a class="group flex items-center p-4 text-sm leading-5 font-medium hover:font-semibold focus:outline-none focus:bg-primary-darken transition ease-in-out duration-150 text-gray-900"
  280.                       href="http://127.0.0.1:8888/client/pre_payments">
  281.                                                     <img src="http://127.0.0.1:8888/images/svg/dark/dollar-sign.svg"
  282.                                 class="w-5 h-5 fill-current text-white mr-3" alt=""/>
  283.                        
  284.                         <span>Vorauszahlung</span>
  285.                     </a>
  286.                             </nav>
  287.  
  288.                             <div class="flex-shrink-0 flex bg-white p-4 justify-center">
  289.                     <div class="flex items-center">
  290.                         <a target="_blank" href="https://www.facebook.com/invoiceninja/">
  291.                             <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg"
  292.                                 width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  293.                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  294.                                 <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path>
  295.                             </svg>
  296.                         </a>
  297.                         <a target="_blank" href="https://twitter.com/invoiceninja">
  298.                             <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg"
  299.                                 width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  300.                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  301.                                 <path
  302.                                    d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path>
  303.                             </svg>
  304.                         </a>
  305.                         <a target="_blank" href="https://github.com/invoiceninja/invoiceninja">
  306.                             <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg"
  307.                                 width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  308.                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  309.                                 <path
  310.                                    d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path>
  311.                             </svg>
  312.                         </a>
  313.                         <a target="_blank" href="https://www.invoiceninja.com/contact">
  314.                             <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg"
  315.                                 width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  316.                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  317.                                 <path
  318.                                    d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
  319.                                 <polyline points="22,6 12,13 2,6"></polyline>
  320.                             </svg>
  321.                         </a>
  322.                         <a target="_blank" href="https://www.youtube.com/channel/UCXAHcBvhW05PDtWYIq7WDFA">
  323.                             <svg class="text-gray-900 hover:text-gray-300 mr-4" xmlns="http://www.w3.org/2000/svg"
  324.                                 width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
  325.                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  326.                                 <path
  327.                                    d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path>
  328.                             </svg>
  329.                         </a>
  330.                     </div>
  331.                 </div>
  332.                     </div>
  333.         <div class="flex-shrink-0 w-14"></div>
  334.     </div>
  335. </div>
  336.            
  337.     <div class="flex flex-col w-0 flex-1 overflow-hidden">
  338.                     <div class="relative z-10 flex-shrink-0 flex h-16 bg-white shadow" xmlns:x-transition="http://www.w3.org/1999/xhtml">
  339.     <button @click.stop="sidebarOpen = true" class="px-4 border-r border-gray-200 text-gray-500 focus:outline-none focus:bg-gray-100 focus:text-gray-600 md:hidden">
  340.         <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
  341.             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h7" />
  342.         </svg>
  343.     </button>
  344.     <div class="flex-1 px-3 md:px-8 flex justify-between items-center">
  345.         <span class="text-xl text-gray-900" data-ref="meta-title">Rechnungen</span>
  346.         <div class="flex items-center md:ml-6 md:mr-2">
  347.                         <div @click.outside="open = false" class="ml-3 relative" x-data="{ open: false }">
  348.                 <div>
  349.                     <button data-ref="client-profile-dropdown" @click="open = !open"
  350.                            class="max-w-xs flex items-center text-sm rounded-full focus:outline-none focus:ring">
  351.                         <img class="h-8 w-8 rounded-full" src="http://127.0.0.1:8888/images/svg/user.svg" alt=""/>
  352.                         <span class="ml-2 hidden sm:block">Matthias Falk</span>
  353.                     </button>
  354.                 </div>
  355.                 <div x-show="open" style="display:none;" x-transition:enter="transition ease-out duration-100"
  356.                     x-transition:enter-start="transform opacity-0 scale-95"
  357.                     x-transition:enter-end="transform opacity-100 scale-100"
  358.                     x-transition:leave="transition ease-in duration-75"
  359.                     x-transition:leave-start="transform opacity-100 scale-100"
  360.                     x-transition:leave-end="transform opacity-0 scale-95"
  361.                     class="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg">
  362.                     <div class="py-1 rounded-md bg-white ring-1 ring-black ring-opacity-5">
  363.                         <a data-ref="client-profile-dropdown-settings"
  364.                           href="http://127.0.0.1:8888/client/profile/VolejRejNm/edit"
  365.                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
  366.                             Profil
  367.                         </a>
  368.  
  369.                         <a href="http://127.0.0.1:8888/client/logout"
  370.                           class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition ease-in-out duration-150">
  371.                             Abmelden
  372.                         </a>
  373.                     </div>
  374.                 </div>
  375.             </div>
  376.         </div>
  377.     </div>
  378. </div>
  379.                
  380.         <main
  381.            class="flex-1 relative z-0 overflow-y-auto pt-6 focus:outline-none"
  382.            tabindex="0" x-data
  383.            x-init="$el.focus()">
  384.  
  385.             <div class="mx-auto px-4 sm:px-6 md:px-8">
  386.                                 </div>
  387.  
  388.             <div class="mx-auto px-4 sm:px-6 md:px-8">
  389.                 <div class="pt-4 py-6">
  390.                                        
  391.                     <div class="flex items-center">
  392.         <form action="http://127.0.0.1:8888/client/invoices/payment" method="post" id="bulkActions">
  393.             <input type="hidden" name="_token" value="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH" autocomplete="off">            <button type="submit" onclick="setTimeout(() => this.disabled = true, 0); setTimeout(() => this.disabled = false, 5000); return true;" class="button button-primary bg-primary" name="action" value="download">Herunterladen</button>
  394.             <input type="hidden" name="_token" value="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH" autocomplete="off">                            <button onclick="setTimeout(() => this.disabled = true, 0); return true;" type="submit" class="button button-primary bg-primary" name="action" value="payment">Jetzt bezahlen</button>
  395.                     </form>
  396.     </div>
  397.     <div class="flex flex-col mt-4">
  398.         <div wire:snapshot="{&quot;data&quot;:{&quot;per_page&quot;:10,&quot;status&quot;:[[],{&quot;s&quot;:&quot;arr&quot;}],&quot;company&quot;:[null,{&quot;class&quot;:&quot;App\\Models\\Company&quot;,&quot;key&quot;:1,&quot;s&quot;:&quot;mdl&quot;}],&quot;company_id&quot;:1,&quot;db&quot;:&quot;mysql&quot;,&quot;paginators&quot;:[{&quot;page&quot;:1},{&quot;s&quot;:&quot;arr&quot;}],&quot;sort_field&quot;:&quot;date&quot;,&quot;sort_asc&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;uXmR2iBD6nSWUxvkl1aA&quot;,&quot;name&quot;:&quot;invoices-table&quot;,&quot;path&quot;:&quot;client\/invoices&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;},&quot;checksum&quot;:&quot;af0db08eb9b9090d487884a54e36b55b12af95e79fe782c5306fdf3583b0acc8&quot;}" wire:effects="{&quot;url&quot;:{&quot;paginators.page&quot;:{&quot;as&quot;:&quot;page&quot;,&quot;use&quot;:&quot;push&quot;,&quot;alwaysShow&quot;:false,&quot;except&quot;:null}}}" wire:id="uXmR2iBD6nSWUxvkl1aA">
  399.     <div class="flex items-center justify-between">
  400.         <div class="flex items-center">
  401.             <span class="hidden mr-2 text-sm md:block">pro Seite</span>
  402.             <select wire:model.live="per_page" class="py-1 text-sm form-select">
  403.                 <option>5</option>
  404.                 <option selected>10</option>
  405.                 <option>15</option>
  406.                 <option>20</option>
  407.             </select>
  408.         </div>
  409.         <div class="flex items-center">
  410.             <div class="mr-3">
  411.                 <input wire:model.live="status" value="paid" type="checkbox" class="cursor-pointer form-checkbox" id="paid-checkbox">
  412.                 <label for="paid-checkbox" class="text-sm cursor-pointer">Bezahlt</label>
  413.             </div>
  414.             <div class="mr-3">
  415.                 <input wire:model.live="status" value="unpaid" type="checkbox" class="cursor-pointer form-checkbox" id="unpaid-checkbox">
  416.                 <label for="unpaid-checkbox" class="text-sm cursor-pointer">Unbezahlt</label>
  417.             </div>
  418.             <div class="mr-3">
  419.                 <input wire:model.live="status" value="overdue" type="checkbox" class="cursor-pointer form-checkbox" id="overdue-checkbox">
  420.                 <label for="overdue-checkbox" class="text-sm cursor-pointer">Überfällig</label>
  421.             </div>
  422.         </div>
  423.     </div>
  424.     <div class="py-2 -my-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8">
  425.         <div class="inline-block min-w-full overflow-hidden align-middle rounded">
  426.             <table class="min-w-full mt-4 border border-gray-200 rounded shadow invoices-table">
  427.                 <thead>
  428.                     <tr>
  429.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  430.                             <label>
  431.                                 <input type="checkbox" class="form-check form-check-parent">
  432.                             </label>
  433.                         </th>
  434.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  435.                             <span role="button" wire:click="sortBy('number')" class="cursor-pointer">
  436.                                 Rechnungsnummer
  437.                             </span>
  438.                         </th>
  439.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  440.                             <span role="button" wire:click="sortBy('number')" class="cursor-pointer">
  441.                                 Bestellnummer
  442.                             </span>
  443.                         </th>
  444.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  445.                             <span role="button" wire:click="sortBy('date')" class="cursor-pointer">
  446.                                 Rechnungsdatum
  447.                             </span>
  448.                         </th>
  449.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  450.                             <span role="button" wire:click="sortBy('amount')" class="cursor-pointer">
  451.                                 Betrag
  452.                             </span>
  453.                         </th>
  454.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  455.                             <span role="button" wire:click="sortBy('balance')" class="cursor-pointer">
  456.                                 Saldo
  457.                             </span>
  458.                         </th>
  459.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  460.                             <span role="button" wire:click="sortBy('due_date')" class="cursor-pointer">
  461.                                 Fälligkeitsdatum
  462.                             </span>
  463.                         </th>
  464.                         <th class="px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-white uppercase border-b border-gray-200 bg-primary">
  465.                             <span role="button" wire:click="sortBy('status_id')" class="cursor-pointer">
  466.                                 Status
  467.                             </span>
  468.                         </th>
  469.                         <th class="px-white-3 border-b border-gray-200 bg-primary"></th>
  470.                     </tr>
  471.                 </thead>
  472.                 <tbody>
  473.                                             <tr class="bg-white group hover:bg-gray-100">
  474.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  475.                                 <label>
  476.                                     <input type="checkbox" class="form-check form-check-child" data-value="4openRe7Az">
  477.                                 </label>
  478.                             </td>
  479.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  480.                                 0004
  481.                             </td>
  482.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  483.                                
  484.                             </td>
  485.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  486.                                 08.10.2024
  487.                             </td>
  488.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  489.                                 1.190,00 €
  490.                             </td>
  491.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  492.                             0,00 €
  493.                             </td>
  494.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  495.                                 22.10.2024
  496.                             </td>
  497.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  498.                                 <h5><span class="badge badge-success">Bezahlt</span></h5>
  499.                             </td>
  500.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  501.                                                                 <a href="http://127.0.0.1:8888/client/invoices/4openRe7Az" class="button-link text-primary">
  502.                                     Ansehen
  503.                                 </a>
  504.                             </td>
  505.                         </tr>
  506.                                             <tr class="bg-white group hover:bg-gray-100">
  507.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  508.                                 <label>
  509.                                     <input type="checkbox" class="form-check form-check-child" data-value="WJxbojagwO">
  510.                                 </label>
  511.                             </td>
  512.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  513.                                 0005
  514.                             </td>
  515.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  516.                                
  517.                             </td>
  518.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  519.                                 08.10.2024
  520.                             </td>
  521.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  522.                                 176,12 €
  523.                             </td>
  524.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  525.                             0,00 €
  526.                             </td>
  527.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  528.                                 22.10.2024
  529.                             </td>
  530.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  531.                                 <h5><span class="badge badge-success">Bezahlt</span></h5>
  532.                             </td>
  533.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  534.                                                                 <a href="http://127.0.0.1:8888/client/invoices/WJxbojagwO" class="button-link text-primary">
  535.                                     Ansehen
  536.                                 </a>
  537.                             </td>
  538.                         </tr>
  539.                                             <tr class="bg-white group hover:bg-gray-100">
  540.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  541.                                 <label>
  542.                                     <input type="checkbox" class="form-check form-check-child" data-value="k8mep2bMyJ">
  543.                                 </label>
  544.                             </td>
  545.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  546.                                 0006
  547.                             </td>
  548.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  549.                                
  550.                             </td>
  551.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  552.                                 08.10.2024
  553.                             </td>
  554.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  555.                                 238,00 €
  556.                             </td>
  557.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  558.                             0,00 €
  559.                             </td>
  560.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  561.                                 22.10.2024
  562.                             </td>
  563.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  564.                                 <h5><span class="badge badge-success">Bezahlt</span></h5>
  565.                             </td>
  566.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  567.                                                                 <a href="http://127.0.0.1:8888/client/invoices/k8mep2bMyJ" class="button-link text-primary">
  568.                                     Ansehen
  569.                                 </a>
  570.                             </td>
  571.                         </tr>
  572.                                             <tr class="bg-white group hover:bg-gray-100">
  573.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  574.                                 <label>
  575.                                     <input type="checkbox" class="form-check form-check-child" data-value="l4zbq2dprO">
  576.                                 </label>
  577.                             </td>
  578.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  579.                                 0007
  580.                             </td>
  581.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  582.                                
  583.                             </td>
  584.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  585.                                 08.10.2024
  586.                             </td>
  587.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  588.                                 95,20 €
  589.                             </td>
  590.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  591.                             0,00 €
  592.                             </td>
  593.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  594.                                 22.10.2024
  595.                             </td>
  596.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  597.                                 <h5><span class="badge badge-success">Bezahlt</span></h5>
  598.                             </td>
  599.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  600.                                                                 <a href="http://127.0.0.1:8888/client/invoices/l4zbq2dprO" class="button-link text-primary">
  601.                                     Ansehen
  602.                                 </a>
  603.                             </td>
  604.                         </tr>
  605.                                             <tr class="bg-white group hover:bg-gray-100">
  606.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  607.                                 <label>
  608.                                     <input type="checkbox" class="form-check form-check-child" data-value="yMYerEdOBQ">
  609.                                 </label>
  610.                             </td>
  611.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  612.                                 0008
  613.                             </td>
  614.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  615.                                
  616.                             </td>
  617.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  618.                                 08.10.2024
  619.                             </td>
  620.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  621.                                 2.856,00 €
  622.                             </td>
  623.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  624.                             0,00 €
  625.                             </td>
  626.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  627.                                 22.10.2024
  628.                             </td>
  629.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  630.                                 <h5><span class="badge badge-success">Bezahlt</span></h5>
  631.                             </td>
  632.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  633.                                                                 <a href="http://127.0.0.1:8888/client/invoices/yMYerEdOBQ" class="button-link text-primary">
  634.                                     Ansehen
  635.                                 </a>
  636.                             </td>
  637.                         </tr>
  638.                                             <tr class="bg-white group hover:bg-gray-100">
  639.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  640.                                 <label>
  641.                                     <input type="checkbox" class="form-check form-check-child" data-value="gl9avmeG1v">
  642.                                 </label>
  643.                             </td>
  644.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  645.                                 0009
  646.                             </td>
  647.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  648.                                
  649.                             </td>
  650.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  651.                                 08.10.2024
  652.                             </td>
  653.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  654.                                 58,31 €
  655.                             </td>
  656.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  657.                             58,31 €
  658.                             </td>
  659.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  660.                                 08.10.2024
  661.                             </td>
  662.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  663.                                 <h5><span class="badge badge-danger">Überfällig</span></h5>
  664.                             </td>
  665.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  666.                                                                     <form action="http://127.0.0.1:8888/client/invoices/payment" method="post">
  667.                                         <input type="hidden" name="_token" value="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH" autocomplete="off">                                        <input type="hidden" name="invoices[]" value="gl9avmeG1v">
  668.                                         <input type="hidden" name="action" value="payment">
  669.                                         <button onclick="setTimeout(() => this.disabled = true, 0); return true;" class="px-2 py-1 mr-3 text-xs uppercase button button-primary bg-primary" dusk="pay-now">
  670.                                             Jetzt bezahlen
  671.                                         </button>
  672.                                     </form>
  673.                                                                 <a href="http://127.0.0.1:8888/client/invoices/gl9avmeG1v" class="button-link text-primary">
  674.                                     Ansehen
  675.                                 </a>
  676.                             </td>
  677.                         </tr>
  678.                                             <tr class="bg-white group hover:bg-gray-100">
  679.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  680.                                 <label>
  681.                                     <input type="checkbox" class="form-check form-check-child" data-value="7LDdwRb1YK">
  682.                                 </label>
  683.                             </td>
  684.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  685.                                 0010
  686.                             </td>
  687.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  688.                                
  689.                             </td>
  690.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  691.                                 08.10.2024
  692.                             </td>
  693.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  694.                                 58,31 €
  695.                             </td>
  696.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  697.                             58,31 €
  698.                             </td>
  699.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  700.                                 08.10.2024
  701.                             </td>
  702.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  703.                                 <h5><span class="badge badge-danger">Überfällig</span></h5>
  704.                             </td>
  705.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  706.                                                                     <form action="http://127.0.0.1:8888/client/invoices/payment" method="post">
  707.                                         <input type="hidden" name="_token" value="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH" autocomplete="off">                                        <input type="hidden" name="invoices[]" value="7LDdwRb1YK">
  708.                                         <input type="hidden" name="action" value="payment">
  709.                                         <button onclick="setTimeout(() => this.disabled = true, 0); return true;" class="px-2 py-1 mr-3 text-xs uppercase button button-primary bg-primary" dusk="pay-now">
  710.                                             Jetzt bezahlen
  711.                                         </button>
  712.                                     </form>
  713.                                                                 <a href="http://127.0.0.1:8888/client/invoices/7LDdwRb1YK" class="button-link text-primary">
  714.                                     Ansehen
  715.                                 </a>
  716.                             </td>
  717.                         </tr>
  718.                                             <tr class="bg-white group hover:bg-gray-100">
  719.                             <td class="px-6 py-4 text-sm font-medium leading-5 text-gray-900 whitespace-nowrap">
  720.                                 <label>
  721.                                     <input type="checkbox" class="form-check form-check-child" data-value="JX7ax9byv4">
  722.                                 </label>
  723.                             </td>
  724.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  725.                                 0011
  726.                             </td>
  727.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  728.                                
  729.                             </td>
  730.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  731.                                 08.10.2024
  732.                             </td>
  733.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  734.                                 238,00 €
  735.                             </td>
  736.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  737.                             238,00 €
  738.                             </td>
  739.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  740.                                 08.10.2024
  741.                             </td>
  742.                             <td class="px-6 py-4 text-sm leading-5 text-gray-500 whitespace-nowrap">
  743.                                 <h5><span class="badge badge-danger">Überfällig</span></h5>
  744.                             </td>
  745.                             <td class="flex items-center justify-end px-6 py-4 text-sm font-medium leading-5 whitespace-nowrap">
  746.                                                                     <form action="http://127.0.0.1:8888/client/invoices/payment" method="post">
  747.                                         <input type="hidden" name="_token" value="akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH" autocomplete="off">                                        <input type="hidden" name="invoices[]" value="JX7ax9byv4">
  748.                                         <input type="hidden" name="action" value="payment">
  749.                                         <button onclick="setTimeout(() => this.disabled = true, 0); return true;" class="px-2 py-1 mr-3 text-xs uppercase button button-primary bg-primary" dusk="pay-now">
  750.                                             Jetzt bezahlen
  751.                                         </button>
  752.                                     </form>
  753.                                                                 <a href="http://127.0.0.1:8888/client/invoices/JX7ax9byv4" class="button-link text-primary">
  754.                                     Ansehen
  755.                                 </a>
  756.                             </td>
  757.                         </tr>
  758.                                     </tbody>
  759.             </table>
  760.         </div>
  761.     </div>
  762.     <div class="flex justify-center mt-6 mb-6 md:justify-between">
  763.                     <span class="hidden text-sm text-gray-700 md:block mr-2">
  764.                 Zeige 1 bis 8 von 8 Ergebnissen
  765.             </span>
  766.                 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
  767.     </div>
  768. </div>
  769.  
  770.     </div>
  771.                 </div>
  772.             </div>
  773.         </main>
  774.         <footer class="bg-white px-4 py-5 shadow px-4 sm:px-6 md:px-8 flex justify-center border-t border-gray-200 justify-between items-center" x-data="{ privacy: false, tos: false }">
  775.     <section>
  776.                     <span href="https://invoiceninja.com" target="_blank" class="text-xs md:text-sm text-gray-700">
  777.                 Copyright &copy; 2024
  778.                 <a class="text-primary hover:underline" href="https://invoiceninja.com" target="_blank">Invoice Ninja</a>.
  779.             </span>
  780.        
  781.         <div class="flex items-center">
  782.            
  783.            
  784.                     </div>
  785.     </section>
  786.  
  787.             <a href="https://invoiceninja.com" target="_blank">
  788.             <img class="h-8" src="http://127.0.0.1:8888/images/invoiceninja-black-logo-2.png" alt="Invoice Ninja Logo">
  789.         </a>
  790.    
  791.    
  792.    
  793.     <div class="bg-gray-200 hidden"></div>
  795.     </div>
  796. </div>
  797.  
  799.  
  801.  
  802.         <script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"akGwG0F0CzRUDpjSzRKq3LFHnJfOBmjBE4SfaJFH","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
  803.  
  804.         <script src="http://127.0.0.1:8888/vendor/cookieconsent@3/cookieconsent.min.js" data-cfasync="false"></script>
  805.         <script>
  806.             window.addEventListener("load", function(){
  807.                 if (! window.cookieconsent) {
  808.                     return;
  809.                 }
  810.                 window.cookieconsent.initialise({
  811.                     "palette": {
  812.                         "popup": {
  813.                             "background": "#000"
  814.                         },
  815.                         "button": {
  816.                             "background": "#f1d600"
  817.                         },
  818.                     },
  819.                     "content": {
  820.                         "href": "https://www.invoiceninja.com/privacy-policy/",
  821.                         "message": "Diese Website verwendet Cookies, um sicherzustellen, dass Sie das beste Ergebnis auf unserer Website erzielen.",
  822.                         "dismiss": "Verstanden!",
  823.                         "link": "Mehr erfahren",
  824.                     }
  825.                 })}
  826.             );
  827.         </script>
  828.  
  829.        
  830.     </body>
  831.  
  832.     <footer>
  833.                     <link rel="modulepreload" href="http://127.0.0.1:8888/build/assets/action-selectors-07ce2545.js" /><script type="module" src="http://127.0.0.1:8888/build/assets/action-selectors-07ce2545.js" data-navigate-track="reload"></script>
  834.             </footer>
  835.  
  836.             <script>
  837.            
  838.         </script>
  839.     </html>

Quellcode

Hier kannst du den Code kopieren und ihn in deinen bevorzugten Editor einfügen. PASTEBIN_DOWNLOAD_SNIPPET_EXPLAIN

Verlinken

URL: alles markieren
https://nopaste.debianforum.de/42229

BBCode: alles markieren
[NP]42229[/NP]

LATEST_SNIPPETS