Katsiree

รายการบิลล่าสุด

Jun 8th, 2019
166
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.32 KB | None | 0 0
  1.  <table class="table-striped table-bordered border border-secondary" style="width: 100%">
  2.                                         <thead>
  3.                                             <tr>
  4.                                                 <td colspan="7" class="font-weight-bold py-1 pl-2 bg-tb_order">
  5.                                                     <div class="w-100 d-flex">
  6.                                                         <span class="ml-2 align-middle">รายการบิลล่าสุด
  7.                                                             (แสดง xx รายการ)</span>
  8.                                                         <span class="ml-auto"><button type="button"
  9.                                                                class="px-1 btn btn-sm py-0 btn-light">ขยายบิล
  10.                                                                 +</button></span>
  11.                                                         <span class="ml-2"><button type="button"
  12.                                                                class="px-1 btn btn-sm py-0 btn-light">ย่อบิล
  13.                                                                 -</button></span>
  14.                                                     </div>
  15.                                                 </td>
  16.                                             </tr>
  17.                                             <tr>
  18.                                                 <th class="font-weight-bold border text-center">#</th>
  19.                                                 <th class="font-weight-bold border text-center">เวลาแทง</th>
  20.                                                 <th class="font-weight-bold border text-center">ตลาด</th>
  21.                                                 <th class="font-weight-bold border" width="20">อ้างอิง</th>
  22.                                                 <th class="font-weight-bold border text-center">รายการ</th>
  23.                                                 <th class="font-weight-bold border text-right">บาท</th>
  24.                                                 <th class="font-weight-bold border text-center">ดูบิล</th>
  25.                                             </tr>
  26.  
  27.                                             <?php for($id=1; $id <= 5; $id++) {?>
  28.  
  29.                                             <tr class="bill-row" data-bill-id="94079" bgcolor="#f0f8ff"
  30.                                                style="cursor: pointer">
  31.  
  32.                                                 <td class="p-1 text-center"><?=$id?></td>
  33.                                                 <td class="p-1">08/06 16:05</td>
  34.                                                 <td class="p-1 font-weight-bold"><img
  35.                                                        src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png"
  36.                                                        style="width: 14px"> หวยไทย</td>
  37.  
  38.                                                 <td class="p-1"></td>
  39.  
  40.                                                 <td class="text-center p-1">9</td>
  41.                                                 <td class="text-right p-1">45.00</td>
  42.                                                 <td class="text-center p-1" id="accordionOrder">
  43.                                                     <button type="button" onclick="showOrder(this)"
  44.                                                        class="btn btn-sm btn-primary" style="font-size: 0.6rem;"
  45.                                                        type="button" data-toggle="collapse"
  46.                                                        data-target="#collapse<?=$id?>" aria-expanded="false"
  47.                                                         aria-controls="collapse<?=$id?>">+</button>
  48.                                                 </td>
  49.                                             </tr>
  50.  
  51.                                             <tr id="collapse<?=$id?>" class="collapse" aria-labelledby="headingOne"
  52.                                                 data-parent="#accordionOrder">
  53.                                                 <td colspan="7" style="background: #ffffd9;" class="p-2">
  54.                                                     <table class="table-striped table-sm"
  55.                                                        style="width: 100%; background: #fff;">
  56.                                                         <tbody>
  57.                                                             <td colspan="4"
  58.                                                                class="font-weight-bold py-1 pl-2 table-bordered text-dark text-center"
  59.                                                                style="background: #80ffd4;">
  60.                                                                 เลขที่บิล #xxxxxxxxx
  61.                                                                 [ <img
  62.                                                                    src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png"
  63.                                                                    style="width: 14px"> หวยไทย <i
  64.                                                                    class="fas fa-calendar-alt"></i> งวดวัน
  65.                                                                 xxxxx 01/01/2550 ]
  66.                                                             </td>
  67.                                                             <tr>
  68.                                                                 <th class="text-center">ประเภท @ หมายเลข</th>
  69.                                                                 <th class="text-center">ยอดเดิมพัน</th>
  70.                                                                 <th class="text-center">เรทจ่าย</th>
  71.                                                                 <th class="text-center">ส่วนลด</th>
  72.                                                             </tr>
  73.                                                             <tr>
  74.                                                                 <td class="text-center font-weight-bold"><span
  75.                                                                        class="text-danger">3 ตัวบน</span> @ <span
  76.                                                                        class="text-primary">หมายเลข</span></td>
  77.                                                                 <td class="text-right font-weight-bold">0.00</td>
  78.                                                                 <td class="text-right font-weight-bold">0.00</td>
  79.                                                                 <td class="text-right font-weight-bold">0.00</td>
  80.                                                             </tr>
  81.                                                             <tr>
  82.                                                                 <td class="text-center font-weight-bold"><span
  83.                                                                        class="text-danger">3 ตัวล่าง</span> @ <span
  84.                                                                        class="text-primary">หมายเลข</span></td>
  85.                                                                 <td class="text-right font-weight-bold">0.00</td>
  86.                                                                 <td class="text-right font-weight-bold">0.00</td>
  87.                                                                 <td class="text-right font-weight-bold">0.00</td>
  88.                                                             </tr>
  89.                                                             <tr>
  90.                                                                 <td class="text-center font-weight-bold"><span
  91.                                                                        class="text-danger">3 ตัวโต๊ด</span> @ <span
  92.                                                                        class="text-primary">หมายเลข</span></td>
  93.                                                                 <td class="text-right font-weight-bold">0.00</td>
  94.                                                                 <td class="text-right font-weight-bold">0.00</td>
  95.                                                                 <td class="text-right font-weight-bold">0.00</td>
  96.                                                             </tr>
  97.                                                             <tr>
  98.                                                                 <td class="text-center font-weight-bold"><span
  99.                                                                        class="text-danger">2 ตัวบน</span> @ <span
  100.                                                                        class="text-primary">หมายเลข</span></td>
  101.                                                                 <td class="text-right font-weight-bold">0.00</td>
  102.                                                                 <td class="text-right font-weight-bold">0.00</td>
  103.                                                                 <td class="text-right font-weight-bold">0.00</td>
  104.                                                             </tr>
  105.                                                             <tr>
  106.                                                                 <td class="text-center font-weight-bold"><span
  107.                                                                        class="text-danger">2 ตัวบน</span> @ <span
  108.                                                                        class="text-primary">หมายเลข</span></td>
  109.                                                                 <td class="text-right font-weight-bold">0.00</td>
  110.                                                                 <td class="text-right font-weight-bold">0.00</td>
  111.                                                                 <td class="text-right font-weight-bold">0.00</td>
  112.                                                             </tr>
  113.                                                             <tr>
  114.                                                                 <td class="text-center font-weight-bold"><span
  115.                                                                        class="text-danger">2 ตัวล่าง</span> @ <span
  116.                                                                        class="text-primary">หมายเลข</span></td>
  117.                                                                 <td class="text-right font-weight-bold">0.00</td>
  118.                                                                 <td class="text-right font-weight-bold">0.00</td>
  119.                                                                 <td class="text-right font-weight-bold">0.00</td>
  120.                                                             </tr>
  121.                                                             <tr>
  122.                                                                 <td class="text-center font-weight-bold"><span
  123.                                                                        class="text-danger">2 ตัวล่าง</span> @ <span
  124.                                                                        class="text-primary">หมายเลข</span></td>
  125.                                                                 <td class="text-right font-weight-bold">0.00</td>
  126.                                                                 <td class="text-right font-weight-bold">0.00</td>
  127.                                                                 <td class="text-right font-weight-bold">0.00</td>
  128.                                                             </tr>
  129.                                                             <tr>
  130.                                                                 <td class="text-center font-weight-bold"><span
  131.                                                                        class="text-danger">2 ตัวโต๊ด</span> @ <span
  132.                                                                        class="text-primary">หมายเลข</span></td>
  133.                                                                 <td class="text-right font-weight-bold">0.00</td>
  134.                                                                 <td class="text-right font-weight-bold">0.00</td>
  135.                                                                 <td class="text-right font-weight-bold">0.00</td>
  136.                                                             </tr>
  137.                                                             <tr>
  138.                                                                 <td class="text-center font-weight-bold"><span
  139.                                                                        class="text-danger">2 ตัวโต๊ด</span> @ <span
  140.                                                                        class="text-primary">หมายเลข</span></td>
  141.                                                                 <td class="text-right font-weight-bold">0.00</td>
  142.                                                                 <td class="text-right font-weight-bold">0.00</td>
  143.                                                                 <td class="text-right font-weight-bold">0.00</td>
  144.                                                             </tr>
  145.                                                         </tbody>
  146.                                                     </table>
  147.                                                 </td>
  148.                                             </tr>
  149.  
  150.                                             <?php } ?>
  151.  
  152.                                         </thead>
  153.                                         <tfoot>
  154.                                             <tr>
  155.                                                 <td colspan="7" class="text-center text-dark font-weight-bold">----
  156.                                                     ไม่มีรายการแทง</td>
  157.                                             </tr>
  158.                                         </tfoot>
  159.  
  160.                                     </table>
Advertisement
Add Comment
Please, Sign In to add comment