<?php
$this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
    <div class="content-wrap">

        <div class="container">

            <div class="row justify-content-around px-lg-0 px-3">
                <div class="col-lg-5">
                    <span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
                          style="--cnvs-font-size-small: .75rem">Fale Conosco</span>

                    <h3 class="display-6 mb-3 fw-medium text-primary">Precisa de Ajuda?</h3>

                    <p class="">
                        Por ser um tema relativamente novo, não hesite em entrar em contato para saber mais, entender outras opções e pensar diferente.
                    </p>
                    <p class="">
                        Se souber o que quer, nos envie uma mensagem.
                    </p>
                    <p class="">
                        Se ainda não souber, nos envie uma mensagem também! E vamos discutir e construir opções juntos!
                    </p>
                    <p class="">
                        Aguardamos seu contato.”

                    </p>
                    <div class="clear"></div>

                    <div class="feature-box fbox-sm mb-3">
                        <div class="fbox-icon">
                            <i class="bg-primary iande-light-text bi-whatsapp"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color">
                                <strong class=" text-primary d-block"><?= CONF_TELEPHONE ?></strong></h3>
                        </div>
                    </div>


                    <div class="feature-box fbox-sm mb-5">
                        <div class="fbox-icon">
                            <i class="bg-primary iande-light-text fa-solid fa-envelope"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color"><strong class=" text-primary d-block"><a
                                            href="mailto:<?= CONF_EMAIL ?>"><?= CONF_EMAIL ?></a></strong></h3>
                        </div>
                    </div>

                </div>

                <div class="col-lg-5">
                    <div class="form-widget">

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

                        <form class="mb-0" action="<?= url("contact") ?>" method="post">

                            <div class="form-process">
                                <div class="css3-spinner">
                                    <div class="css3-spinner-scaler"></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-name">Nome <small>*</small></label>
                                    <input type="text" name="name" value="" class="rounded-pill form-control required">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-email">Email
                                        <small>*</small></label>
                                    <input type="email" name="email" value=""
                                           class="required email rounded-pill form-control">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-phone">Telefone
                                        <small>*</small></label>
                                    <input type="text" name="phone" value=""
                                           class="required rounded-pill form-control mask-celular">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-subject">Assunto
                                        <small>*</small></label>
                                    <input type="text" name="subject" value=""
                                           class="required rounded-pill form-control">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-message">Mensagem
                                        <small>*</small></label>
                                    <textarea class="required rounded-5 form-control" id="template-contactform-message"
                                              name="message" rows="6" cols="30"></textarea>
                                </div>


                                <div class="col-12 form-group mb-4">
                                    <button class="button button-large bg-color px-4 py-2 h-op-09 op-ts m-0  ls-1 text-uppercase"
                                            type="submit" id="template-contactform-submit"
                                            name="template-contactform-submit" value="submit">Enviar Mensagem
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!-- #content end -->