const createEnterpriseObject = async () => {
    // CREATING NEW ENTERPRISE OBJECT
    const enterprises = await getEnterprises() // Tableau des entreprises
    console.log('enterprises: ', enterprises);

    enterprises.forEach(async enterprise => {
        const template = `
            <div id="${enterprise.id}" class="demo__card">
                <img id="user_picture" src="../assets/img/${enterprise.avatar}" alt="">
                <div class="user_banner">

                </div>
                <div class="user_card_body">
                    <div class="user_info">
                        <h2>${enterprise.enterprise_name}</h2>
                        <h3>${enterprise.activity}</h3>
                        <p class="m-3"><i class="fas fa-map-marker-alt mr-2"></i>${enterprise.addresse_name}</p>
                    </div>
                </div>

                <div class="user_desc">
                    <h5 class="text-center">${enterprise.job_title}</h5>
                    <hr>

                    <div class="row">
                        <div class="col-lg-12">
                            <h5 class="text-center">Description du poste</h5>
                        </div>
                        <p>${enterprise.bio}</p>
                    </div>
                </div>

                <div class="demo__card__choice m--reject"></div>
                <div class="demo__card__choice m--like"></div>
                <div class="demo__card__drag"></div>
            </div>`

            document.querySelector('.user_card').innerHTML += template
            index++
        })

}