{% extends 'base.html.twig' %}
  
{% block title %}Item index{% endblock %}
  
{% block body %}
   
    <div class="container">
        <h2 class="text-center mt-5 mb-3">Item Manager</h2>
        <div class="card">
            <div class="card-header">
                
                    <a class="btn btn-outline-primary" href="{{ path('app_item_new') }}"> 
                        Create New Item 
                    </a>
               
            </div>
            <div class="card-body">
                <table class="table table-bordered">
                    <tr>
                        <th>Id</th>
                        <th>Title</th>
                        <th>Media</th>
                        <th>Support</th>
                        <th>Box</th>
                        <th>Edition</th>
                        <th>Date Created</th>
                        <th>Date Updated</th>
                        <th width="240px">Action</th>
                    </tr>
                    {% for item in items %}
                    <tr>
                        <td>{{ item.id }}</td>
                        <td>{{ item.title }}</td>
                        <td>{{ item.media.label }}</td>
                        <td>{{ item.support.label }}</td>
                        <td>{{ item.box.label }}</td>
                        <td>{{ item.edition.label }}</td>

                        <td>{{ item.createdAt ? item.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>{{ item.updatedAt ? item.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                        <td>
                            <form method="post" action="{{ path('app_item_delete', {'id': item.id}) }}" onsubmit="return confirm('Are you sure you want to delete this item?');">
                                <a
                                    class="btn btn-outline-info"
                                    href="{{ path('app_item_show', {'id': item.id}) }}">
                                    Show
                                </a>
                                
                                    <a
                                        class="btn btn-outline-success"
                                        href="{{ path('app_item_edit', {'id': item.id}) }}">
                                        Edit
                                    </a>
                                {% if is_granted('ROLE_ADMIN') %}
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ item.id) }}">
                                    <button class="btn btn-outline-danger">Delete</button>
                                 {% endif %}
                            </form>
                        </td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>
  
{% endblock %}