<?php /**/ $redes_sociales = \App\Http\Utils\Util::getRedesSociales() /**/ ?>

<?php $__env->startSection('css'); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>
    <?php echo Html::script('js/general/ajax.js'); ?>

    <?php echo Html::script('js/general/alert-message.js'); ?>

    <?php echo Html::script('js/general/jquery.functions.js'); ?>

    <script>
        $(document).on('click', '#btn-enviar-mensaje', function () {
            var btn = $(this);
            var form = $('#formulario-contacto');
            var data = form.serialize();

            form.find('.alert').remove();
            form.find('*').attr('disabled', 'disabled');
            btn.find('b').removeClass('glyphicon-send').addClass('glyphicon-refresh gly-spin');
            $.ajax({
                url: '<?php echo e(route('post-contacto-enviar-contacto')); ?>',
                type: 'post',
                data: data
            }).done(function (json) {
                var message = json.messages.join('<br>');
                if (json.success == true) {
                    form[0].reset();
                    form.find('.mensaj').prepend('<div class="alert alert-success" role="alert">' + message + '</div>');
                } else {

                    form.find('.mensaj').prepend('<div class="alert alert-danger" role="alert">' + message + '</div>');
                }
                form.find('*').removeAttr('disabled');
                btn.find('b').removeClass('glyphicon-refresh gly-spin').addClass('glyphicon glyphicon-envelope');
            }).fail(function () {
                btn.find('b').removeClass('glyphicon-refresh gly-spin').addClass('glyphicon glyphicon-envelope');
            });
        });
    </script>
    <script src='https://www.google.com/recaptcha/api.js?hl=es'></script>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('contenido'); ?>
    <div class="container">
        <div class="row duddy">
            <div class="col-md-8 col-sm-8 col-xs-12">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <h2 class="text-left titulo blue"><?php echo e('Comunícate con nosotros'); ?></h2>
                </div>
                <?php echo Form::open(['method' => 'POST', 'id' => 'formulario-contacto', 'autocomplete' => 'off', 'class' => '']); ?>

                <div class="col-md-6 col-sm-6 col-xs-12 titulo-black">
                    <div for="nombre-apellido" class="form-control-contacto">
                        <b class="texto black"><?php echo e('Nombre y apellido'); ?>&nbsp;*</b>
                        <?php echo Form::text('nombre-apellido', null, ['class' => 'form-control input-sm']); ?>

                    </div>
                    <div for="correo-electronico" class="form-control-contacto">
                        <b class="texto black"> <?php echo e('Correo electronico'); ?>&nbsp;*</b>
                        <?php echo Form::email('correo-electronico', null, ['class' => 'form-control input-sm']); ?>

                    </div>
                    <div for="telefono" class="form-control-contacto">
                        <b><?php echo e('Teléfono'); ?>&nbsp;*</b>
                        <?php echo Form::tel('telefono', null, ['class' => 'form-control input-sm']); ?>

                    </div>
                </div>
                <div class="col-md-12 col-sm-12 col-xs-12 titulo-black">
                    <div for="mensaje" class="form-control-contacto">
                        <b class="texto black"> <?php echo e('Mensaje'); ?>&nbsp;*</b>
                        <?php echo Form::textarea('mensaje', null, ['class' => 'form-control input-lg', 'rows' => '5']); ?>

                    </div>
                    <div class="col-md-12 mensaj"></div>
                    <div class="col-md-6 text-right">
                        <div class="g-recaptcha" data-sitekey="6Le6RKIUAAAAAHSdYyx0ZDhli_UCpKf2PfmywLhP"></div>
                        <br>
                    </div>
                    <div class="col-md-6 text-right">
                        <button id="btn-enviar-mensaje" type="button" class="btn btn-burdeo btn-lg">
                            &nbsp<?php echo e('Enviar'); ?>

                        </button>
                    </div>
                </div>
                <?php echo Form::close(); ?>

            </div>
            <div class="col-md-4 col-sm-4 col-xs-12">
                <div class="col-md-12 text-center groot-bottom ">
                    <a href="#" class="btn btn-lg btn-burdeo texto" style="padding: 30px"
                       role="button"><b><?php echo e('Suscribirse'); ?><br><?php echo e('a boletín'); ?></b></a>
                </div>
                <div class="col-md-12  text-center">
                    <a id="colaboracion"
                       data-href="<?php echo e(route('post-formulario-colaboracion')); ?>" class="btn btn-lg btn-burdeo texto"
                       style="padding: 25px"
                       role="button"><b><?php echo e('Colaboració'); ?><br><?php echo e('ciudadana'); ?></b></a>
                </div>

                <div class="col-md-12 col-sm-12 col-xs-12 groot">
                    <img src="<?php echo e(asset('imagenes/general/2-quienes-somos/quienes-somos-2.png')); ?>"
                         class="img-responsive center-block" alt="tehuelche noticias">
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('templates.public.public-template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>