//namespace
if (!window.dsijak)
{
    window.dsijak = {};
    window.dsijak.cv = {};
    window.dsijak.cvEl = null;
}

//load once
dsijak.cvEl = {
    ime:                  document.getElementById("ds-input-ime"),
    prezime:              document.getElementById("ds-input-prezime"),
    nazivUlice:           document.getElementById("ds-input-naziv-ulice"),
    kucanskiBroj:         document.getElementById("ds-input-kucanski-broj"),
    mjesto:               document.getElementById("ds-input-mjesto"),
    postanskiBroj:        document.getElementById("ds-input-postanski-broj"),
    mobitel:              document.getElementById("ds-input-broj-mobitela"),
    email:                document.getElementById("ds-input-email"),
    datumRodenja:         document.getElementById("ds-input-datum-rodenja"),
    spolMuski:            document.getElementById("ds-input-spol-muski"),
    spolZenski:           document.getElementById("ds-input-spol-zenski"),
    vozackaDa:            document.getElementById("ds-input-vozacka-da"),
    vozackaNe:            document.getElementById("ds-input-vozacka-ne"),
    pdf:                  document.getElementById("ds-input-zivotopis"),
    pdfHidden:            document.getElementById("ds-input-zivotopis-skriveno"),
    prihvacampravila:     document.getElementById("ds-input-pravila-privatnosti"),
    prihvacampravilaText: document.getElementById("ds-input-pravila-text"),
    
    message:              document.getElementById("ds-message"),
    messageTitle:         document.getElementById("ds-message-title"),
    messageTextBody:      document.getElementById("ds-message-text-body"),
    messageButton:        document.getElementById("ds-message-button"),
}    


dsijak.cv.onSubmit = function()
{
    var validateState = dsijak.cv.validate();
    
    if (validateState)
    {        
        var postData = new FormData();  
              
        var pdfInput = dsijak.cvEl.pdfHidden.files;
        for(var i=0; i<pdfInput.length; i++) {
            postData.append('ds_pdf_file[]', pdfInput[i]);
        }          
        
        var formValues = dsijak.cv.getFormData();      
        postData.append("ds_form_data", JSON.stringify(formValues));  

        dsijak.cv.sendData('/target.php', postData, function(x)
        { 
            dsijak.cv.responseWaiting();
            
            setTimeout(function () {
                                    
                if (x.success)
                {
                    dsijak.cv.responseFinished();
                }
                
                if (x.error)
                {
                    dsijak.cv.responseError(x.error); 
                }
                
                if (x.fail)
                {   
                    dsijak.cv.responseError(x.fail); 
                } 
            
            }, 3000);             
        });         
    }    
}


dsijak.cv.responseWaiting = function()
{  
    dsijak.cv.showWaitingMessage('Šaljem na poslužitelj!'); 
}

dsijak.cv.responseFinished = function()
{   
    dsijak.cv.closeMessage();
    dsijak.cv.successMessage('Poruka je uspješno zaprimljena.');
}

dsijak.cv.responseError = function(text)
{   
    dsijak.cv.closeMessage();
    dsijak.cv.errorMessage(text);
}


dsijak.cv.getFormData = function()
{
    var formData = {};    
    formData.ime = dsijak.cvEl.ime.value;
    formData.prezime = dsijak.cvEl.prezime.value;
    formData.nazivUlice = dsijak.cvEl.nazivUlice.value;
    formData.kucanskiBroj = dsijak.cvEl.kucanskiBroj.value;
    formData.mjesto = dsijak.cvEl.mjesto.value;
    formData.postanskiBroj = dsijak.cvEl.postanskiBroj.value;
    formData.mobitel = dsijak.cvEl.mobitel.value;
    formData.email = dsijak.cvEl.email.value;
    formData.datumRodenja = dsijak.cvEl.datumRodenja.value;
    formData.spol = dsijak.cvEl.spolMuski.checked ? 'M' : 'Ž';
    formData.vozacka = dsijak.cvEl.vozackaDa.checked ? 'Da' : 'Ne';
    formData.pdfFilename = dsijak.cvEl.pdf.value;
    formData.prihvacampravila = dsijak.cvEl.prihvacampravila.checked;

    return formData;
}




//validation
dsijak.cv.validate = function()
{    
    const el = dsijak.cvEl;
    
    if (!el.ime.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.ime);       
    } 
       
    if (!el.prezime.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.prezime);      
    }
    
    if (!el.nazivUlice.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.nazivUlice);      
    }
    
    if (!el.kucanskiBroj.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.kucanskiBroj);      
    }
    
    if (!el.mjesto.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.mjesto);      
    }
    
    if (!el.postanskiBroj.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.postanskiBroj);      
    }
    
    if (!el.mobitel.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.mobitel);      
    }
    
    if (!el.email.checkValidity())
    {
        dsijak.cv.setValidationErrorMessage(el.email);      
    }

    if (el.datumRodenja.value === '1900-12-20' || el.datumRodenja.value === '')
    { 
        dsijak.cv.setValidationErrorMessage(el.datumRodenja);      
    } 
        
    if (el.pdf.value == '')
    {
        dsijak.cv.setValidationErrorMessage(el.pdf); 
    }
    
    if (el.prihvacampravila.checked !== true)
    {
        dsijak.cv.setValidationErrorMessage(el.prihvacampravilaText); 
    }
    
    
    return true;
}


