car.js

let listaCarro = [
    {
        "nome": "Drako GTE",
        "img": "images/drako-gte.webp",
        "descricao": "Chama-se Drako GTE, e embora à primeira vista pareça um superesportivo de dois lugares com um perfil baixo e largo com um aspecto agressivo, na realidade é um carro de quatro portas e quatro lugares. Segundo a marca, este modelo é o resultado de quase uma década de desenvolvimento de engenharia e design e para oferecer tal volume de potência utiliza quatro motores síncronos de imãs permanentes associados às suas próprias transmissões, uma por cada roda."
    },
    {
        "nome": "De Tomaso P72",
        "img": "images/de-tomaso.webp",
        "descricao": "O nome P72 deriva do protótipo P70 que De Tomaso projetou para produzir com Carroll Shelby em 1964, mas que nunca foi concluído. O P70 foi nomeado assim pelo motor V8 de 7,0 litros que teria. O P72 recebe esse nome porque é a forma de homenagear esse design."
    },
    {
        "nome": "Ferrari LaFerrari",
        "img": "images/ferrari-laferrari.webp",
        "descricao": "A LaFerrari (também conhecida pelo seu nome do projeto, F150) é um carro superesportivo coupé, duas portas, dois lugares, de motor central traseiro e tração traseira, produzido pela Ferrari."
    },
    {
        "nome": "Pagani Huayra",
        "img": "images/pagani-huayra.webp",
        "descricao": "O Huayra tem um motor V12 central de 60º com 730 cv, concebido pela divisão AMG da Mercedes-Benz e assinado por um engenheiro da empresa. O Huayra é capaz de chegar aos 360 km/h."
    },
    {
        "nome": "McLaren Elva",
        "img": "images/mclaren-elva.webp",
        "descricao": " O modelo traz um V8 4.0 de 815 cv que, em conspiração com os seus escassos 1.148 kg, permite fazer de 0 a 100 km/h em 2,8 segundos e 0 a 200 km/h em 6,8 segundos."
    },
    {
        "nome": "Czinger 21C",
        "img": "images/czinger-21c.webp",
        "descricao": "Czinger Vehicles revelou no início de junho do ano passado as especificações do seu inovador hipercarro, o denominado Czinger 21C. Haverá apenas 80 unidades e todas são projetadas e construídas em suas instalações de Los Angeles. Agora a marca vai um passo além com o Czinger 21C V Max, uma versão de cauda longa do modelo standard."
    }
]

listaCarro.map((car, posicao) => {
    let cardCarro = document.getElementById("cards")
    cardCarro.innerHTML += `
        <div class="col-md-4">
            <div class="card m-2">
                <img src="${car.img}" class="card-img-top" alt="...">
                <div class="card-body">
                  <h5 class="card-title">${car.nome}</h5>
                  <a href="#" class="btn btn-secondary" onclick="zoomImg('${posicao}')"><i class="bi bi-zoom-in"></i></a>
                </div>
              </div>
        </div>
    `
})

function zoomImg(posicao) {
    let carroSelecionado = listaCarro[posicao]
    document.getElementById("nomeCarro").innerHTML = carroSelecionado.nome
    document.getElementById("descricaoCarro").innerHTML = carroSelecionado.descricao
    document.getElementById("imgModal").src = carroSelecionado.img
    
    new bootstrap.Modal('#zoomImg').show()
}

 function alterarTemaSite() {
    let tema = document.querySelector("html").getAttribute("data-bs-theme")
    if(tema === "dark") {
        document.querySelector("html").setAttribute("data-bs-theme", "light")
        document.querySelector("#alterarTemaSite").innerHTML = `<i class="bi bi-moon-fill"></i>`
    }
    else {
        document.querySelector("html").setAttribute("data-bs-theme", "dark")
        document.querySelector("#alterarTemaSite").innerHTML = `<i class="bi bi-brightness-high-fill"></i>`
    }
 }