footer

public/styles/styles.css

@@ -1153,6 +1153,11 @@ aside article{
     transition: all .4s ease;
 }
 
+.sexe-input{
+    display: flex;
+    gap: 10px;
+}
+
 .btnsave{
     height: 40px;
     width: 130px;
@@ -1403,10 +1408,43 @@ margin-top: 10rem;
     text-decoration: none;
 }
 
-.orange{
+.orange {
     color: #ff8700;
+}
 
 
 .ml-2{
     margin-left: 1rem;
+}
+
+.ic{
+    width: 20%;
+}
+.ic i{
+    font-size: 4rem;
+}
+
+footer{
+    width: 100%;
+    background-color: #FFFFFF;
+}
+
+footer img{
+    height: 80px;
+}
+
+.mini-menu{
+    gap: 30px;
+
+}
+
+.mini-menu a{
+    color: #2d2d2d;
+    font-size: 1.3rem;
+    transition: all 0.4s ease;
+}
+
+.mini-menu a:hover{
+    color: #6D28D9;
+    transition: all 0.4s ease;
 }
\ No newline at end of file

templates/base.html.twig

@@ -60,6 +60,30 @@
         {% block body %}{% endblock %}
 
     </body>
+<footer class="mt-4 col jc-c ai-c">
+<h1>G-shoes</h1>
+    <img src="{{ asset('images/logo.png') }}" alt="logo">
+    <div class="mini-menu row">
+    <a href="/" >Accueil</a>
+    <a href="/produits" >Boutique</a>
+    <a href="https://www.linkedin.com/in/na%C3%AFl-akifi-63694a227/" target="_blank" >Contact</a>
+    {% if app.user %}
+        <a href="{{ path('app_user_show', {'id': app.user.id}) }}" ><i class="bi bi-person"></i></a>
+        {% if app.user.panier %}
+            <a href="{{ path('app_panier_show', {'id': app.user.panier.id}) }}" ><i class="bi bi-basket3"></i></a>
+        {% else %}
+            <a href="" ><i class="bi bi-basket3"></i></a>
+        {% endif %}
+    {% else %}
+        <a href="{{ path('app_user_new')  }}" >Crée un compte</a>
+    {% endif %}
+    {% if is_granted('ROLE_ADMIN') %}
+        <a href="{{ path('app_user_index')  }}" >Admin</a>
+    {% endif %}
+    </div>
+    <p>Réalisé par AKIFI Naïl ©</p>
+
+</footer>
 
 
 </html>

templates/home.html.twig

@@ -116,9 +116,23 @@
 
         </div>
         <div class="rondViolet abs">
-
         </div>
     </section>
+    <section class="row jc-c gap-big mt-4">
+        <div class="col jc-c ai-c ic">
+            <i class="bi bi-patch-check purple"></i>
+            <p class="text-c">Lorem ipsum, dolor sit amet consectetur sf agni laboriosam</p>
+        </div>
+        <div class="col jc-c ai-c ic">
+            <i class="bi bi-cart-check purple"></i>
+            <p class="text-c">Lorem ipsum, dolor sit amet consectetur sf agni laboriosam</p>
+        </div>
+        <div class="col jc-c ai-c ic">
+            <i class="bi bi-shield-check purple"></i>
+            <p class="text-c">Lorem ipsum, dolor sit amet consectetur sf agni laboriosam</p>
+        </div>
+
+    </section>
 
     <script src="{{ asset('imp.js') }}" defer></script>
 

templates/produits/_form.html.twig

-{{ form_start(form) }}
-    {{ form_widget(form) }}
+{{ form_start(form, {'attr': {'class': 'my-form'}}) }}
+<div class="form-field">
+    {{ form_label(form.nom) }}
+    {{ form_widget(form.nom, {'attr': {'class': 'email-input'}}) }} <!-- Classe spécifique pour l'email -->
+</div>
+<div class="form-field">
+    {{ form_label(form.prix) }}
+    {{ form_widget(form.prix, {'attr': {'class': 'password-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+
+<div class="form-field">
+    {{ form_label(form.description) }}
+    {{ form_widget(form.description, {'attr': {'class': 'password-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+<div class="form-field">
+    {{ form_label(form.marque) }}
+    {{ form_widget(form.marque, {'attr': {'class': 'password-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+<div class="form-field">
+    {{ form_label(form.couleur) }}
+    {{ form_widget(form.couleur, {'attr': {'class': 'password-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+<div class="form-field">
+    {{ form_label(form.sexe) }}
+    {{ form_widget(form.sexe, {'attr': {'class': 'sexe-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+<div class="form-field">
+    {{ form_label(form.stock) }}
+    {{ form_widget(form.stock, {'attr': {'class': 'password-input'}}) }} <!-- Classe spécifique pour le mot de passe -->
+</div>
+
+
 {% if produit.img %}
     <p>Photo actuelle : <img class="vignette" src="{{ asset('uploads/'~produit.img) }}" alt="{{ produit.description }}"></p>
 {% endif %}
-<button class="btn">{{ button_label|default('Save') }}</button>
+<button class="btnsave">{{ button_label|default('Save') }}</button>
 {{ form_end(form) }}
\ No newline at end of file

templates/produits/edit.html.twig

@@ -3,11 +3,13 @@
 {% block title %}Edit Produits{% endblock %}
 
 {% block body %}
-    <h1>Edit Produits</h1>
+        <h1 class="text-c mt-4">Edition du produit</h1>
+    <div class="logo-content f jc-c">
+        <img src="{{ asset('images/logo.png') }}" class="top_logo">
+    </div>
 
     {{ include('produits/_form.html.twig', {'button_label': 'Update'}) }}
 
-    <a href="{{ path('app_produits_index') }}">back to list</a>
 
     {{ include('produits/_delete_form.html.twig') }}
 {% endblock %}

templates/produits/new.html.twig

@@ -3,9 +3,11 @@
 {% block title %}New Produits{% endblock %}
 
 {% block body %}
-    <h1>Create new Produits</h1>
+    <h1 class="text-c mt-4">Ajoutez le produit !</h1>
+    <div class="logo-content f jc-c">
+        <img src="{{ asset('images/logo.png') }}" class="top_logo">
+    </div>
 
     {{ include('produits/_form.html.twig') }}
 
-    <a href="{{ path('app_produits_index') }}">back to list</a>
 {% endblock %}