var searchkey;
$(document).ready(function(){
$('.message a').click(function(){
    $('form').animate({height: "toggle", opacity: "toggle"},"slow");
});

$('.search-btn').click(function() {
    searchkey= $('.search-movies').val();
  });
});

async function submitForm(e){
    e.preventDefault();
    
    try {
        const response = await fetch('https://mkr.thefeathers.in/register', {
            method: 'POST',
            headers: new Headers({'content-type': 'application/json'}),
            body: JSON.stringify({
                "username": document.getElementById('formName').value,
                "email": document.getElementById('formEmail').value,
                "password": document.getElementById('formPassword').value
            })
        });
        const data = await response.json();
        //Success code goes here
        //window.location = "searchmovies.html";
        alert(JSON.stringify(data));
        $('form').animate({ height: "toggle", opacity: "toggle" }, "slow");
    }
    catch (err) {
        //Failure
        alert('Error');
    }
}


async function submitForm1(e){
    e.preventDefault();
    
    try {
        const response = await fetch('https://mkr.thefeathers.in/login', {
            method: 'POST',
            headers: new Headers({'content-type': 'application/json'}),
            body: JSON.stringify({
                "username" : document.getElementById('formName1').value,
                 "password" : document.getElementById('formPassword1').value
            })
        });
        const data1 = await response.json();
        //Success code goes here
        alert(JSON.stringify(data1));
        window.localStorage.setItem('Token', (data1.token));
        window.location = "searchmovies.html";
    }
    catch (err) {
        //Failure
        alert('Error');
    }
}

async function search(e){
    e.preventDefault();
    var Token=window.localStorage.getItem('Token');
    try {
        const response = await fetch('https://mkr.thefeathers.in/search/'+searchkey, {
            method: 'GET',
            headers: new Headers({'content-type': 'application/json', 'Authentication': Token }),
        });
        const data2 = await response.json();
        //Success code goes here
        //window.location = "searchmovies.html";
        alert(JSON.stringify(data2));
        var str = '<ul>'
        var result = data2.results;
        result.forEach(myfunction);

        function myfunction(slide){
            str += '<li>'+ slide + '</li>';
        } 
        
        str += '</ul>';
        document.getElementById("slideContainer").innerHTML = str;
    }
    catch (err) {
        //Failure
        alert('Error');
    }
}