//messages

dsijak.cv.errorMessage = function(text) 
{ 
    const main = dsijak.cvEl.message;
    dsijak.cvEl.messageTitle.innerHTML = 'Pogreška!';
    dsijak.cvEl.messageTextBody.innerHTML = text;
    dsijak.cvEl.messageButton.style.display = 'inline-block';
    main.style.display = 'inline-block';
    main.style.background = '#222';
    throw text; // exit script
}

dsijak.cv.successMessage = function(text)
{
    const main = dsijak.cvEl.message;
    dsijak.cvEl.messageTitle.innerHTML = 'Uspjeh!';
    dsijak.cvEl.messageTextBody.innerHTML = text;
    dsijak.cvEl.messageButton.style.display = 'inline-block';
    main.style.display = 'inline-block';
    main.style.background = 'rgb(0, 52, 174)';
}

dsijak.cv.showWaitingMessage = function(text)
{
    const main = dsijak.cvEl.message;
    dsijak.cvEl.messageTitle.innerHTML = 'Pričekajte!';
    dsijak.cvEl.messageTextBody.innerHTML = text;
    dsijak.cvEl.messageButton.style.display = 'none';
    main.style.display = 'inline-block';
    main.style.background = 'rgb(217, 115, 7)'; 
}

dsijak.cv.closeMessage = function()
{
    dsijak.cvEl.message.style.display = 'none';
    dsijak.cv.clearErrorMarkers();
}

//error markers

dsijak.cv.setValidationErrorMessage = function(elem)
{    
    var message = '';
    
    if (elem.id === 'ds-input-ime')
    {
        if (elem.value === '')
        {
            message = 'Morate unijeti polje "Ime"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Ime"!';
        }        
    }
    
    if (elem.id === 'ds-input-prezime')
    {        
        if (elem.value === '')
        {
            message = 'Morate unijeti polje "Prezime"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Prezime"!';
        }       
    }
    
    if (elem.id === 'ds-input-naziv-ulice')
    {        
        if (elem.value === '')
        {
            message = 'Morate unijeti polje "Naziv Ulice"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Naziv Ulice"!';
        } 
    }
    
    if (elem.id === 'ds-input-kucanski-broj')
    {        
        if (elem.value === '')
        {
            message = 'Morate unijeti polje "Kućanski Broj"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Kućanski Broj"!';
        }     
    }
    
    if (elem.id === 'ds-input-mjesto')
    {            
        if (elem.value === '')
        {    
            message = 'Morate unijeti polje "Mjesto"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Mjesto"!';
        }       
    }
    
    if (elem.id === 'ds-input-postanski-broj')
    {        
        if (elem.value === '')
        {
            message = 'Morate unijeti polje "Poštanski Broj"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Poštanski Broj"!';
        }    
    }
    
    if (elem.id === 'ds-input-broj-mobitela')
    { 
        if (elem.value === '')
        { 
            message = 'Morate unijeti polje "Mobitel"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Mobitel"!';
        }  
    }
    
    if (elem.id === 'ds-input-email')
    {           
        if (elem.value === '')
        { 
            message ='Morate unijeti polje "Email"!';
        }
        else
        {
            message = 'Morate unijeti ispravne podatke u polje "Email"!';
        } 
    }
    
    if (elem.id === 'ds-input-datum-rodenja')
    {   
        message ='Morate unijeti ispravne podatke u polje "Datum Rodenja"!';
    }
    
    if (elem.id === 'ds-input-zivotopis')
    {        
        message = 'Morate priložiti PDF datoteku!';
    }
    if (elem.id === 'ds-input-pravila-text')
    {        
        message = 'Morate prihvatiti pravila privatnosti!';
    }
    
    elem.style.borderBottom = '1px red solid';
    elem.scrollIntoView({behavior: "smooth", inline: "nearest"});
    dsijak.cv.errorMessage( message );

    return false;
    
}

dsijak.cv.clearErrorMarkers = function()
{
    dsijak.cvEl.ime.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.prezime.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.nazivUlice.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.kucanskiBroj.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.mjesto.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.postanskiBroj.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.mobitel.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.email.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.datumRodenja.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.pdf.style.borderBottom = '1px #ccc solid';
    dsijak.cvEl.prihvacampravilaText.style.borderBottom = '1px #ccc solid';
    
}

dsijak.cv.hideSendButton = function()
{
    messageButton.style.display = 'none';
}

dsijak.cv.showSendButton = function()
{
    messageButton.style.display = 'inline-block';
}

dsijak.cv.sendData = function(url, data, cb)
{        
    var send = async function (url = '', data = {})	
    {	
        const response = await fetch(url, {		
            method: 'POST',
            mode: 'cors',
            cache: 'no-cache',
            credentials: 'same-origin',
            redirect: 'follow',
            referrerPolicy: 'no-referrer',
            body: data
        });

        if (response.status != 200){
            return {error: response.status +', '+ response.statusText};
        } 	
        
        return response.json();
    }
    
    send(url, data)
    .then(data => { 
        if (data.error)
        {
            cb(data);
        }
        else
        {
            cb(data); 
        }		
    });  
}