import { useEffect, useState } from "react";
import { getEmployees } from "../services/api";

const Employees = () => {
    const [employeeList, setEmployeeList] = useState([]);

    useEffect(() => {
        getEmployees().then(res => setEmployeeList(res.data))
    }, []);

    return (
    <div class="container">
        <h1>Dolgozók</h1>
        <table class="table table-striped">
            <thead>
                <tr>
                    <th>Id</th>
                    <th>Név</th>
                    <th>Település</th>
                    <th>Fizetés</th>
                </tr>
            </thead>
            <tbody>
                {employeeList.map(emp => (
                    <tr key={emp.id}>
                        <td>{emp.id}</td>
                        <td>{emp.name}</td>
                        <td>{emp.city}</td>
                        <td>{emp.salary}</td>
                    </tr>
                ))}
            </tbody>
        </table>
    </div>
    );
};

export default Employees;