หน้ารายการแทง html

<div class="col-9" style="margin: 0 auto;">
    <div class="alert alert-primary text-center rounded-0" role="alert">
        *** สำคัญมาก!! กรุณาอ่านและทำความเข้าใจ "กฎและกติกา" และ "วิธีเล่นหวย" ที่เมนูด้านบน***
        <br>
        **บริษัทฯแนะนำลูกค้าทุกท่านให้ตรวจสอบรายการแทงทุกครั้งก่อนยืนยันการแทง
        บริษัทฯจะไม่สามารถยกเลิกบิลที่กดบันทึกแล้วทุกกรณี***
    </div>

       <div class="mt-3">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-12 p-0 ">

                                <form class="form-inline">
                                    <div><span style="font-size: 22px; font-weight: bold; color: #555658;">
                                            ยอดพนันตามประเภท </span>
                                    </div>

                                </form>

                            </div>
                        </div>
                    </div>
                    <div class="card-body">

                        <div class="row pp_amount">

                            <table class="table table-sm table-bordered table-striped table-hover w-100">
                                <tbody>
                                    <tr>
                                        <th>ประเภท</th>
                                        <th>3 ตัวบน</th>
                                        <th>3 ตัวล่าง</th>
                                        <th>3 ตัวโต๊ด</th>
                                        <th>2 ตัวบน</th>
                                        <th>2 ตัวล่าง</th>
                                        <th>2 ตัวโต๊ด</th>
                                        <th>1 ตัวบน</th>
                                        <th>1 ตัวล่าง</th>
                                    </tr>
                                    <tr class="pp_hover">
                                        <td class="text-center">ยอดนัน</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                    </tr>
                                    <tr class="pp_hover">
                                        <td class="text-center">ยอดนัน</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                        <td class="text-right">0.00</td>
                                    </tr>
                                </tbody>
                            </table>

                        </div>

                        <div class="row">
                            <form class="form-inline mt-3 col-6">
                                <label class="sr-only" for="inlineFormInputGroupUsername2">Username</label>
                                <div class="input-group mb-2 mr-sm-2">
                                    <select class="custom-select custom-select-sm">
                                        <option selected>---- เลือกรายการ ----</option>
                                        <option value="1">1</option>
                                        <option value="2">2</option>
                                        <option value="3">3</option>
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-sm btn-primary mb-2">ตกลง</button>
                            </form>

                            <div class="col-6 text-right mt-3">
                                <form class="form-inline float-right" action="" method="get">
                                    <div class="form-group">
                                        <input type="text" class="form-control form-control-sm mr-2" id="search"
                                            name="search" placeholder="ค้นหา">
                                    </div>
                                    <button type="submit" class="btn btn-sm btn-primary">ค้นหา</button>
                                </form>
                            </div>
                        </div>


                        <div class="mt-3">
                            <table class="table-striped table-bordered border border-secondary" style="width: 100%">
                                <thead>
                                    <tr>
                                        <th class="font-weight-bold border text-center bg-tb_order">ดูบิล</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">ลำดับ</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">เวลาแทง</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">เลขที่บิล</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">ตลาด</th>
                                        <th class="font-weight-bold border bg-tb_order" width="20">อ้างอิง</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">รายการ</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">ยอดแทง (บาท)</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">ส่วนลด</th>
                                        <th class="font-weight-bold border text-center bg-tb_order">สถานะ</th>
                                    </tr>

                                    <tr class="bill-row" data-bill-id="94079" bgcolor="#f0f8ff" style="cursor: pointer">

                                        <td class="text-center p-1" id="accordionOrder">
                                            <button type="button" onclick="showOrder(this)"
                                                class="btn btn-sm btn-primary" style="font-size: 0.6rem;" type="button"
                                                data-toggle="collapse" data-target="#collapse" aria-expanded="false"
                                                aria-controls="collapse">+</button>
                                        </td>

                                        <td class="p-1 text-center"> 1 </td>
                                        <td class="p-1 text-center">08/06 16:05</td>
                                        <td class="p-1 text-center"># เลขที่บิล</td>
                                        <td class="p-1 text-center font-weight-bold"><img
                                                src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png"
                                                style="width: 14px"> หวยไทย</td>

                                        <td class="p-1">อ้างอิง</td>

                                        <td class="text-center p-1">รายการ</td>
                                        <td class="text-right p-1">45.00</td>
                                        <td class="text-center p-1">ส่วนลด</td>
                                        <td class="text-center p-1">สถานะ</td>

                                    </tr>

                                    <tr id="collapse" class="collapse" aria-labelledby="headingOne"
                                        data-parent="#accordionOrder">
                                        <td colspan="10" style="background: #ffffd9;" class="p-2">
                                            <table class="table-striped table-sm"
                                                style="width: 100%; background: #fff;">
                                                <tbody>
                                                    <td colspan="4"
                                                        class="font-weight-bold py-1 pl-2 table-bordered text-dark text-center"
                                                        style="background: #80ffd4;">
                                                        เลขที่บิล #xxxxxxxxx
                                                        [ <img
                                                            src="https://cdn.countryflags.com/thumbs/thailand/flag-400.png"
                                                            style="width: 14px"> หวยไทย <i
                                                            class="fas fa-calendar-alt"></i> งวดวัน
                                                        xxxxx 01/01/2550 ]
                                                    </td>
                                                    <tr>
                                                        <th class="text-center">ประเภท @ หมายเลข</th>
                                                        <th class="text-center">ยอดเดิมพัน</th>
                                                        <th class="text-center">เรทจ่าย</th>
                                                        <th class="text-center">ส่วนลด</th>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">3 ตัวบน</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">3 ตัวล่าง</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">3 ตัวโต๊ด</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวบน</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวบน</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวล่าง</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวล่าง</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวโต๊ด</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="text-center font-weight-bold"><span
                                                                class="text-danger">2 ตัวโต๊ด</span> @ <span
                                                                class="text-primary">หมายเลข</span></td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                        <td class="text-right font-weight-bold">0.00</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>

                                    <tr class="bg-warning">
                                        <td colspan="6" class="text-right font-weight-bold h5">รวม
                                        </td>
                                        <td colspan="2"class="text-right font-weight-bold h5">
                                            00.00
                                        </td>
                                        <td colspan="2" class="text-right font-weight-bold h5">
                                            00.00
                                        </td>
                                    </tr>

                                </thead>

                            </table>
                        </div>

                    </div>
                </div>
            </div>

</div>