<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>


<section id="content" >

    <div class="content-wrap">

        <div class="container">

            <div class="row">
                <div class="col-md-6 col-lg-5">
                    <h2 class="nott mb-5 color-3">Fale Comigo</h2>

                    <div class="center float-left p-5 rounded bg-color dark bottommargin-lg" style="width: 100%">
                        <h3 class="color-3">Atendimento</h3>
                        <p class="mb-4"><strong class="white-text"><?= CONF_TELEPHONE ?></strong> <br>ou me envie um Email em: <a class="white-text" href="mailto:<?= CONF_EMAIL?>"><?= CONF_EMAIL?></a></p>
                        <p class="mb-4 ">Nosso Linktree<br>
                            <img src="<?=theme("assets/images/qr.svg")?>" title="Qr Code" alt="QR Code" style="max-width: 220px">
                        </p>


<!--                        <h3 class="color-2">Endereço</h3>-->
<!--                        <p class="mb-4">Endereço principal<br> Bairro/cidade<br> Cep: 99999-999</strong></p>-->
                    </div>

                </div>
                <div class="col-md-6">
                    <h4>Me envie uma mensagem</h4>

                    <div class="form-widget" data-alert-type="inline">

                        <div class="form-result"></div>
                        <p class="lead">Entre com contato que responderei em breve.</p>
                       <hr>

                        <form class="nobottommargin" id="recipe-contactform"  action="<?= url("contact")?>" method="post">
                            <?= csrf_input("csrf_leonardo_ct2"); ?>
                            <div class="form-process bg-transparent"></div>

                            <div class="row">
                                <div class="col-lg-12">
                                    <label class="nott ls0 t400" for="recipe-contactform-name">Nome <small>*</small></label>
                                    <input type="text" id="recipe-contactform-name" name="name" value="" class="form-control required" />
                                </div>
                                <div class="clear mt-2"></div>
                                <div class="col-lg-12">
                                    <label class="nott ls0 t400" for="recipe-contactform-email">Email <small>*</small></label>
                                    <input type="email" id="recipe-contactform-email" name="email" value="" class="required email form-control" />
                                </div>

                                <div class="clear mt-2"></div>

                                <div class="col-lg-12">
                                    <label class="nott ls0 t400" for="recipe-contactform-phone">Telefone</label>
                                    <input type="text" id="recipe-contactform-phone" name="phone" value="" class="form-control mask-celular" />
                                </div>
                                <div class="clear mt-2"></div>
                                <div class="col-lg-6">
                                    <label class="nott ls0 t400" for="recipe-contactform-subject">Nome do Aluno(a) <small>*</small></label>
                                    <input type="text" id="recipe-contactform-subject" name="field1" value="" class="required form-control" />
                                </div>
                                <div class="col-lg-6">
                                    <label class="nott ls0 t400" for="recipe-contactform-subject">Idade do Aluno(a) <small>*</small></label>
                                    <input type="text" id="recipe-contactform-subject" name="field2" value="" class="required form-control" />
                                </div>

                                <div class="clear mt-2"></div>

                                <div class="col-lg-12">
                                    <label class="nott ls0 t400" for="recipe-contactform-message">Mensagem <small>*</small></label>
                                    <textarea class="required form-control" id="message" name="message" rows="5" cols="30"></textarea>

                                </div>
                                <input type="hidden" name="action" value="formulario">
                                <input type="hidden" name="subject" value="Mensagem do Site">
                                <div class="clear mt-2"></div>

                                <div class="col-lg-12">
                                    <button class="button button-rounded button-large nomargin button-circle" type="submit" id="recipe-contactform-submit" name="recipe-contactform-submit" value="submit">Enviar</button>
                                </div>
                            </div>


                        </form>
                    </div>
                </div>
            </div>

        </div>

    </div>

</section><!-- #content end -->