<turbo-stream action="replace" target="modal-container">
    <template>
        <div id="modal-container">
            <div
                id="restock-notification-modal"
                data-controller="modal"
                class="modal fade"
                tabindex="-1">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Teavita, kui saab jälle saadavaks</h5>
                            <button type="button" class="btn-close" data-action="modal#close"></button>
                        </div>
                        <div class="modal-body">
                            <form
    data-turbo="true"
    action="/restockNotification/subscribe"
    method="post"
>
    <p>Sisestage oma e-post ja me teavitame teid, kui see toode on jälle saadaval.</p>

    <input type="hidden" name="product_id" value="9381">
    <input type="hidden" name="modification_id" value="11939">

    <div class="form-group mt-3">
        <input type="email" name="email" class="form-control" placeholder="teie email" required>
    </div>

    <div class="form-group mt-3">
        <button type="submit" class="btn btn-primary">Teavita mind</button>
        <button type="button" class="btn btn-secondary" data-action="modal#close">Tühista</button>
    </div>
</form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </template>
</turbo-stream>
