<?php /**/ $redes_sociales = \App\Http\Utils\Util::getRedesSociales() /**/ ?>

<?php $__env->startSection('css'); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js'); ?>

    <?php echo Html::script('https://maps.google.com/maps/api/js?key=AIzaSyBM-m7Jw_VZyTTHcHU2B_PdUsK_2AjQhqc'); ?>

    <?php if($latitud != null && $longitud != null): ?>
        <script>
            var myOptions = {
                zoom: 17,
                center: new google.maps.LatLng('<?php echo e($latitud); ?>', '<?php echo e($longitud); ?>'),
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                scrollwheel: false
            };
            var pinImage = new google.maps.MarkerImage('<?php echo e(asset('imagenes/general/pointer-map.png')); ?>',
                new google.maps.Size(64, 78),
                new google.maps.Point(0, 0),
                new google.maps.Point(32, 78));
            var map = new google.maps.Map(document.getElementById('google-map'), myOptions);
            var marker = new google.maps.Marker({
                icon: pinImage,
                position: map.getCenter(),
                map: map,
                title: 'Refugio Austral'
            });
        </script>
    <?php endif; ?>
    <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>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('contenido'); ?>
    <div class="container-fluid bg-contacto">
        <div class="container">
            <div class="duddy">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="titulo-texto-griseo"><?php echo e('Contacto'); ?></h2>
                    </div>
                    <?php echo Form::open(['method' => 'POST', 'id' => 'formulario-contacto', 'autocomplete' => 'off', 'class' => 'form-control']); ?>

                    <div class="col-md-6 col-sm-6 col-xs-12 titulo-black">
                        <div for="nombre-apellido" class="form-control-contacto">
                            <?php echo e('Nombre y apellido'); ?>&nbsp;*
                            <?php echo Form::text('nombre-apellido', null, ['class' => 'form-control input-lg']); ?>

                        </div>
                        <div for="correo-electronico" class="form-control-contacto">
                            <?php echo e('Correo electronico'); ?>&nbsp;*
                            <?php echo Form::email('correo-electronico', null, ['class' => 'form-control input-lg']); ?>

                        </div>
                        <div for="telefono" class="form-control-contacto">
                            <?php echo e('teléfono'); ?>&nbsp;*
                            <?php echo Form::tel('telefono', null, ['class' => 'form-control input-lg']); ?>

                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-12 titulo-black">
                        <div for="mensaje" class="form-control-contacto">
                            <?php echo e('Mensaje'); ?>&nbsp;*
                            <?php echo Form::textarea('mensaje', null, ['class' => 'form-control input-lg', 'rows' => '5']); ?>

                        </div>
                        <div class="col-md-8 mensaj"></div>
                        <div class="col-md-4 text-right">
                            <br>
                            <button id="btn-enviar-mensaje" type="button" class="btn btn-default btn-lg">
                                <b class="glyphicon glyphicon-envelope"></b>&nbsp<?php echo e('Enviar'); ?>

                            </button>
                        </div>
                    </div>
                    <?php echo Form::close(); ?>

                </div>
            </div>
            <div class="row duddy">
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div id="google-map"></div>
                </div>
                <div class="col-md-1 col-sm-1 hidden-xs"></div>
                <div class="col-md-5 col-sm-5 col-xs-12">
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="titulo-griseo"><?php echo e('Dirección:'); ?></h3>
                            <p class="texto-griseo"><?php echo e('Ignacio Serrano 420, Coyhaique'); ?></p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="titulo-griseo"><?php echo e('Email'); ?></h3>
                            <p class="texto-griseo"><?php echo e('Contacto@refugioaustral.com'); ?></p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <h3 class="titulo-griseo"><?php echo e('Teléfono:'); ?></h3>
                            <p class="texto-griseo"><?php echo e('+56 9 99051581'); ?></p>
                        </div>
                    </div>
                    <?php /*}}<div class="row">
                        <div class="col-md-12">
                            <h3 class="titulo-griseo"><?php echo e('Siguenos en:'); ?></h3>
                            <?php foreach($redes_sociales as $red_social): ?>
                                <a title="<?php echo e($red_social->nombre); ?>"
                                   data-toggle="tooltip"
                                   data-placement="top"
                                   href="<?php echo e($red_social->enlace); ?>"
                                   target="_blank"
                                   class=""
                                   style="text-decoration: none;">
                                    <b class="<?php echo e($red_social->icono); ?>"></b>
                                </a>
                            <?php endforeach; ?>
                        </div>*/ ?>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('templates.public.public-template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>