import React, { useEffect } from 'react';

const YourComponent = () => {
  useEffect(() => {
    const fetchData = async () => {
      const url = "https://100014.pythonanywhere.com/api/loginapi/";

      const payload = {
        api_service_id: "DOWELL10004",
        api_key: "c2636d98-4f43-4be1-9e3b-47cdfcbe832b",
        username: "Testing_400410",
        password: "dowell123",
        time: "12:14",
        ip: "150.107.107.49",
        os: "Win 11",
        device: "Galaxy S23 Ultra",
        location: "22.572672 88.363882",
        timezone: "Asia/Kolkata",
        language: "Hindi",
        browser: "chrome",
      };

      try {
        const response = await fetch(url, {
          method: 'POST',
          headers: {
            'Content-Type': 'application/json',
          },
          body: JSON.stringify(payload),
        });

        if (response.ok) {
          console.log("Resource created successfully");
          const data = await response.json();
          console.log(data);
        } else {
          console.error(`Request failed with status code: ${response.status}`);
          const errorData = await response.json();
          console.error(errorData);
        }
      } catch (error) {
        console.error("An error occurred:", error);
      }
    };

    fetchData();
  }, []); // Make sure to provide dependencies or adjust accordingly

  return (
    <div>
      {/* Your React component content */}
    </div>
  );
};

export default YourComponent;