@extends('plantilla.plantilla')

@section('titulo','Importadora Cork')

@section('estilos')

    <link rel="stylesheet" type="text/css" href="{{ asset('asset/styles/main_styles.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('asset/styles/responsive.css') }}">

@endsection


@section('contenido')

    <div class="super_container_inner">
        <div class="super_container_inner">
            <div class="super_overlay"></div>
            <div class="bg-blueh h90"></div>
            <div id="amazingslider-wrapper-1"
                 style="display:block;position:relative;max-width:100%;margin:0 auto;">
                <div id="amazingslider-2" style="display:block;position:relative;margin:0 auto;">
                    <ul class="amazingslider-slides" style="display:none;">
                        @foreach($banners as $b)
                            <li><img src="{{ asset('asset/images/'.$b->img)}}"/>
                        @endforeach
                    </ul>
                    <ul class="amazingslider-thumbnails" style="display:none;">
                        @foreach($banners as $b)
                            <li><img src="{{ asset('asset/images/'.$b->img)}}"/>
                        @endforeach
                    </ul>
                </div>
            </div>

            <div class="clearfix"></div>

            {!! $contacto->codigo!!}
        </div>
    </div>

@endsection


@section('scrips')
    {{--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>--}}
    <script type="application/javascript">
		$(document).ready(function () {
			$.ajaxSetup({
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				}
			});
		});

		function enviarCorreo() {

			// alert("hola");
			// e.preventDefault();
			$("#btn_enviar").prop('disabled', true);
			let formulario = document.getElementById("form_contact");
			var formData = new FormData(formulario);
			formData.append("_token", $("meta[name='csrf-token']").attr("content"));
			$('#loadingSave').modal('show');
			$.ajax({
				url: "{{ url('contacto/send-email')}}",
				type: "post",
				dataType: "json",
				data: formData,
				cache: false,
				contentType: false,
				processData: false
			})
				.done(function (resp) {
					Swal.fire({
						icon: 'success',
						title: '¡Correo enviado con éxito!',
						text: "Un asesor se contactará con usted lo más pronto posible",
						showConfirmButton: false,
						timer: 2000
					});

					formulario.reset();

				})
				.fail(function () {
					Swal.fire({
						icon: 'error',
						title: 'Oops...',
						text: resp.msg
					})
				})
				.always(function () {

					setTimeout(() => {
						$("#btn_enviar").prop('disabled', false);
						$('#loadingSave').modal('hide');
					}, 2000);
				});
		}

    </script>
@endsection