const url = 'http://localhost:8000/employees'
var empList = []

$.ajax(url)
.done((data) => {
    console.log(data)
    empList = data
    renderTable()
})

function renderTable() {    
    empList.forEach(emp => {
        const tr = $('<tr>')
        tr.append(`
            <td>${emp.id}</td>
            <td>${emp.name}</td>
            <td>${emp.city}</td>
            <td>${emp.salary}</td>
            <td>
                <button class="btn btn-primary editButton"
                >Szerkesztés</button>

                <button class="btn btn-danger delButton"                
                >Törlés</button>
            </td>
        `)
        tr.find('.editButton').click( () => editEmployee(emp))
        tr.find('.delButton').click( () => deleteEmployee(emp.id))
        $('#empsBody').append(tr)        
    })
}

function deleteEmployee(id) {
    console.log('törlés...')
    console.log(id)
}

function editEmployee(emp) {
    console.log('szerkesztés...')
    console.log(emp.name)
}