import React, {useState, useRef} from 'react';
import Button from './Button';



function SECAPIData() {


    const [dataToBackend, setDataToBackend] = useState([]);
    const [displayData, setDisplayData] = useState("");

    const requestData = () => {

        let date = new Date()
        let today = date.toISOString().slice(0, 10);

        let pastDate = new Date();
        pastDate.setDate(date.getDate() - 14);
        let past = pastDate.toISOString().slice(0, 10);

        fetch("https://api.sec-api.io?token=4d6ff81353d665c975d443e30020879b1ea882bc96a00cd8774a95bddd838fe5", {
            method: "POST",
            body: JSON.stringify({ 
                "query": { "query_string": { "query": "formType:4 AND filedAt:{"+ past +" TO "+ today +"} AND formType:(NOT \"N-4\") AND formType:(NOT \"4/A\")" } },
                "from": "0",
                "size": "1000", 
                "sort": [{ "filedAt": { "order": "desc" } }]
              }),
            headers: {
              "Content-Type": "application/json"
            },
            credentials: "same-origin"
          })
            .then(res => res.json())
            .then(data => {
                let list = new Array();
                data.filings.forEach(function(filing) {
                    if (filing.ticker == "") {
                        list.push(filing.filedAt);
                        list.push(filing.documentFormatFiles[1].documentUrl);
                    }
                })
                setDataToBackend(list);
            })
        .catch(function (error) {
            console.log(error); 
        });

      
        fetch("http://localhost:4567/data", {
            method: "POST",
            body: JSON.stringify({ 
               "data" : {dataToBackend}
              }),
              headers: {
                "Content-Type": "application/json",
              },
              credentials: "same-origin"
        })
        
        .then(response  => {
            setDisplayData(JSON.stringify(response));
            console.log(response);
        })
        .catch(function (error) {
            console.log(error); 
        });
        }
  
    return (
      <div>
          <h1>SECAPIData</h1>
          <Button onPress={requestData}></Button>
          <p>DISPLAY DATA: {displayData}</p>
      </div>
    );
}
  
export default SECAPIData;