<div id="product-modal" class="modal-overlay"> <div class="modal-content"> <div class="modal-header"> <h3 id="modal-title">{{ 'business.modal.title'|trans }}</h3> <button class="modal-close" onclick="closeModal()">×</button> </div> <form name="product-inquiry" method="POST" class="modal-form"> <input type="hidden" name="form-name" value="product-inquiry"> <p class="hidden"> <label>Don't fill this out if you're human: <input name="bot-field"></label> </p> <input type="hidden" id="modal-product-name" name="product"> <input type="text" id="modal-name" name="name" placeholder="{{ 'business.modal.form.name'|trans }}" required> <input type="email" id="modal-email" name="email" placeholder="{{ 'business.modal.form.email'|trans }}" required> <input type="tel" id="modal-phone" name="phone" placeholder="{{ 'business.modal.form.phone'|trans }}" required> <textarea id="modal-message" name="message" rows="4" placeholder="{{ 'business.modal.form.message'|trans }}" required></textarea> <button type="submit" id="modal-submit">{{ 'business.modal.form.submit'|trans }}</button> </form> </div></div>