Файловый менеджер - Редактировать - /home/clickysoft/public_html/somni.clickysoft.net/resources/views/pdf/transaction.ejs
Назад
<!-- <!DOCTYPE html> --> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> <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@200;400;500;600&display=swap" rel="stylesheet"> <!-- <link rel="stylesheet" href="{{asset('/css/main.css')}}"> --> <title>SOMNI</title> </head> <body> <style> * { margin: 0px; padding: 0px; } .nv-logo { width: 88px; margin-bottom: 10px; } table { width: 100%; /* border-collapse: separate; */ } td { font-family: 'Inter', sans-serif; font-size: 10px; padding: 15px 0px; } .headings-top h5 { font-family: 'Inter', sans-serif; font-size: 10px; color: #5E6470; } .headings-top h6 { font-family: 'Inter', sans-serif; font-size: 10px; color: #1A1C21; margin-bottom: 0; } .headings-top p { font-family: 'Inter', sans-serif; font-size: 10px; color: #5E6470; } .header-heads p { font-size: 10px; font-family: 'Inter', sans-serif; color: #5E6470; } .flx-set div { flex: 1; } .date-td { font-size: 10px; font-family: 'Inter', sans-serif; color: #1A1C21; } .item-detail h5 { font-size: 10px; font-family: 'Inter', sans-serif; color: #1A1C21; } .item-detail p { font-size: 10px; font-family: 'Inter', sans-serif; color: #5E6470; margin-bottom: 0px; } td p { margin: 0; } .sub-total-medium p { font-size: 10px; font-family: 'Inter', sans-serif; color: #1A1C21; } .sub-total-bold { font-family: 'Inter', sans-serif; font-size: 10px; } .comments-div p { font-size: 10px; font-family: 'Inter', sans-serif; } .terms-div h5{ font-size: 10px; color: #5E6470; font-family: 'Inter', sans-serif; } .terms-div p{ font-size: 10px; color: #1A1C21; font-family: 'Inter', sans-serif; } .header-heads p{ margin: 0; } </style> <div class="d-flex justify-content-between"> <div class="header-heads"> <img src="<%= details.url %>/images/nv-logo.png" alt="" class="nv-logo"> <p>www.somni.com <br>hello@somni.com <br>+1 (888) 590-0112</p> </div> <div class="header-heads d-flex flex-column justify-content-end"> <p>SOMNI Address <br> City, State, USA - 00000 <br> TAX ID 00XXXXX1234X0XX</p> </div> </div> <div style="border: 1px solid #D7DAE0; border-radius: 10px; padding: 30px 20px;margin-top: 30px; margin-bottom: 30px;"> <div class="d-flex justify-content-between flx-set"> <div class="dv-1 headings-top"> <h5>Billed to</h5> <h6><%= details.payee?.name || 'SOMNI' %></h6> </div> <div class="dv-2 headings-top "> <h5 style="text-align: left;">Invoice Number</h5> <h6 style="text-align: left; "><%= details.id %></h6> </div> <div class="dv-3 headings-top"> <h5 class="text-end">Invoice of (USD)</h5> <h4 style="font-size: 20px; font-weight:500; font-family: Inter; text-align: end; ">$<%= details.amount %></h4> </div> </div> <div class="d-flex justify-content-between pt-3 flx-set"> <div class="dv-4 headings-top"> <h5>Subject</h5> <h6>Rent Statement</h6> </div> <div class="dv-5 headings-top"> <h5>Statement Date</h5> <% const formattedDate = new Date(details.created_at).toLocaleDateString('en-US', { day: '2-digit', month: 'short', year: 'numeric' }); %> <h6><%= formattedDate %></h6> </div> <div class="dv-6 headings-top"> <h5 class="text-end">Billing Period</h5> <h6 class="text-end"><%= details.period %></h6> </div> </div> <div class="d-flex justify-content-between pt-3 flx-set"> <div class="dv-4 headings-top"> <h5>Status</h5> <h6><%= details.status %></h6> </div> </div> <table class="mt-5"> <thead> <tr style="border-top: 1px solid #D7DAE0; border-bottom: 1px solid #D7DAE0;"> <th style="text-align: left; font-size: 8px; padding: 10px 0px; color:#5E6470;">DATE</th> <th style="text-align: left; font-size: 8px;padding:10px 0px; color:#5E6470; ">ITEM DETAIL</th> <th style="text-align: left; font-size: 8px;padding:10px 0px; color:#5E6470;">REFERENCE</th> <th style="text-align: left; font-size: 8px;padding:10px 0px; color:#5E6470;">AMOUNT</th> </tr> </thead> <tbody> <% details.transaction_details.forEach(function(re, index) { %> <tr> <td class="date-td" style="width: 20%;"><%= new Date(re.created_at).toLocaleDateString('en-US', { year: 'numeric', month: '2-digit', day: '2-digit' }) %></td> <td class="item-detail" style="width: 60%;"> <h5><%= re.payment_type.split('_').map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ') %></h5> <p style="width: 65%;"><%= re.note %></p> </td> <td style="width: 20%;"> <p><%= details.id %></p> </td style="width: 20%;"> <td>$<%= re.amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") %></td> </tr> <% }); %> </tbody> </table> <div class="sub-main d-flex flex-column justify-content-end align-items-end pt-5"> <div class="d-flex justify-content-between w-50 sub-total-medium"> <p>Subtotal</p> <p class="subtotal">$<%= details.amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") %></p> </div> <div class="d-flex justify-content-between w-50 sub-total-bold" style="border-top: 1px solid #D7DAE0; padding-top: 15px;"> <p>Total</p> <p>$<%= details.amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") %></p> </div> </div> <div class="comments-div pt-5 pb-5"> <p>Comments:</p> </div> </div> <div class="terms-div"> <h5>Terms & Conditions</h5> <p>Please pay within 15 days of receiving this invoice.</p> </div> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка