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

{% block title %} Service Rendez-vous{% endblock %}

{% block content %}
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
    <h1 class="h3 mb-0 text-gray-800">Ajouter des Rendez-vous</h1>
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item">Service</li>
        <li class="breadcrumb-item">Rendez-vous</li>
        <li class="breadcrumb-item">Ajouter</li>
    </ol>
</div>


<!-- Begin Page Content -->
<div class="container-fluid">
    
    {% include 'backend_admin/basic/notice.html.twig' %}
    
    <!-- DataTales Example -->
    <div class="card shadow mb-4">
       
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-info">Ajouter des Rendez-vous</h6>
        </div>
        <div class="card-body">

            <form action="{{ path('backend_admin_service_rdv_add', {id:service.id}) }}" method="POST">

                <div class="row">
                    <div class="col-3">Durée du service: <b>{{ service.getDuree() }}mm</b></div>
                    <div class="col-2" align="center">Exclure les jours:</div>
                    <div class="col-1"><input type="checkbox" name="Mon"> Lundi</div>
                    <div class="col-1"><input type="checkbox" name="Tue"> Mardi</div>
                    <div class="col-1"><input type="checkbox" name="Wed"> Mercredi</div>
                    <div class="col-1"><input type="checkbox" name="Thu"> Jeudi</div>
                    <div class="col-1"><input type="checkbox" name="Fri"> Vendredi</div>
                    <div class="col-1"><input type="checkbox" name="Sat"> Samedi</div>
                    <div class="col-1"><input type="checkbox" name="Sun"> Dimanche</div>
                </div>
                <div class="row my-5">
                    <div class="col-3">Date début: <input type="date" class="form-control" name="date-debut"></div>
                    <div class="col-3 offset-1">Date Fin: <input type="date" class="form-control" name="date-fin"></div>
                </div>

                <div class="row my-5">
                    <div class="col-3">Heur début: <input type="time" class="form-control" value="09:00" name="time-debut"></div>
                    <div class="col-3 offset-1">Heur Fin: <input type="time" class="form-control" value="17:00" name="time-fin"></div>
                </div>

                <div class="row my-5">
                    <div class="col-3">
                        Durée Entre les Rendez-Vous:
                        <div class="input-group">
                            <input type="text" class="form-control" name="duree-entre">
                            <span class="input-group-text">minute</span>
                        </div>
                    </div>
                </div>

                <div class="row my-5">
                    <div class="col-3 offset-5">
                        <button type="submit" class="btn btn-primary btn-icon-split btn-lg">
                            <span class="icon text-white-50">
                                <i class="fa-solid fa-magnifying-glass"></i>
                            </span>
                            <span class="text">Afficher</span>
                        </button>
                    </div>
                </div>

            </form>

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

{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('app_backend_article_service') }}
{% endblock %}