{% extends 'base.html.twig' %}{% block body %} <div class="container-fluid main-holder px-5 border-bottom"> <div class="row"> <div class="col-lg-12 pb-2"> <ul class="list-unstyled list-inline"> <li class="list-inline-item me-4"><a href="#0">Brand Collab</a></li> <li class="list-inline-item"><a href="#0">Designer Collab</a></li> </ul> </div> </div> </div> <div class="container-fluid"> <div class="row mb-5"> <div class="col-lg-7 offset-lg-2 mb-5 mt-5"> <h1 class="fw-bolder">Contact</h1> </div> <div class="clearfix"></div> <div class="col-lg-7 offset-lg-2"> <p>No question is too small or too big. For any inquiries, please feel free to contact us via email at <a href="mailto:{{ ecomvariables.textcontent('customer_contact_email', 'customerservice@noblenative.com')|raw }}" class="fw-bold">{{ ecomvariables.textcontent('customer_contact_email')|raw() }}</a>, or you can reach us by phone at the following numbers:</p> <p>Phone: <strong>{{ ecomvariables.textcontent('site_contact_number')|raw() }}</strong></p> <p>Customer Service (order-related): <strong>{{ ecomvariables.textcontent('customer_contact_number')|raw() }}</strong></p> <p>Alternatively, you can also use the form below to get in touch with us. We're here to assist you and provide the support you need.</p> <form class="mt-5" method="POST" action="{{ path('sajong_ecom_save_contact') }}" id="contact-us-form"> <div class="form-floating mb-3 position-relative"> <input type="text" class="form-control rounded-pill shadow-none border mb-4 px-4" placeholder="Your Name" name="name" id="name" required> <label for="name" class="px-4">Your Name</label> </div> <div class="form-floating mb-3 position-relative"> <input type="email" class="form-control rounded-pill shadow-none border mb-4 px-4" placeholder="name@example.com" name="email" id="email" required> <label for="email" class="px-4">Email address</label> </div> <div class="form-floating position-relative"> <input type="text" class="form-control rounded-pill shadow-none border mb-4 px-4" placeholder="Phone Number" name="phone" id="phone" required> <label for="phone" class="px-4">Phone Number</label> </div> <div class="form-floating position-relative"> <input type="text" class="form-control rounded-pill shadow-none border mb-4 px-4" placeholder="Subject" name="subject" id="subject" required> <label for="subject" class="px-4">Subject</label> </div> <div class="form-floating position-relative"> <textarea class="form-control rounded-pill shadow-none border mb-4 px-4" placeholder="Leave a comment here" style="height: 100px" name="description" id="description"></textarea> <label for="description" class="px-4">Comments</label> </div> <input type="hidden" name="form_token" value="{{ csrf_token('contact_form') }}" /> <button class="btn bg-secondary text-white px-4 py-3 w-100 rounded-pill mb-4">Send</button> {% if app.session.flashBag.has('success') %} <div class="mt-4 p-4 bg-light rounded-5 border-top border-5 border-secondary"> <h6 class="fw-bold">Thank you for reaching out!</h6> {% for msg in app.session.flashBag.get('success') %} <p>{{ msg }}</p> {% endfor %} </div> {% endif %} </form> </div> </div> </div>{% endblock %}