<div class="content">
    <div class="row">
        <div class="col-sm-12">
            <div class="card">
                <div class="card-body">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th scope="col">#</th>
                                <th scope="col">หมวดหมู่</th>
                                <th scope="col">ประเภท</th>
                                <th scope="col">รายละเอียด</th>
                                <th scope="col">ชื่อ</th>
                                <th scope="col">วันที่เริ่มต้น</th>
                                <th scope="col">วันที่สิ้นสุด</th>
                                <th scope="col">จำนวน</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let country of countries">
                                <th scope="row">{{ country.id }}</th>
                                <td>{{ country.catagory }}</td>
                                <td>{{ country.type }}</td>
                                <td>{{ country.detail }}</td>
                                <td>{{ country.name }}</td>
                                <td>{{ country.sdate | date:'dd-MM-yyyy' }}</td>
                                <td>{{ country.edate | date:'dd-MM-yyyy' }}</td>
                                <td>
                                    <button class="btn btn-primary btn-sm"
                                        (click)="_increamentQTY(item.productId._id,1)">+</button>
                                    {{ country.quantity }}
                                    <button class="btn btn-primary btn-sm">-</button>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="text-center">
                        <div class="d-grid gap-2 a-md-flex justify-content-md-end ">
                            <button class="btn btn-sm btn-primary" type="button">ยืม</button>
                            <button class="btn btn-sm btn-primary" type="button">ยกเลิก</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>