Untitled

/ticket-app
  /models
    User.js
    Ticket.js
  /routes
    auth.js
    tickets.js
  /controllers
    authController.js
    ticketController.js
  server.js
  .env
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #f0f0f0; /* Light gray */
    padding: 10px;
    text-align: center;
}

#offer-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Responsive grid */
    gap: 20px;
    padding: 20px;
}

.offer-card {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}
/* ... more styles ... */
document.addEventListener('DOMContentLoaded', () => {
    const offerContainer = document.getElementById('offer-container');

    // Sample offer data (replace with actual data from API or scraping)
    const offers = [
        { title: "Concert X", venue: "Arena", price: 50 },
        { title: "Movie Y", venue: "Cinema", price: 10 },
        // ... more offers
    ];

    function displayOffers(offersToDisplay) {
        offerContainer.innerHTML = ''; // Clear existing offers

        offersToDisplay.forEach(offer => {
            const offerCard = document.createElement('div');
            offerCard.classList.add('offer-card');
            offerCard.innerHTML = `
                <h3>${offer.title}</h3>
                <p>Venue: ${offer.venue}</p>
                <p>Price: $${offer.price}</p>
            `;
            offerContainer.appendChild(offerCard);
        });
    }

    displayOffers(offers); // Initial display

    // ... Search and filter logic would go here ...
});
document.addEventListener('DOMContentLoaded', () => {
    const offerContainer = document.getElementById('offer-container');

    // Sample offer data (replace with actual data from API or scraping)
    const offers = [
        { title: "Concert X", venue: "Arena", price: 50 },
        { title: "Movie Y", venue: "Cinema", price: 10 },
        // ... more offers
    ];

    function displayOffers(offersToDisplay) {
        offerContainer.innerHTML = ''; // Clear existing offers

        offersToDisplay.forEach(offer => {
            const offerCard = document.createElement('div');
            offerCard.classList.add('offer-card');
            offerCard.innerHTML = `
                <h3>${offer.title}</h3>
                <p>Venue: ${offer.venue}</p>
                <p>Price: $${offer.price}</p>
            `;
            offerContainer.appendChild(offerCard);
        });
    }

    displayOffers(offers); // Initial display

    // ... Search and filter logic would go here ...
});