   <td x-text="item.name">name</td>
                        <td x-text="item.price">price</td>
                        <td x-text="item.quantity">quantity</td>
                        <td x-text="item.quantity * item.price">SubTotal</td>
                    </tr>
                </template>
                </tbody>
                <tfoot>
                <tr>
                    <th colspan="3"></th>
                    <th colspan="1" style="text-align: left">
                        Total Amount: <span x-