$(function() {


    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
        $(document).on('click', '.camera', function(){

            if (!navigator.camera) {
                alert("Camera API not supported", "Error");
                return;
            }
            var options =   {   quality: 65,
                destinationType: Camera.DestinationType.DATA_URL,
                sourceType: 1,      // 0:Photo Library, 1=Camera, 2=Saved Album
            };

            function addHiddenElement(elementId, imgData){
                $("<input>", {
                    type: "hidden",
                    value: "data:image/jpeg;base64," + imgData,
                }).insertAfter("#" + elementId);
            }

            function imageData(elementId){
                navigator.camera.getPicture( function(imgData) {
                    addHiddenElement(elementId, imgData);
                    //return imgData;

                }, function() {
                    alert('Camera not working');
                }, options);
            }

            imageData(this.id);
        });

        //check and display network connection on submitted entries page.
        setInterval(function () {
            if (navigator.connection.type != Connection.NONE) {
                $("#connection").html("You are connected");
                //$(".submitentry").removeAttr("disabled");
            } else {
                $("#connection").html("No internet");
            }
        }, 5250);

        $(document).on("submit", "form", function(event){
            var formId= $("input[name='form_id']").attr("value");
            console.log(formId);
            event.preventDefault();
            var submittedEntryJson = $(this).serializeArray();
            storePreviousSubmission(submittedEntryJson);
            var submittedEntryString = $(this).serialize();
            if (navigator.connection.type == Connection.NONE) {
                alert("No internet connection!");
                storeSubmittedEntry(submittedEntryString, formId);
                listSubmittedEntries();
            } else {
                $.ajax({
                    type: 'POST',
                    url: "http://app.appspot.com/submit",
                    data: submittedEntryString,
                    crossDomain: true,

                }).done(function(){
                        alert("Checklist saved!");

                    })
                    .fail(function(){
                        alert("upload failes!");
                    });
            }
            document.location.href = 'index.html';
        });
    }

    function updateChecklists(){
        requestAllForms = $.getJSON("http://fonstertitt.appspot.com/list-all-forms");

        requestAllForms.promise().done(function(data){
            localStorage.removeItem("checklists");
            localStorage.checklists = JSON.stringify(data);
            $.each(data,function(key, val){
                $("<li><a class='checklistObject' id='" + val.id +"'>" + val.name +"</a></li>").appendTo("#list-all-forms");
            });
            $('#list-all-forms').listview().listview('refresh');
        });
    }

    function listSubmittedEntries(){
        if (localStorage.submittedEntries) {
            var entries = JSON.parse(localStorage.submittedEntries);
            $.each(entries, function(key, val){
                $("<li><a  id='" + val.timestamp +"'>" + val.timestamp + "</a></li>").appendTo("#list-submitted-entries");
            });
        }
        $('#list-submitted-entries ul').listview().listview('refresh');
    }

    function listPreviousSubmissions(){
        if (localStorage.previousSubmissions) {
            i = 0;
            $.each(JSON.parse(localStorage.previousSubmissions), function(key, val){
                if (i == 5) {
                    return false;
                }
                var datetime = new Date(val.timestamp + 3600 * 1000);
                datetime = datetime.toISOString();
                $("<li><a id='" + val.form_id +"' class='previousSubmissionObject' name=" + val.timestamp + "><h3>" + val.form_name +"</h3><p>Sparad: " + prettyDate(datetime) +"</p></a></li>").appendTo("#list-all-previous-submissions");
                i ++;
            });

            $('#list-all-previous-submissions').listview().listview('refresh');
        }
    }

    listSubmittedEntries();

    updateChecklists();

    listPreviousSubmissions();