// Serverless function fetches data from air table
  const fetch = require('node-fetch');

  exports.handler = async function(event, context) {
      const apiKey = process.env.AIRTABLE_API_KEY;
      const baseId = 'appKlav51nMnd5yhi'; 
  
      const { queryStringParameters } = event;
      const table = queryStringParameters.table || 'Cars';
      const maxRecords = queryStringParameters.maxRecords || 100;
      const vin = queryStringParameters.vin;
  
      let url = `https://api.airtable.com/v0/${baseId}/${table}?maxRecords=${maxRecords}`;
      
      if (vin) {
          url = `https://api.airtable.com/v0/${baseId}/${table}?filterByFormula={VIN}='${vin}'`;
      }
  
      const options = {
          headers: {
              'Authorization': `Bearer ${apiKey}`
          }
      };
  
      try {
          const response = await fetch(url, options);
          const data = await response.json();
  
          if (response.ok) {
              return {
                  statusCode: 200,
                  headers: {
                      'Access-Control-Allow-Origin': '*',
                      'Access-Control-Allow-Headers': 'Content-Type',
                  },
                  body: JSON.stringify(data.records.map(record => record.fields))
              };
          } else {
              return {
                  statusCode: response.status,
                  headers: {
                      'Access-Control-Allow-Origin': '*',
                      'Access-Control-Allow-Headers': 'Content-Type',
                  },
                  body: JSON.stringify({ error: data })
              };
          }
      } catch (error) {
          return {
              statusCode: 500,
              headers: {
                  'Access-Control-Allow-Origin': '*',
                  'Access-Control-Allow-Headers': 'Content-Type',
              },
              body: JSON.stringify({ error: error.message })
          };
      }
  };

                  

  // Requests data and displays it on the page
  function fetchVehicles() {
    console.log('Fetching data from serverless function...');
    
    fetch('https://polite-cheesecake-1eb655.netlify.app/.netlify/functions/fetch-cars')
        .then(response => {
            if (!response.ok) {
                throw new Error('Network response was not ok ' + response.statusText);
            }
            return response.json();
        })
        .then(data => {
            console.log('Data fetched:', data);
            if (!data.length) {
                console.error('No records found.');
                return;
            }
            vehicles = data;
            populateFilters(data);
            displayVehicles(data);
            setYearRange(data);
        })
        .catch(error => console.error('Error fetching data from serverless function:', error));
}