@include('web/header')
@include('modals/login')

<div class="masthead">

    <div class="container">

        <h1 class="masthead-subtitle">
            Contacto
        </h1>

    </div> <!-- /.container -->

</div> <!-- /.masthead -->



<div class="content">

    <div class="container">

        <div class="layout layout-stack-sm layout-main-left">

            <div class="col-sm-8 layout-main">

                <div class="heading-block">
                    <H4>Formulario de contacto</H4>
                </div>

                <p>Por favor ingrese su nombre, email, teléfono de contacto y su consulta. A la brevedad le responderá
                    uno de nuestros asesores comerciales. Muchas gracias!</p>

                <br>
                <br>

                <form class="form form-horizontal" id="form_consulta_mail">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}">
                    <div class="form-group">
                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <label>Nombre: <span class="required">*</span></label>
                            <input class="form-control" id="nombre" name="nombre" type="text" value="" required>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <label>Email: <span class="required">*</span></label>
                            <input class="form-control" type="email" id="email" name="email" value="" required>
                        </div>

                        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                            <label>Teléfono: <span class="required">*</span></label>
                            <input class="form-control" id="telefono" name="telefono" type="text" value="" required>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label>Empresa:</label>
                            <input class="form-control" id="empresa" name="empresa" type="text" value="">
                        </div>
                        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                            <label>Cargo:</label>
                            <input class="form-control" id="cargo" name="cargo" type="text" value="">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <label>Consulta: <span class="required">*</span></label>
                            <textarea class="form-control" id="consulta" name="consulta" rows="8" cols="40"
                                required></textarea>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                            <button class="btn btn-primary background-fidelitas" id="btn_consulta_mail_submit"
                                type="submit">Enviar consulta</button>
                        </div>
                    </div>


                </form>

                <div id="mensaje_ok" class="hidden alert alert-success">El mensaje se envío correctamente, A la brevedad
                    nos contactaremos con usted, muchas gracias!</div>
                <div id="mensaje_error" class="hidden alert alert-danger">El mensaje no pudo enviarse, por favor vuelva
                    a intentarlo más tarde</div>
            </div> <!-- /.col -->

            <div class="col-sm-4 layout-sidebar">


                <div class="heading-block">
                    <H4>Nuestras oficinas</H4>
                </div>


                <ul class="icons-list">
                    <li>
                        <i class="icon-li fa fa-home"></i>
                        <!-- Vuelta de Obligado 1131 PB "A" <br/>
                (C1426BEA) Ciudad de Buenos Aires <br/> 
                Argentina  
                -->
                        {{env('FIDELITA_CALLE')}} <br />
                        {{env('FIDELITA_CDP_CIUDAD')}} <br />
                        {{env('FIDELITA_PAIS')}}
                    </li>

                    <li>
                        <i class="icon-li fa fa-phone"></i>
                        +54 11 5254 9950
                    </li>
                </ul>

                <br><br>

                <div class="heading-block">
                    <H4>Horario de atención</H4>
                </div>

                <ul class="icons-list">
                    <li>
                        <i class="icon-li fa fa-clock-o"></i>
                        Lunes a Viernes - 9 a 18hs
                    </li>

                </ul>

                <hr class="spacer-xl">
                <hr class="spacer-xl">

            </div> <!-- /.col -->

        </div> <!-- /.row -->

    </div> <!-- /.container -->

</div> <!-- /.content -->

@include('web/footer')