220 lines
8.2 KiB
Twig
220 lines
8.2 KiB
Twig
{% extends 'base.html.twig' %}
|
|
|
|
{% block title %}Nouvelle Utilisateur{% endblock %}
|
|
|
|
{% block head %}
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text><text y=%221.3em%22 x=%220.2em%22 font-size=%2276%22 fill=%22%23fff%22>sf</text></svg>">
|
|
<link href="https://fonts.cdnfonts.com/css/brittany-signature" rel="stylesheet">
|
|
</head>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<!-- Top Bar -->
|
|
<div class="top-bar">
|
|
<div>
|
|
Bonjour, {{ app.user.prenom }}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Left Menu -->
|
|
<div class="left-background">
|
|
<img class="LogoHegre" src="{{ asset('asset/image/LogoHegre.png') }}">
|
|
{% if is_granted('ROLE_ADMIN') %}
|
|
<div class="nav-bar">
|
|
<ul>
|
|
<li>
|
|
<a href="/user/list" class="btn-custom btn-gestion-utilisateurs icon-container">
|
|
<i class="icon-medium">{{ ux_icon('grommet-icons:group') }}</i>
|
|
<span>Gérer Utilisateur</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/tables" class="btn-custom btn-gestion-table icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('ic:outline-table-bar') }}</i>
|
|
<span>Gérer Table</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/plats" class="btn-custom btn-gestion-menu icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('bx:food-menu') }}</i>
|
|
<span>Gestion Menu</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/reductions" class="btn-custom btn-gestion-promotion icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('lsicon:badge-promotion-outline') }}</i>
|
|
<span>Gestion Promotion</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<div class="btn-custom icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('fluent-emoji-high-contrast:ten-oclock') }}</i>
|
|
<span>Voir tendances</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% elseif is_granted('ROLE_CUISINIER') %}
|
|
<div class="nav-bar">
|
|
<ul>
|
|
<li>
|
|
<div class="btn-custom icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
|
|
<span>Liste des commandes</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<div class="btn-custom icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('grommet-icons:group') }}</i>
|
|
<span>Je sais pas encore</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% elseif is_granted('ROLE_SERVEUR') %}
|
|
<div class="nav-bar">
|
|
<ul>
|
|
<li>
|
|
<div class="btn-custom icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('fluent-mdl2:reservation-orders') }}</i>
|
|
<span>Réservation</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<div class="btn-custom icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('icon-park-outline:view-list') }}</i>
|
|
<span>Commande</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
<div class="Information-perso">
|
|
<a href="{{ path('update-user', { 'id': app.user.id }) }}" class="btn-info-compte icon-container">
|
|
<i class="icon-medium"> {{ ux_icon('ph:user-circle-fill') }}</i>
|
|
<span>Compte</span>
|
|
</a>
|
|
<div class="btn-info-exit icon-container">
|
|
<a href="{{ path('app_logout') }}" class="icon-medium">
|
|
{{ ux_icon('iconamoon:exit-bold') }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="container_modal">
|
|
<div class="form-container">
|
|
<h1>Nouvelle Utilisateur ! ✅</h1>
|
|
|
|
{{ form_start(registrationForm) }}
|
|
{{ form_errors(registrationForm) }}
|
|
|
|
<div class="form-group">
|
|
{{ form_row(registrationForm.Nom, {'attr': {'class': 'form-input'}, 'label': 'Nom'}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_row(registrationForm.Prenom, {'attr': {'class': 'form-input'}, 'label': 'Prénom'}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_row(registrationForm.UserIdentifier, {'attr': {'class': 'form-input'}, 'label': 'Email'}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_row(registrationForm.Password, {'attr': {'class': 'form-input'}, 'label': 'Password'}) }}
|
|
</div>
|
|
<div class="form-group">
|
|
{{ form_row(registrationForm.Roles, {'attr': {'class': 'form-input'}, 'label': 'Roles'}) }}
|
|
</div>
|
|
<div class="btn-container">
|
|
{{ form_row(registrationForm.Enregistrer, {'attr': {'class': 'btn-save'}, 'label': 'Enregistrer'}) }}
|
|
</div>
|
|
|
|
{{ form_end(registrationForm) }}
|
|
</div>
|
|
</div>
|
|
|
|
{% block stylesheets %}
|
|
<style>
|
|
.form-container {
|
|
max-width: 500px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
background-color: #f8f9fa;
|
|
border: 1px solid #dee2e6;
|
|
border-radius: 8px;
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
|
|
font-family: sans-serif;
|
|
}
|
|
|
|
.form-container h1 {
|
|
text-align: center;
|
|
margin-bottom: 20px;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.form-group {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.form-input {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
width: 95%;
|
|
padding: 10px;
|
|
border: 1px solid #ced4da;
|
|
border-radius: 4px;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.form-input:focus {
|
|
border-color: #007bff;
|
|
box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);
|
|
outline: none;
|
|
}
|
|
|
|
.btn-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.btn-save {
|
|
padding: 5px 10px;
|
|
text-decoration: none;
|
|
color: white;
|
|
background-color: #007bff;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
margin-top: 25px;
|
|
}
|
|
|
|
.btn-list {
|
|
padding: 5px 10px;
|
|
text-decoration: none;
|
|
color: white;
|
|
background-color: orange;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
</style>
|
|
|
|
<link rel="stylesheet" href="{{ asset('css/ControllerVues/list.css') }}"> <!-- Ajout du fichier CSS -->
|
|
<link rel="stylesheet" href="{{ asset('css/Index/index.css') }}"> <!-- Ajout du fichier CSS -->
|
|
<link rel="stylesheet" href="{{ asset('css/Compte/index.css') }}"> <!-- Ajout du fichier CSS -->
|
|
<link rel="stylesheet" href="{{ asset('css/GestionUtilisateurs/GestionUtilisateurs.css') }}"> <!-- Ajout du fichier CSS -->
|
|
{% endblock %}
|
|
|
|
{% endblock %}
|
|
|
|
|
|
|
|
|
|
|