{{ form_start(form, {'attr': {'id': 'myForm'}}) }}
{{ form_widget(form) }}
<button type="submit" class="btn btn-primary" id="submitBtn">
{{ button_label|default('Save') }}
</button>
{{ form_end(form) }}
<script>
document.getElementById("myForm").addEventListener("submit", function() {
const btn = document.getElementById("submitBtn");
btn.disabled = true;
btn.innerText = "Wait...";
});
</script>
<style>
.btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
</style>