{% include 'partials/header.html.twig' %}

<div class="body-wrapper">
    <div class="container-fluid">
        <div class="card bg-primary-subtle shadow-none position-relative overflow-hidden mb-4">
            <div class="card-body px-4 py-3">
                <div class="row align-items-center">
                    <div class="col-9">
                        <h4 class="fw-semibold mb-8">Notes de service</h4>
                    </div>
                </div>
            </div>
        </div>
          
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card shadow-none">
                    <div class="card-body p-4">
                        <div class="row">
                            {% if notes | length == 0 %}
                                <h4>Aucune note de service</h4>
                            {% endif %}
                            {% for note in notes %}
                                <div class="col-lg-4 col-md-6">
                                    <div class="card">
                                        <div class="card-body">
                                            <h4 class="card-title">{{note.note.titre}}</h4>

                                            {% if note.dateLecture is not null %}
                                            <a href="{{ asset('hotels/hotel-' ~ societe.id ~ '-' ~ societe.token ~ '/notes-de-service/' ~ note.note.document) }}" class="btn btn-primary" target="_blank">Voir le document</a>
                                            <br/>Lu le {{ note.dateLecture|date('d/m/Y H:i') }}
                                            {% else %}
                                                <a id="viewBtn" href="{{ asset('hotels/hotel-' ~ societe.id ~ '-' ~ societe.token ~ '/notes-de-service/' ~ note.note.document) }}" class="btn btn-primary" target="_blank" style="display:none;">Voir le document</a>
                                                <a onclick="markNoteAsRead({{note.id}},this)" class="btn btn-success">Je confirme la lecture et accède à la note de service</a>
                                            {% endif %}
                                        </div>
                                    </div>
                                </div>
                            {% endfor %}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        
    </div>
</div>

<script src="{{ asset('assets/js/bundle/employe/noteservice.js') }}"></script>

{% include 'partials/footer.html.twig' %}