<div class="sec-padd" id="connect_us">
    <div class="container">
        <div class="the_title">
            <h3>
                <%= translate.introSite_contactUs %>
            </h3>
            <p class="grey-color">
            </p>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="form-content">
                    <form method="POST" class="send-message" id="cform" action="/sendMessage" novalidate>
                        <div class="form-group">

                            <%- include('../../admin/components/input.ejs', inputAttrs={ type: "text" , name:"name",
                                invalidMsg:i18n.__('infoSite.nameRequired'),
                                placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.name')}),
                                classes: ["form-control"], ids:["name"] }) %>


                        </div>
                        <div class="form-group">

                            <%- include('../../admin/components/input.ejs', inputAttrs={ type: "text" , name:"phone",
                                placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.phone')}),
                                invalidMsg:i18n.__('infoSite.phoneRequired'), classes: ["form-control"], ids:["phone"]
                                }) %>


                        </div>
                        <div class="form-group">

                            <%- include('../../admin/components/input.ejs', inputAttrs={ type: "email" , name:"email",
                                placeholder:i18n.__('common.{{field}}Placeholder',{field:i18n.__('common.email')}),
                                invalidMsg:i18n.__('infoSite.emailRequired'), classes: ["form-control"], ids:["email"]
                                }) %>


                        </div>
                        <div class="form-group">
                            <textarea class="form-control" name="description" id="message"
                                placeholder="<%= i18n.__('common.{{field}}Placeholder',{  field:i18n.__('common.description')}) %>"></textarea>
                            <div id="invalidMessage" class="invalid-feedback">
                                <%= i18n.__('infoSite.descriptionRequired') %>
                            </div>
                        </div>
                        <button class="btn-main" type="submit">
                            <%= translate.siteSendMessage %> <i class="fas fa-long-arrow-alt-left"></i>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>