{% extends "scanEngine/base.html" %}

{% block title %}
<title>Secret/API Keys</title>
{% endblock %}

{% block content %}

{% if messages %}
    {% for message in messages %}
        <div class="alert alert-danger text-center">
            {{ message|safe }}
        </div>
    {% endfor %}
{% endif %}

<h3 class="mt-4" style="font-family: cursive; font-weight: bold;">Extract Secret/API Keys from JS Files</h3>
<!-- <ol class="breadcrumb mb-4"> -->
<form action="{% url 'secret-page' %}" id="subFormId" method="POST">
    {% csrf_token %}
    <div class="form-outline">
        <input type="text" id="formControlLg" class="form-control form-control-lg" name="secret" required />
        <label class="form-label" for="formControlLg">Domain</label>
    </div>
    <br>
    <button type="submit" class="btn btn-danger" onclick=loadingPage()>Submit</button>
</form>


<div class="alert alert-info text-center mt-4" id="id-message" role="alert" style="visibility: hidden">
    Process Finished!!
    <br>
    <a href="{% url 'download-result' %}?scan=secret" class="btn btn-danger mt-3" download>Download Report</a>
</div>


<script>
    var interval = null;
    $(document).ready(function () {
        interval = setInterval(getFile, 10000);
    });

    function getFile() {
        $.ajax({
            type: 'GET',
            url: "{% url 'ajax-call' %}?scan=secret",
            success: function (data) {
                if (data == "FileNotFound") {
                    console.log("File is not there");
                }
                if (data == "FileisNone") {
                    console.log("File has not been created yet!!")
                    $("#id-message").attr("style", "visibility: visibility").text(
                        "Finding Secret Keys/APIs!!")
                }
                if (data == "FileContentisZero") {
                    console.log("File Content is Zero!!")
                }
                if (data == "FileDoesNotExist") {
                    console.log("FileDoesNotExist")
                }
                if ((data != "FileNotFound") && (data != "FileisNone") && (data != "FileContentisZero") && (
                        data != "FileDoesNotExist")) {
                    console.log(data);
                    $("#id-message").attr("style", "visibility: visibility");
                    clearInterval(interval);
                }
            },
            error: function (data) {
                console.log("Didn't get the file");
            }
        });
    }
</script>


{% endblock %}