templates/base_baux_agent.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Gestion des BAUX</title>
  8.     {% block stylesheet %}
  9.         {{ encore_entry_script_tags('app') }}
  10.         <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.3/dist/leaflet.css" crossorigin=""/>
  12.     {% endblock %}
  13.     
  14.     <linkrel="shortcut icon" href="{{ asset('assets/img/logo-MUAT.png') }}">
  15.     <link rel="icon" href="{{ asset('assets/img/logo-MUAT-2.png') }}" type="image/x-icon">
  17.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  18.     <style>
  19.         body {
  20.             background-color: #f8f9fa; /* Background de l'écran global */
  21.         }
  22.         .form-container {
  23.             background-color: #ffffff; /* Background du formulaire */
  24.             padding: 20px;
  25.             border-radius: 10px;
  26.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  27.             width: 100%; /* Prend toute la largeur disponible */
  28.             max-width: 900px; /* Limite la largeur à 900px ou moins */
  29.             margin: 0 auto; /* Centre le conteneur horizontalement */
  30.             border: 1px solid #e0e0e0; /* Bordure légère pour délimiter le conteneur */
  31.         }
  33.         
  34.         .block-title {
  35.             color: #28a745; /* Couleur verte pour les titres des blocs */
  36.             font-weight: bold;
  37.             margin-bottom: 10px;
  38.         }
  39.         .header {
  40.             text-align: center;
  41.             margin-bottom: 30px;
  42.         }
  43.         .header img.logo {
  44.             margin-bottom: 10px;
  45.         }
  46.         h5{
  47.             color : green;
  48.         }
  49.         .footer {
  50.             background-color: green;
  51.             color: white;
  52.             text-align: center;
  53.             padding: 10px;
  54.             margin-top: 30px;
  55.             border-radius: 10px;
  56.         }
  57.         .footer .logout-btn {
  58.             margin-top: 10px;
  59.         }
  61.         /* Limiter la taille maximale du logo pour différentes tailles d'écran */
  62.         @media (max-width: 2576px) {
  63.             .header img.logo {
  64.                 max-width: 10%; /* 50% de la largeur de l'écran sur les petits écrans */
  65.             }
  66.         }
  68.         @media (min-width: 577px) and (max-width: 768px) {
  69.             .header img.logo {
  70.                 max-width: 10%; /* 30% de la largeur de l'écran sur les écrans moyens */
  71.             }
  72.         }
  74.         @media (min-width: 769px) {
  75.             .header img.logo {
  76.                 max-width: 1%; /* 20% de la largeur de l'écran sur les grands écrans */
  77.             }
  78.         }
  80.     </style>
  82.     <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" rel="stylesheet">
  85.     {% block javascript %}
  86.     {{ encore_entry_script_tags('app') }}
  87.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  88.         <script src="https://unpkg.com/leaflet@1.9.3/dist/leaflet.js"  crossorigin=""></script>
  89.         
  90.     {% endblock %}
  91.     
  92. </head>
  93. <body>
  95. <div class="container mt-5">
  96.     <!-- Header avec logo centré et email en dessous -->
  97.     <div class="header">
  98.         <img class="navbar-brand-logo" src="{{ asset('assets/img/logo-MUAT-2.png') }}" alt="Logo" data-hs-theme-appearance="dark" width=400>
  99.         <hr>
  100.         {% if app.user %}
  101.         <div class="email">
  102.             <p class="text-muted"><strong>Utilisateur connecté :</strong> {{ app.user.email }} </p>
  103.         </div>
  104.         {% endif %}
  105.     </div>
  107.     <!-- Formulaire principal -->
  108.     <div class="form-container">
  109.         {% block body %} {% endblock %}
  110.     </div>
  111. </div>
  113. <!-- Footer avec bouton de déconnexion -->
  114. <div class="footer mt-5">
  115.     <p>&copy; 2024 Votre Société. Tous droits réservés.</p>
  116.     <a href="{{path('app_logout')}}" class="btn btn-danger logout-btn">Déconnexion</a>
  117. </div>
  119. </body>
  121.     <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
  122.     <script src=" {{asset('assets/js/sign.js')}}"></script>
  123.     
  124. </html>