{% extends 'base.html.twig' %}

{% block stylesheets %}
    <link href="{{ asset('css/css.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="{{ asset('css/font-awesome.css') }}">
    <link rel="stylesheet" href="{{ asset('css/pe-icon-7-stroke.css') }}">
    <link rel="stylesheet" href="{{ asset('css/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/style.min.css') }}?ver=2.0.1">
    <link rel="manifest" href="{{ asset('manifest.json') }}" />
{% endblock %}

{% block javascripts %}
    <!--[if lt IE 9]>
    <script src="{{ asset('js/html5shiv.min.js') }}"></script>
    <script src="{{ asset('js/respond.min.j') }}"></script>
    <![endif]-->
{% endblock %}

{% block body %}
    <aside class="kayo-aside">
        <div class="control-bar">
            <div class="text-center">
                <span class="menu-toggle">
                <i class="chart"></i>
                <i class="chart"></i>
                <i class="chart"></i>
                </span>
            </div>
            <p class="copyright">
                <a href="/">Saul Morales Pacheco</a> - © - made by love <i class="fa fa-heart"></i>
            </p>
        </div>
        <div class="slide-menu-container">
            <div class="slide-menu menu-opend navbar-scrolled kayo-menu-style-2">
                <div class="kayo-user-info">
                    <ul class="social-media list-unstyled text-center">
                        <li><a href="https://github.com/saulmoralespa" class="github" target="_blank"><i class="fa fa-github"></i></a></li>
                        <li><a href="https://www.linkedin.com/in/saulmoralespa/" class="linkedin" target="_blank"><i class="fa fa-linkedin"></i></a></li>
                        <li><a href="https://www.youtube.com/c/SaulMoralespa" class="youtube" target="_blank"><i class="fa fa-youtube-play"></i></a></li>
                        <li><a href="https://www.facebook.com/saulmoralesp" class="facebook" target="_blank"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="https://twitter.com/saulmoralesp" class="twitter" target="_blank"><i class="fa fa-twitter"></i></a></li>
                    </ul>

                    <div class="kayo-img-box">
                        <div class="kayo-img">
                            <img src="{{ asset('img/default_profile.jpg') }}" loading="lazy" alt="Saul Morales Pacheco">
                        </div>
                    </div>
                </div>
                <div class="nav">
                    <ul class="list-unstyled kayo-links">
                        <li>
                            <a href="#home"><i class="fa fa-home"></i>Home</a>
                        </li>
                        <li>
                            <a href="#aboutMe"><i class="glyphicon glyphicon-user"></i>Sobre mi</a>
                        </li>
                        <li class="active">
                            <a href="#portfolio"><i class="fa fa-laptop"></i>Portafolio</a>
                        </li>
                        <li>
                            <a href="#resume"><i class="glyphicon glyphicon-leaf"></i>Currículum</a>
                        </li>
                        <li>
                            <a href="#blog"><i class="fa fa-newspaper-o"></i>Blog</a>
                        </li>
                        <li>
                            <a href="#contact"><i class="glyphicon glyphicon-headphones"></i>Contáctame</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </aside>
    <main class="main-page-content">
        {{ include('home/portfolio.html.twig') }}
        <section class="full-page" id="home">
            <div class="home overlay-container" style="overflow: hidden;" tabindex="5000">
                <div class="overlay">
                    <div class="intro-section kayo-container display-table">
                        <div class="display-table-cell">
                            <h1 class="mr-kayo">Saul Morales Pacheco</h1>
                            <h3 class="kayo-work-description">&nbsp;<span class="kayo-work">We</span><span class="typed-cursor"></span></h3>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="full-page" id="aboutMe">
            <div class="aboutMe overlay-container" style="overflow: hidden;" tabindex="5001">

                <div class="kayo-intro-section">
                    <div class="overlay">
                        <div class="section-intro">
                            <div class="text-center kayo-icon-box-container">
                                <div class="kayo-icon-box">
                                    <span class="glyphicon glyphicon-user kayo-icon"></span>
                                </div>
                            </div>
                            <h1 class="text-center">
                                SOBRE MI
                            </h1>
                        </div>
                    </div>
                </div>

                <div class="my-information">
                    <div class="kayo-container">
                        <div class="mrkayo-main-title">
                            <h2>
                                CONÓCEME
                                <span class="kayo-line"></span>
                            </h2>
                        </div>
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="my-image">
                                    <img src="{{ asset('img/default_profile.jpg') }}" loading="lazy" class="img-responsive" alt>
                                </div>
                            </div>
                            <div class="col-sm-8">
                                <div class="kayo-info-detail">
                                    <h3>Hola,</h3>
                                    <p>Soy un desarrollador de software full stack con más de 8 años de experiencia en la industria. Comence mi carrera como freelance brindando servicios a diferentes clientes, especialmente en el ámbito del e-commerce. Los últimos años he tenido la oportunidad de trabajar con varias empresas de consultoría y del sector tech. Mi experiencia se basa en PHP, Javascript, SQL, Laravel, React, TypeScript, Node, MySQL, AWS, Azure y metodologías ágiles como Scrum.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="kayo-service">
                    <div class="overlay">
                        <div class="kayo-container">
                            <div class="mrkayo-main-title">
                                <h2>
                                    Servicio
                                    <span class="kayo-line"></span>
                                </h2>
                            </div>
                            <div class="row">
                                <div class="col-lg-3 col-sm-6">
                                    <div class="kayo-icon-list-box">
                                        <div class="kayo-icon-box-container">
                                            <div class="kayo-icon-box">
                                                <span class="pe-7s-monitor kayo-icon"></span>
                                            </div>
                                        </div>
                                        <div class="kayo-list-info">
                                            <h4>aplicaciones web</h4>
                                            <p>
                                                Desarrollos usando frameworks de php como laravel y symfony junto librerias o frameworks de javascript como vuejs o react
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="kayo-icon-list-box">
                                        <div class="kayo-icon-box-container">
                                            <div class="kayo-icon-box">
                                                <span class="pe-7s-phone kayo-icon"></span>
                                            </div>
                                        </div>
                                        <div class="kayo-list-info">
                                            <h4>aplicaciones moviles</h4>
                                            <p>
                                                Desarrollos usando react native
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="kayo-icon-list-box">
                                        <div class="kayo-icon-box-container">
                                            <div class="kayo-icon-box">
                                                <span class="pe-7s-server kayo-icon"></span>
                                            </div>
                                        </div>
                                        <div class="kayo-list-info">
                                            <h4>modulos</h4>
                                            <p>
                                                Plugins para WordPress, woocommerce, prestashop y magento
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="kayo-icon-list-box">
                                        <div class="kayo-icon-box-container">
                                            <div class="kayo-icon-box">
                                                <span class="pe-7s-config kayo-icon"></span>
                                            </div>
                                        </div>
                                        <div class="kayo-list-info">
                                            <h4>bugs o cambios</h4>
                                            <p>
                                                Realizo cambios en desarrollos documentados
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="kayo-facts-about-me">
                    <div class="kayo-container overlay">
                        <div class="mrkayo-main-title">
                            <h2>hechos asombrosos
                                <span class="kayo-line"></span>
                            </h2>
                        </div>
                        <div class="kayo-info-list">
                            <div class="row">
                                <div class="col-lg-3 col-sm-6">
                                    <div class="single-info">
                                        <p class="info-icon">
                                            <i class="pe-7s-display1"></i>
                                            <span class="facts-numbers" data-from="20" data-to="500" data-speed="1100"></span>
                                        </p>
                                        <h3>proyectos</h3>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="single-info">
                                        <p class="info-icon">
                                            <i class="pe-7s-alarm"></i>
                                            <span class="facts-numbers" data-from="70" data-to="750" data-speed="1100"></span>
                                        </p>
                                        <h3>horas laborales</h3>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="single-info">
                                        <p class="info-icon">
                                            <i class="pe-7s-headphones"></i>
                                            <span class="facts-numbers" data-from="30" data-to="150" data-speed="1100"></span>
                                        </p>
                                        <h3>atención al cliente</h3>
                                    </div>
                                </div>
                                <div class="col-lg-3 col-sm-6">
                                    <div class="single-info">
                                        <p class="info-icon">
                                            <i class="pe-7s-smile"></i>
                                            <span class="facts-numbers" data-from="100" data-to="820" data-speed="1100"></span>
                                        </p>
                                        <h3>clientes felices</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="testimonials">
                    <div class="kayo-container">
                        <div class="mrkayo-main-title">
                            <h2>Testimonios
                                <span class="kayo-line"></span>
                            </h2>
                        </div>
                        <div class="testimonials-slider-container">

                            <div class="testimonials-slider">
                                <div class="testi-box text-center">
                                    <div class="img-box">
                                        <img src="{{ asset('img/francisco_clavel.png') }}" loading="lazy" alt>
                                    </div>
                                    <div class="testi-user-info">
                                        <h3>Francisco Clavel</h3>
                                        <h5>Socio Fundador y Gerente General en CMO Chile</h5>
                                    </div>
                                    <div class="testi-desc-box">
                                        <i>“</i>
                                        <p>Rápido trabajo y excelente comunicación.
                                        </p>
                                        <i>”</i>
                                    </div>
                                </div><div class="testi-box text-center">
                                    <div class="img-box">
                                        <img src="{{ asset('img/mauricio_reyes.png') }}" loading="lazy" alt>
                                    </div>
                                    <div class="testi-user-info">
                                        <h3>Mauricio Reyes</h3>
                                        <h5>Cliente workana</h5>
                                    </div>
                                    <div class="testi-desc-box">
                                        <i>“</i>
                                        <p>Excelente profesional, amplios conocimientos en los temas propuestos, proyecto y tiempos de entrega más allá de mis expectativas, muy atento a todos los requerimientos y una comunicación excelente. 100% recomendado.¡Mil Gracias Saul!.
                                        </p>
                                        <i>”</i>
                                    </div>
                                </div><div class="testi-box text-center">
                                    <div class="img-box">
                                        <img src="{{ asset('img/eduardo_xicara.png') }}" loading="lazy" alt>
                                    </div>
                                    <div class="testi-user-info">
                                        <h3>Eduardo Xicará</h3>
                                        <h5>Consultor de IT y Marketing Digital</h5>
                                    </div>
                                    <div class="testi-desc-box">
                                        <i>“</i>
                                        <p>Excelente profesional, mostró mucho profesionalismo y me ayudo con el proyecto cobrándome un precio justo.
                                        </p>
                                        <i>”</i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <ul class="paging-container list-unstyled text-center list-inline">
                        <li class="testimonials-arrows" id="testimonial-prevArrow">
                            <div class="testimonials-client-page"></div>
                            <i class="pe-7s-angle-left"></i>
                        </li>
                        <li id="testimonial-paging"></li>
                        <li class="testimonials-arrows" id="testimonial-nextArrow">
                            <div class="testimonials-client-page"></div>
                            <i class="pe-7s-angle-right"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </section>
        <section class="full-page" id="resume">
            <div class="resume overlay-container" style="overflow: hidden;" tabindex="5003">
                <div class="kayo-intro-section">
                    <div class="overlay">
                        <div class="section-intro">
                            <div class="text-center kayo-icon-box-container">
                                <div class="kayo-icon-box">
                                    <span class="glyphicon glyphicon-leaf kayo-icon"></span>
                                </div>
                            </div>
                            <h1 class="text-center">
                                CURRÍCULUM
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="kayo-container education-workHistory">
                    <div class="mrkayo-main-title">
                        <h2>
                            Mi experiencia
                            <span class="kayo-line"></span>
                        </h2>
                    </div>
                    {#<div class="take-my-resume">
                        <a target="_blank" href="https://drive.google.com/file/d/{{ file_id_cv_drive_google }}/view" class="kayo-btn-1"><span class="glyphicon glyphicon-cloud-download"></span> Toma mi currículum</a>
                    </div>#}
                </div>
                <div class="kayo-skills">
                    <div class="overlay">
                        <div class="kayo-container">
                            <div class="soft-skills">
                                <div class="mrkayo-main-title">
                                    <h2>
                                        Habilidades blandas
                                        <span class="kayo-line"></span>
                                    </h2>
                                </div>
                                <div class="row">
                                    <div class="col-sm-3">
                                        <div class="progress-container">
                                            <div class="progressName" id="pro1" data-value="0.8" data-color="#1894ff"></div>
                                            <h3>Comunicación</h3>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="progress-container">
                                            <div class="progressName" id="pro2" data-value="0.9" data-color="#1894ff"></div>
                                            <h3>Trabajo en equipo</h3>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="progress-container">
                                            <div class="progressName" id="pro4" data-value="0.8" data-color="#1894ff"></div>
                                            <h3>Velocidad</h3>
                                        </div>
                                    </div>
                                    <div class="col-sm-3">
                                        <div class="progress-container">
                                            <div class="progressName" id="pro3" data-value="0.7" data-color="#1894ff"></div>
                                            <h3>Creatividad</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="technical-skills">
                                <div class="mrkayo-main-title">
                                    <h2>
                                        Habilidades técnicas
                                        <span class="kayo-line"></span>
                                    </h2>
                                </div>
                                <div class="row">
                                    <div class="col-sm-4">
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="95" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>PHP</h3>
                                        </div>
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="80" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>React</h3>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="90" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>Javascript</h3>
                                        </div>
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="80" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>TypeScript</h3>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="90" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>Symfony</h3>
                                        </div>
                                        <div class="progress-bar-container primary-style">
                                            <span class="timer" data-from="0" data-to="80" data-speed="1100" data-refresh-interval="50">0</span>
                                            <div class="progress">
                                                <div class="progress-bar active" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 0%"></div>
                                            </div>
                                            <h3>Node</h3>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="full-page" id="blog">
            <div class="blog overlay-container" style="overflow: hidden;" tabindex="5004">
                <div class="kayo-intro-section">
                    <div class="overlay">
                        <div class="section-intro">
                            <div class="text-center kayo-icon-box-container">
                                <div class="kayo-icon-box">
                                    <span class="fa fa-newspaper-o kayo-icon"></span>
                                </div>
                            </div>
                            <h1 class="text-center">
                                BLOG
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="port-box">
                    <div class="kayo-container">
                        <div class="mrkayo-main-title">
                            <h2>
                                Últimas publicaciones
                                <span class="kayo-line"></span>
                            </h2>
                        </div>
                        <div class="posts">
                            <div class="row posts-grid" style="position: relative; height: 1663.8px;">
                                {% for post in posts %}
                                    <div class="col-lg-6 col-md-12 col-sm-6 post-grid-item" style="position: absolute; left: 0%; top: 0px;">
                                        <div>
                                            <article class="normal-post">
                                                <figure class="entry-header">
                                                    <div class="post-image">
                                                        <!--<img src="Mr%20Kayo_files/01.jpg" class="img-responsive" alt="">-->
                                                    </div>
                                                    <ul class="post-share list-unstyled">
                                                        <li class="open-post-share">
                                                            <span><i class="fa fa-share-alt"></i></span>
                                                            <ul class="post-share-links list-unstyled">
                                                                <li>
                                                                    <a href="https://www.facebook.com/sharer/sharer.php?u={{ post.link }}&t={{ post.title.rendered }}" class="facebook-bg-hover">
                                                                        <i class="fa fa-facebook"></i>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a href="https://twitter.com/intent/tweet?url={{ post.link }}&text={{ post.title.rendered }}" class="twitter-bg-hover">
                                                                        <i class="fa fa-twitter"></i>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </li>
                                                    </ul>
                                                </figure>
                                                <div class="entry-content">
                                                    <div class="entry-post-info">
                                                        <h4><a href="{{ post.link }}">{{ post.title.rendered }}</a></h4>

                                                        <p>Posted {{ post.date|date("Y-m-d") }}</p>
                                                    </div>
                                                    <div class="entry-expert">
                                                        <div class="post-readMore">
                                                            <a href="{{ post.link }}" class="pull-left read-more-link">Read More <i class="fa fa-long-arrow-right"></i></a>
                                                            <!--<span class="pull-right"><a href="#">1 COMMENT</a></span-->
                                                        </div>
                                                    </div>
                                                </div>
                                            </article>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="full-page" id="contact">
            <div class="contact overlay-container" style="overflow: hidden;" tabindex="5005">
                <div class="kayo-intro-section">
                    <div class="overlay">
                        <div class="section-intro">
                            <div class="text-center kayo-icon-box-container">
                                <div class="kayo-icon-box">
                                    <span class="glyphicon glyphicon-headphones kayo-icon"></span>
                                </div>
                            </div>
                            <h1 class="text-center">
                                CONTÁCTAME
                            </h1>
                        </div>
                    </div>
                </div>
                <div class="contact-ways">
                    <div class="kayo-container">
                        <div class="mrkayo-main-title">
                            <h2>
                                Estar en contacto
                                <span class="kayo-line"></span>
                            </h2>
                        </div>
                        <div class="row">
                            <!--<div class="col-sm-4">
                                <div class="kayo-icon-list-box">
                                    <div class="kayo-icon-box-container">
                                        <div class="kayo-icon-box">
                                            <span class="glyphicon glyphicon-phone kayo-icon"></span>
                                        </div>
                                    </div>
                                    <div class="kayo-list-info">
                                        <h4>Teléfono</h4>
                                        <p>
                                            +573178034732
                                        </p>
                                    </div>
                                </div>
                            </div>-->
                            <div class="col-sm">
                                <div class="kayo-icon-list-box">
                                    <div class="kayo-icon-box-container">
                                        <div class="kayo-icon-box">
                                            <span class="fa fa-envelope kayo-icon"></span>
                                        </div>
                                    </div>
                                    <div class="kayo-list-info">
                                        <h4>Email</h4>
                                        <p class="copy-email">
                                            <a href="mailto:info@saulmoralespa.com">info@saulmoralespa.com</a>
                                            <i class="fa fa-copy"></i>
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="contact-form">
                    <div class="overlay">
                        <div class="kayo-container">
                            <div class="mrkayo-main-title">
                                <h2>
                                    Enviar mensaje
                                    <span class="kayo-line"></span>
                                </h2>
                            </div>
                            <div class="row">
                                <div class="col-lg-8 col-lg-offset-2 col-md-12 col-md-offset-0 col-sm-10 col-sm-offset-1">
                                    <form class="kayo-form" id="form-smp">
                                        <div class="input-row">
                                            <div class="form-group">
                                                <input name="{{ field_name(contact_form.name) }}" class="form-control" placeholder="Su Nombre" type="text" required>
                                            </div>
                                            <div class="form-group">
                                                <input name="{{ field_name(contact_form.email) }}" class="form-control" placeholder="E-mail" type="email" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <textarea name="{{ field_name(contact_form.message) }}" class="form-control" minlength="60" maxlength="250" placeholder="Su mensaje ..." required></textarea>
                                            <input type="hidden" name="token" value="{{ csrf_token('contact_item') }}">
                                        </div>
                                        <div>
                                            <button class="btn kayo-btn-1 btn-block btn-rgba" type="submit" name="{{ field_name(contact_form.submit) }}">
                                                <i class="fa fa-send-o"></i> Envía tu mensaje
                                            </button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <div id="fb-root"></div>
        <div class="fb-customerchat" attribution="setup_tool" page_id="545328325609495" theme_color="#0084ff" logged_in_greeting="Hola, como puedo ayudarle ?" logged_out_greeting="Hola, como puedo ayudarle ?">
        </div>
    </main>
{% endblock %}
{% block javascripts_footer %}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LckcpQoAAAAAJF7ee8KcksFfCXvYX4j1A_LkPoE" async></script>
    <script src="{{ asset('js/jquery.countTo.min.js') }}"></script>
    <script src="{{ asset('js/jquery.nicescroll.min.js') }}"></script>
    <script src="{{ asset('js/typed.js') }}"></script>
    <script src="{{ asset('js/slick.js') }}"></script>
    <script src="{{ asset('js/progressbar.js') }}"></script>
    <script src="{{ asset('js/isotope.js') }}"></script>
    <script src="{{ asset('js/plugins.min.js') }}?ver=2.0.1"></script>
    <script>
        window.fbAsyncInit = function() {
            FB.init({
                xfbml: true,
                version: 'v3.3'
            });
        };
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = 'https://connect.facebook.net/es_LA/sdk/xfbml.customerchat.js';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
        window.recaptcha_public_key = '6LckcpQoAAAAAJF7ee8KcksFfCXvYX4j1A_LkPoE';
    </script>
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-F2G25Y6JZS"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-F2G25Y6JZS');
    </script>
{% endblock %}