Как сделать живой поиск по json с другого сайта?

Добрый вечер!

Есть сервис для вывода списка сериалов, через их api , отдают через json
Пытаюсь сделать блок с формой поиска, в который пользователь будет писать название сериала не полностью (например 3-4 буквы первой) и будет сразу срабатывать запрос через ajax и выводить результаты

Проблема в том, что данные json я получить могу без проблем, а вот получить их через ajax не получается, в консоли печатает ошибку 500 (Internal Server Error)

Подскажите пожалуйста что я делаю не так

Страница 1

<?php 

get_header();

?>
<input type="text" class="find">
<div id="result"></div>
<script type="text/javascript">
$(document).ready(function(){
    $(".find").on('input', function postinput(){
        var matchvalue = $(this).val(); // this.value
        $.ajax({ 
            url: '<?php bloginfo('template_url'); ?>/page-pars.php',
            data: { matchvalue: matchvalue },
            type: 'post'
        }).done(function(responseData) {
            $('#result').html(data);
        }).fail(function() {
            console.log('Failed');
        });
    });
});
</script>
<?php get_footer(); ?>

Страница page-pars.php

<?php

if (isset($_POST['matchvalue'])) {$reqq = $_POST['matchvalue'];} else {$reqq = 'Arrow';}

$urll = 'http://api.tvmaze.com/search/shows?q='.$reqq;

$req = wp_remote_get( $urll );

$pars = wp_remote_retrieve_body( $req );

echo $pars;   

?>