{% extends 'partials/basetable.html.twig' %}

{% block title %}Formulaire de Début de Visite{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>

<div class="example-wrapper">
    <div class="col-md-12">
        <div class="card-box taille-40">
            <h4 class="m-t-0 m-b-30 header-title">Formulaire de Début de Visite</h4>

            <form role="form" action="{{ path('visite_checkin', { 'id': VISITE.id }) }}" method="POST" enctype="multipart/form-data">
                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="visiteur">Visiteur <sup>*</sup></label>
                        <select name="visiteur" id="visiteur" required class="form-control select2">
                            <option></option>
                            {% for demande in DEMANDES %}
                                <option value="{{ demande.id }}" 
                                    {% if (VISITE.visiteur and demande.id == VISITE.visiteur.id) or (not VISITE.visiteur and LAST_DEMANDE and demande.id == LAST_DEMANDE.id) %} 
                                        selected 
                                    {% endif %}>
                                    {{ demande.nomvisiteur }} {{ demande.prenomvisiteur }}
                                </option>
                            {% endfor %}
                        </select>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="form-group col-12">
                        <label for="datedebutvisites">Date et Heure Début Visite</label>
                        <input name="datedebutvisites" id="datedebutvisites" type="datetime-local" class="form-control" value="{{ VISITE.dateDebut ? VISITE.dateDebut|date('Y-m-d\TH:i') : '' }}">
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="commentaire">Commentaire</label>
                        <textarea name="commentaire" id="commentaire" class="form-control">{{ VISITE.commentaire }}</textarea>
                    </div>
                </div>

                <br>

                <div class="row">
                    <div class="form-group col-md-12">
                        <label for="photo">Photo</label>
                        <input type="file" name="photo" id="photo" class="form-control">
                        
                        {% if VISITE.photo %}
                            <img src="{{ asset('public/uploads/photo/' ~ VISITE.photo) }}" alt="Photo actuelle" width="200">
                        {% endif %}
                    </div>
                </div>

                <br>
                <div class="row">
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary btn-block">{% if VISITE.id > 0 %}Modifier{% else %}Enregister{% endif %}</button>
                        {% if VISITE.id > 0 %}
                        <a type="button" class="btn btn-danger btn-block" href="{{path('visite_listcheckin')}}">Quitter</a>
                        {% endif %}
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>



{#<hr>#}
{#    <h4 class="m-t-0 m-b-30 header-title">LISTE DES CHECK-IN</h4>#}
    
{#<div class="col-sm-12">#}
{#    <div class="card">#}
{#    <div class="card-header pb-0 card-no-border">#}
{#    <h4 class="mb-3">Liste des demandes de visite</h4>#}
{#    </div>#}
{#        <div class="card-body">#}
{#            <div class="table-responsive">#}
{#                <table class="display" id="data-source-1" style="width:100%">#}
{#                    <thead>#}
{#                    <tr>#}
{#                    <th>Visiteur</th>#}
{#                    <th>Date de Début</th>#}
                    
                    
{#                    <th>Photo</th>#}
{#                    <th>Actions</th>#}
{#                    </tr>#}
{#                    </thead>#}
{#                    <tbody>#}
{#                    {% for visite in VISITECHECK %}#}
{#                    <tr>#}
{#                        <td>#}
{#                            {% if visite.visiteur %}#}
{#                            {{ visite.visiteur.nomvisiteur }} {{ visite.visiteur.prenomvisiteur }}#}
{#                            {% else %}#}
{#                            Inconnu#}
{#                            {% endif %}#}
{#                        </td>#}
{#                        <td>{{ visite.dateDebut ? visite.dateDebut|date('Y-m-d H:i') : 'Non défini' }}</td>#}
                        
                        
{#                        <td>#}
{#                            {% if visite.photo %}#}
{#                            <img src="{{ asset('public/uploads/photo/' ~ visite.photo) }}" class="photo-preview" alt="Photo du visiteur" width="150"#}
{#                            data-bs-toggle="modal" data-bs-target="#photoModal" data-bs-photo="{{ asset('public/uploads/photo/' ~ visite.photo) }}">#}
{#                            {% else %}#}
{#                            Pas de photo#}
{#                            {% endif %}#}
{#                        </td>#}
                        
{#                        <td>#}
{#                            <ul class="action">#}
{#                                <li class="checkout"><a href="{{ path('visite_checkin', { 'id': visite.id }) }}" class="btn btn-info-gradien">Modifier</a></li>#}
{#                            </ul>#}
{#                        </td>#}
{#                    </tr>#}
{#                    {% endfor %}#}
{#                    </tbody>#}
{#                </table>#}
{#            </div>#}
{#        </div>#}
{#    </div>#}
{#</div>#}
            

{% endblock %}