{% extends 'base.html.twig' %}

{% block javascripts %}
    <script src="{{ asset('js/frontend.js') }}"></script>
{% endblock %}

{% block body %}
    <div class="container mt-5">
        <h1>Printers</h1>
        <button class="btn btn-primary" data-bs-target="#createModal" data-bs-toggle="modal">Create</button>
        <table class="table">
            <thead>
            <tr>
                <th>Name</th>
                <th>Price</th>
                <th>Build Volume</th>
                <th>Max Speed</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody id="table-body">

            </tbody>
        </table>
    </div>

    {% include "frontend/partials/_deleteModal.html.twig" %}
    {% include "frontend/partials/_viewModal.html.twig" %}
    {% include "frontend/partials/_createModal.html.twig" %}
    {% include "frontend/partials/_editModal.html.twig" %}
{% endblock %}