{% extends 'common/list-base.html.twig' %}
{% block metaTitle %}Music - Cd{% endblock %}
{% block body %}
    {% include 'embed/breadcrumb/breadcrumb.html.twig' with {'items': {'home': {'active': false, 'path': 'homepage', 'label': 'Kollect'}, 'cds': {'active': true, 'path': '', 'label': 'CD'} }} %}
    <h1>Liste des CD</h1>
    {% include 'embed/alerts/alerts.html.twig' %}
    <div class="card mb-4">
        <div class="card-header">
            <i class="fas fa-table mr-1"></i>
            Liste des CD <a class="btn btn-primary" href="{{ path('cd_new') }}">Ajouter un CD</a>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered collection-table" id="cds-datatable">
                    <thead>
                    <tr>
                        <th scope="col">Nom</th>
                        <th scope="col">Disponibilité</th>
                        <th scope="col">Image</th>
                        <th scope="col">Artiste</th>
                        <th scope="col">Style</th>
                        <th scope="col">Actions</th>
                    </tr>
                    <tr>
                        <th scope="col" class="input-dt-search">Nom</th>
                        <th scope="col"></th>
                        <th scope="col"></th>
                        <th scope="col" class="input-dt-search"></th>
                        <th scope="col"></th>
                        <th scope="col"></th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for cd in cds %}
                        {% include 'embed/modal/confirm-deletion.html.twig' with {'link': path('cd_delete', {id: cd.id}), 'name': cd.name, 'title': 'du cd', 'id': cd.id} %}
                        <tr>
                            <td>{{ cd.name }} </td>
                            <td>
                                {% if cd.isPreOrder is same as (true) %}
                                    {{ include('embed/badges/preorder.html.twig') }}
                                {% else %}
                                    {{ include('embed/badges/available.html.twig') }}
                                {% endif %}
                            </td>
                            <td><img src="{{ asset(cd.imagePath) }}" class="img-thumbnail company-list-img" alt="{{ cd.name }}"></td>
                            <td>{{ cd.artist.name }}</td>
                            <td>{{ cd.style.name }}</td>
                            <td>
                                <a href="{{ path('cd_edit', {id: cd.id}) }}" title="Editer le cd {{ cd.name }}" class="icon-link">
                                    {% include 'embed/svg/edit.html.twig' %}
                                </a>
                                <a data-toggle="modal" data-target="#delete-{{ cd.id }}" title="Suppression du cd {{ cd.name }}" class="icon-link">
                                    {% include 'embed/svg/delete.html.twig' %}
                                </a>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
{% endblock %}