{% extends "base/base_BACK.html.twig" %}
{% block back_content %}
    <div class="content">
        <div class="container-fluid">
            <div class="row">

                <div class="col-md-12">
                    <div class="card strpied-tabled-with-hover">
                        <div class="card-header ">
                            <h4 class="card-title">Liste des chambres</h4>
                            <h2>Table de recherche </h2>
                            <p>Type something in the input field to search the table for names hotels</p>
                            <input id="myInput" type="text" placeholder="Search..">
                            <br><br>
                            <div><a class="btn btn-primary" href="{{ path('AjouterCH') }}">Ajouter Chambre</a></div>
                        </div>
                        <div class="card-body table-full-width table-responsive">
                            <table class="table table-hover table-striped">
                                <thead>
                                <th>NomHotel</th>
                                <th>Categories</th>
                                <th>Prix</th>
                                <th>Modifier</th>
                                <th>Supprimer</th>
                                </thead>
                                <tbody>
                                    <tr {% for c in Chambre %}>
                                <tbody id="myTable">
                                        <td>{{c.NomHotel}}</td>
                                        <td>{{c.Categories}}</td>
                                        <td>{{c.Prix}}</td>
                                        <td><a class="btn btn-success" href="{{ path('ModifierCh',{'id':c.id}) }}">Modifier</a></td>
                                        <td><a class="btn btn-danger" href="{{ path('deleteChambre',{'id':c.id}) }}">Supprimer</a></td>
                                    </tr {% endfor %}>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{%endblock %}