dharmatech · January 19, 2025 23:56
diff --git a/contact-app-original-minimal.html b/contact-app-original-minimal.html
 <!doctype html>
 <html lang="">

    <head>
        {# <script src="/static/js/htmx-1.8.0.js"></script> #}

        <script src="https://unpkg.com/[email protected]/dist/htmx.min.js"></script>
    </head>

    <body>
        <main>
            
            <form x-data="{ selected: [] }">

                <table>
                    <thead>
                    <tr>
                        <th></th> <th>First</th> <th>Last</th> <th>Phone</th> <th>Email</th> <th></th>
                    </tr>
                    </thead>
                    <tbody>

                        {% for contact in contacts %}
                            <tr>
                                <td><input type="checkbox" name="selected_contact_ids" value="{{ contact.id }}" x-model="selected"></td>
                                <td>{{ contact.first }}</td>
                                <td>{{ contact.last }}</td>
                                <td>{{ contact.phone }}</td>
                                <td>{{ contact.email }}</td>
                                <td>
                                </td>
                            </tr>
                        {% endfor %}

                    </tbody>
                </table>

                <button hx-delete="/contacts" hx-confirm="Confirm deletion" hx-target="body">
                    Delete Selected Contacts
                </button>

            </form>
        </main>
    </body>
 </html>
	<!doctype html>
	<html lang="">

	<head>
	{# <script src="/static/js/htmx-1.8.0.js"></script> #}

	<script src="https://unpkg.com/[email protected]/dist/htmx.min.js"></script>
	</head>

	<body>
	<main>

	<form x-data="{ selected: [] }">

	<table>
	<thead>
	<tr>
	<th></th> <th>First</th> <th>Last</th> <th>Phone</th> <th>Email</th> <th></th>
	</tr>
	</thead>
	<tbody>

	{% for contact in contacts %}
	<tr>
	<td><input type="checkbox" name="selected_contact_ids" value="{{ contact.id }}" x-model="selected"></td>
	<td>{{ contact.first }}</td>
	<td>{{ contact.last }}</td>
	<td>{{ contact.phone }}</td>
	<td>{{ contact.email }}</td>
	<td>
	</td>
	</tr>
	{% endfor %}

	</tbody>
	</table>

	<button hx-delete="/contacts" hx-confirm="Confirm deletion" hx-target="body">
	Delete Selected Contacts
	</button>

	</form>
	</main>
	</body>
	</html>