BagusSona

invoice-details

Sep 25th, 2021
1,097
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div>
  2.  
  3.  
  4.     <div class="wrapper d-flex flex-row">
  5.         <div class="content1" style="width: 76%;">
  6.  
  7.             <table class="styled-table"style="border-collapse: collapse; margin: 0 0 25px 0; font-size: 0.9em; font-family: sans-serif; width: 1215px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);">
  8.                 <thead>
  9.                 <tr style="background-color: #009879; color: #ffffff;">
  10.                     <th style="padding: 12px 15px; text-align: center; width: 100px;">Invoice</th>
  11.                     <th style="padding: 12px 15px; text-align: center; width: 100px;">Tanggal</th>
  12.                     <th style="padding: 12px 15px; text-align: center; width: 225px;">Nama Pelanggan</th>
  13.                     <th style="padding: 12px 15px; text-align: center; width: 100px;">No HP</th>
  14.                     <th style="padding: 12px 15px; text-align: center; width: 125px;">Subtotal</th>
  15.                     <th style="padding: 12px 15px; text-align: center; width: 125px;">Telah Bayar</th>
  16.                     <th style="padding: 12px 15px; text-align: center; width: 125px;">Sisa Hutang</th>
  17.                     <th style="padding: 12px 15px; text-align: center; width: 100px;">Operator</th>
  18.                     <th style="padding: 12px 15px; text-align: center; width: 100px;">Status</th>
  19.                     <th style="padding: 12px 15px; text-align: center; width: 50px;">Aksi</th>
  20.                 </tr>
  21.                 </thead>
  22.                 <tbody>
  23.                 {{-- @forelse ($results as $result) --}}
  24.                 <tr style="border-bottom: 1px solid #dddddd;">
  25.                     <td style="padding: 5px 15px; text-align: left;">#</td>
  26.                    <td style="padding: 5px 15px; text-align: left;">#</td>
  27.                    <td style="padding: 5px 15px; text-align: left;">#</td>
  28.                    <td style="padding: 5px 15px; text-align: left;">#</td>
  29.                    <td style="padding: 5px 15px; text-align: right;">#</td>
  30.                    <td style="padding: 5px 15px; text-align: right;">#</td>
  31.                    <td style="padding: 5px 15px; text-align: right;">#</td>
  32.                    <td style="padding: 5px 15px; text-align: right;">#</td>
  33.                    <td style="padding: 5px 15px; text-align: center;">#</td>
  34.                        <td style="padding: 5px 15px;"><button class="btn btn-light" wire:click="details()"><i class="fas fa-file-invoice"></i></button></td>
  35.                     </tr>
  36.                 <tr>
  37.                     {{-- @empty --}}
  38.                 </tr>
  39.                 {{-- @endforelse --}}
  40.                 </tbody>
  41.             </table>
  42.  
  43.         </div>
  44.         <div class="content2" style="width: 24%">
  45.             <div class="card_deck d-flex flex-column" style="width: 385px; height: 325px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);">
  46.                 <div class="heading_card_deck">
  47.                     <h2 style="background-color: #009879; color: #ffffff; font-size: 0.9rem; font-family: sans-serif; text-align: center; padding: 12px 15px;"><strong>Detail Orderan</strong></h2>
  48.                 </div>
  49.  
  50.                 <div class="header_card_deck d-flex flex-column">
  51.                     <div class="invoice d-flex flex-row">
  52.                         <label id="invoice_name" for="invoice_name" style="margin-bottom: 0; margin-left: 10px; padding: 5px 0 5px 0; width: 50px; font-size: 0.8rem; text-align: left;">Invoice</label>
  53.                         <label for="invoice_quote" style="margin-bottom: 0; margin-left: 10px; padding: 5px 0 5px 0; width: 15px; font-size: 0.8rem; text-align: left;">:</label>
  54.                         {{-- @foreach ($invoices as $val) --}}
  55.                             <label id="invoice" for="invoice" style="margin-bottom: 0; margin-left: 10px; padding: 5px 0 5px 0; width: 200px; font-size: 0.8rem; text-align: left;">$</label>
  56.                             <label id="invoice_date" for="invoice_date" style="margin-bottom: 0; margin-right: 10px; padding: 5px 0 5px 0; width: 75px; font-size: 0.8rem; text-align: right;"><small>$</small></label>
  57.                         {{-- @endforeach --}}
  58.                     </div>
  59.                 </div>
  60.                 <hr id="boundary-line" style="margin: 15px; height: 5px;">
  61.                 <div id="invoice-list-container" style="height: 100%; width: 100%; display: flex; flex-direction: column;">
  62.                     <div class="overflow-auto">
  63.                         {{-- @foreach ($data as $d) --}}
  64.  
  65.                         <div class="rowlist d-flex flex-row">
  66.                             <div id="product_name" class="product_name" style="width: 50%; font-size: 11px; height: 25px; line-height: 11px; text-align: left; margin-left: 15px; margin-right: 15px;">$</div>
  67.                             <div id="qty" class="qty" style="width: 10%; font-size: 11px; height: 25px; line-height: 11px; text-align: center; margin-left: 15px; margin-right: 15px;">x $</div>
  68.                             <div id="discount" class="discount" style="width: 10%; font-size: 11px; height: 25px; line-height: 11px; text-align: center; margin-left: 15px; margin-right: 15px;">$ %</div>
  69.                             <div id="subtotal" class="subtotal" style="width: 20%; font-size: 11px; height: 25px; line-height: 11px; text-align: right; margin-left: 15px; margin-right: 15px;">$</div>
  70.                         </div>
  71.  
  72.                         {{-- @endforeach --}}
  73.                     </div>
  74.                 </div>
  75.                 <hr style="margin: 0 15px 0 15px; height: 5px;">
  76.                 <div class="footer_card_deck">
  77.                     <label id="grand_total" for="total" style="width: 385px; margin-bottom: 0; padding: 0 15px 0 15px; text-align: right; height: 50px; line-height: 50px;"><strong>Total. # </strong></label>
  78.                </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82.  
  83.  
  84.  
  85.  
  86.  
  87. </div>
  88.  
RAW Paste Data