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

{% block title %}Moyen{% endblock %}

{% block body %}
<div class="app-main__inner">
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-toolbox icon-gradient bg-tempting-azure"></i>
                </div>
                <div>
                    Moyen utilisés
                </div>
            </div>
            <div class="page-title-actions">
                <div class="d-inline-block dropdown">
                    <a href="{{ path('app_resource_index') }}"
                        aria-expanded="false" class="btn-shadow btn btn-secondary">
                        <span class="btn-icon-wrapper pe-2 opacity-7">
                            <i class="fa fa-arrow-left fa-w-20"></i>
                        </span>
                        Retourner à la listes
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="tab-content">
        <div class="tab-pane tabs-animation fade show active" id="tab-content-0" role="tabpanel">
            <div class="row">
                <div class="col-md-3"></div>
                <div class="col-md-6">
                    <div class="main-card mb-3 card">
                        <div class="card-body">
                            <h5 class="card-title text-center">Moyen utilisés - {{ resource.name }}</h5>
                            <div class="position-relative mb-3">
                               <table style="width: 100%;" id="example" class="table table-hover table-striped table-bordered dataTable dtr-inline" role="grid" aria-describedby="example_info">
                                    <tbody>
                                        <tr>
                                            <th>Id</th>
                                            <td>{{ resource.id }}</td>
                                        </tr>
                                        <tr>
                                            <th>Name</th>
                                            <td>{{ resource.name }}</td>
                                        </tr>
                                        <tr>
                                            <th>Category</th>
                                            <td>{{ resource.category.name }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <div class="d-flex mt-3 justify-content-center">
                                    {{ include('/resource/_button_edit.html.twig')  }}
                                    {{ include('/resource/_delete_form.html.twig')  }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3"></div>
            </div>
        </div>
    </div>
</div>
{% endblock %}