{extends "site.tpl"}
{block name="javascript"}
<script type="text/javascript">
    jQuery(function() {
        $('.public-content').on('click', 'aside a', function () {
            Lib.scrollTo($('h4[data-rok="' + $(this).attr('data-rok') + '"]').offset().top - 100)
        })
    })
</script>
{/block}
{block name="content"}
<section class="content">
    <section class="public-top">
        <div class="container">
            <h1>{$s.tytul}</h1>
            <form action="{$baseUrl}{$controllers.publications.$lang.url}">
                <input type="text" autocomplete="off" name="q" placeholder="{$dictionary.publikacje.$lang}" {if isset($smarty.get.q)}value="{$smarty.get.q}"{/if} />
                <button>{$dictionary.szukaj.$lang}</button>
            </form>
                <p>{$dictionary.publikacjeTekst.$lang}</p>
        </div>
    </section>
    <div class="container">
        <img class="loading" src="{$smarty.const.STRONA}img/admin/ajax.gif" alt="loading" />
        <section class="public-content">
            {include file="inc/publications.tpl"}
        </section>
    </div>
</section>
<script type='text/javascript'>
    (function() {
        var History = window.History
        var search = $('.public-top')
        var input = search.find('input')
        var content = $('.public-content')
        var szukaj = ''
        var loading = $('.loading')
        var url = search.find('form').attr('action')
        
        function loadContent() {
            

            var value = input.val()
            var path = window.location.pathname.replace(/\//g, '')
            var url = value
                ? History.getRootUrl() + path + '?q=' +value.replace( /[ ]+/g, "+")
                : History.getRootUrl() + path
            if (!History) window.location.href = url
            History.pushState(null,'Szukaj'  + value, url);
            $.ajax({
                url: url,
                data: {
                    q: input.val()
                }
            }).done(function(data) {
                content
                    .html(data)
                    .css('opacity', '1')
                loading.hide()
                
            })
        }
        input.on({
            'keydown': function (e) {
                if (e.keyCode == 13) return false
                var inp = String.fromCharCode(e.keyCode);
                if (/[a-zA-Z0-9-_ ]/.test(inp) || e.keyCode == 8) {
                    content.css('opacity', '0.3')
                    loading.show()
                    clearTimeout(szukaj)
                    szukaj = setTimeout(loadContent, 800)
                }
            }
        })
    })()
</script>
{/block}