templates/main/message.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, maximum-scale=1, viewport-fit=cover, shrink-to-fit=no">
  6.     <meta name="description" content="Suha - Multipurpose Ecommerce Mobile HTML Template">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="theme-color" content="#ff3c00">
  9.     <meta name="apple-mobile-web-app-capable" content="yes">
  10.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11.     <!-- The above tags *must* come first in the head, any other head content must come *after* these tags -->
  12.     <!-- Title -->
  13.     <title>MR panini - fast-food Africain de panini</title>
  14.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  15.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  16.     <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  17.     <!-- Favicon -->
  19.     {% block stylesheets %}
  20.             {{ encore_entry_link_tags('app') }}
  21.         
  23.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  24.     <!-- Apple Touch Icon -->
  25.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  26.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  27.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  28.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  29.     <!-- CSS Libraries -->
  30.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  31.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  37.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  38.     <!-- Stylesheet -->
  39.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  40.     <!-- Web App Manifest -->
  41.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  43.     {% endblock %}
  45.   </head>
  46.   <body>
  48.     {% block body %}
  50.     <!-- Preloader-->
  51.     <div class="preloader" id="preloader">
  52.       <div class="spinner-grow text-secondary" role="status">
  53.         <div class="sr-only"></div>
  54.       </div>
  55.     </div>
  56.     <!-- Internet Connection Status-->
  57.   <div class="internet-connection-status" id="internetStatus"></div>
  58.     <!-- Header Area-->
  59.     <div class="header-area" id="headerArea">
  60.       <div class="container h-100 d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  61.         <!-- Back Button-->
  62.         
  63.         {% if app.user and app.user.compte == 'client' %}
  65.         <div class="back-button me-2">
  66.           <a href="{{path('app_main_particulier')}}">
  67.           <i class="fa-solid fa-arrow-left-long"></i>
  68.          </a>
  69.        </div>
  71.        {% elseif app.user and app.user.compte == 'vendeur' %}
  73.         <div class="back-button me-2">
  74.           <a href="{{path('app_main')}}">
  75.           <i class="fa-solid fa-arrow-left-long"></i>
  76.          </a>
  77.        </div>
  79.        {% else %}
  81.       <div class="back-button me-2"><a href="{{ path('app_main')}}"><i class="fa-solid fa-arrow-left-long"></i></a></div>
  83.       {% endif %}
  84.       
  85.         <!-- Page Title-->
  86.         <div class="page-heading">
  87.           <h6 class="mb-0">Live Chat</h6>
  88.         </div>
  89.         <!-- Navbar Toggler-->
  90.         <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  91.           <div><span></span><span></span><span></span></div>
  92.         </div>
  93.       </div>
  94.     </div>
  96.     {% include 'main/menu.html.twig' %}
  99.     <div class="page-content-wrapper">
  100.       <!-- Live Chat Intro-->
  101.       <div class="live-chat-intro mb-3">
  102.         <p>Débuter une conversation</p>
  103.         <img src="img/icon.jpg" alt="">
  104.         <div class="status online">Est en ligne </div>
  105.         <!-- Use this code for "Offline" Status-->
  106.         <!-- .status.offline We’ll be back soon-->
  107.       </div>
  108.       <!-- Support Wrapper-->
  109.       <div class="support-wrapper py-3">
  110.         <div class="container">
  111.           <!-- Live Chat Wrapper-->
  112.           <div class="live-chat-wrapper">
  113.             <!-- Agent Message Content-->
  114.             <div class="agent-message-content d-flex align-items-start">
  115.               <!-- Agent Thumbnail-->
  116.               <div class="agent-thumbnail me-2 mt-2"><img src="img/icon.jpg" alt=""></div>
  117.               <!-- Agent Message Text-->
  118.               <div class="agent-message-text">
  119.                 <div class="d-block">
  120.                   <p>Hello ! bienvenue, comment puis vous aider ?</p>
  121.                 </div>
  122.                 
  123.               </div>
  124.             </div>
  125.             <!-- User Message Content
  126.             <div class="user-message-content">
  127.               -- User Message Text--
  128.               <div class="user-message-text">
  129.                 <div class="d-block">
  130.                   <p>I liked your template.</p>
  131.                 </div><span>12:18</span>
  132.               </div>
  133.             </div>-->
  135.             <!-- Agent Message Content-->
  136.             <div class="agent-message-content d-flex align-items-start">
  137.               <!-- Agent Thumbnail-->
  138.               <div class="agent-thumbnail me-2 mt-2"><img src="img/bg-img/9.jpg" alt=""></div>
  139.               <!-- Agent Message Text-->
  140.               <div class="agent-message-text">
  141.                 <div class="d-block">
  142.                   <div class="writing-mode"><span class="dot"></span><span class="dot"></span><span class="dot"></span></div>
  143.                 </div>
  144.               </div>
  145.             </div>
  146.           </div>
  147.         </div>
  148.       </div>
  149.     </div>
  151.     {{ form_start(Formulaire)}}
  153.     <!-- Type Message Form-->
  154.     <div class="type-text-form">
  155.       <form action="#">
  156.         <div class="form-group file-upload mb-0">
  157.           <input type="file"><i class="fa-solid fa-plus"></i>
  158.         </div>
  159.         
  160.         {{form_row(Formulaire.contenus,
  161.                       {'class': 'form-control',
  162.                         'label': '  ',
  163.                         'id': 'fullName',
  164.                         'attr': {'placeholder':'Votre texte ici'}})
  166.            }}
  167.         <button type="submit">
  168.           <svg class="bi bi-arrow-right" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" viewBox="0 0 16 16">
  169.             <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z">
  170.               
  171.             </path>
  172.           </svg>
  173.         </button>
  175.       </form>
  176.     </div>
  178.   {{ form_rest(Formulaire) }}
  180. {{ form_end(Formulaire) }}
  182. <!-- Internet Connection Status-->
  183.     <div class="internet-connection-status" id="internetStatus"></div>
  184.     
  185.    {% if app.user and app.user.compte == 'client' %}
  187.       {% include 'main/footerparticulier.html.twig' %}
  189.     {% elseif app.user and app.user.compte == 'vendeur' %}
  191.     {% include 'main/footer.html.twig' %}
  193.     <a href="{{ path('app_ajouterProduit') }}">
  194.       <div data-js="back-top" class="back-top">
  195.       
  196.         <img src="img/plus.png" width="110px"  alt="">
  197.      </div>
  198.     </a>
  200.   {% else %}
  202.    
  204.   {% endif %}
  205.     
  207. {% endblock %}
  210.         {% block javascripts %}
  211.             {{ encore_entry_script_tags('app') }}
  212.         
  213.     <!-- All JavaScript Files-->
  214.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  215.     <script src="{{asset('js/jquery.min.js')}}"></script>
  216.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  217.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  218.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  219.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  220.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  221.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  222.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  223.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  224.     <script src="{{asset('js/theme-switching.js')}}"></script>
  225.     <script src="{{asset('js/no-internet.js')}}"></script>
  226.     <script src="{{asset('js/active.js')}}"></script>
  227.     <script src="{{asset('js/pwa.js')}}"></script>
  229.     {% endblock %}
  231.   </body>
  232. </html>