@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_DIRECCION')}}<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')