templates/commercial/visiteRev.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <!--begin::Head-->
  4.     <head><base href="../../"/>
  5.         <title>Comptoir-hammami</title>
  6.         <meta charset="utf-8" />
  7.         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700" /-->
  8.         <link rel="shortcut icon" href="{{ asset ('pfe/dist/assets/media/misc/logo.png')}}" />
  9.         <!--begin::Global Stylesheets Bundle(mandatory for all pages)-->
  10.         <link href="{{ asset ('pfe/dist/assets/plugins/global/plugins.bundle.css')}}" rel="stylesheet" type="text/css" />
  11.         <link href="{{ asset ('pfe/dist/assets/css/style.bundle.css')}}" rel="stylesheet" type="text/css" />
  12.         <!--end::Global Stylesheets Bundle-->
  13.     </head>
  14.     <!--end::Head-->
  15.     <style>
  16. .hidden {
  17.             display: none;
  18.         }
  19. </style>
  20.     <!--begin::Body-->
  21.     <body id="kt_app_body" data-kt-app-layout="dark-sidebar" data-kt-app-header-fixed="true" data-kt-app-sidebar-enabled="true" data-kt-app-sidebar-fixed="true" data-kt-app-sidebar-hoverable="true" data-kt-app-sidebar-push-header="true" data-kt-app-sidebar-push-toolbar="true" data-kt-app-sidebar-push-footer="true" data-kt-app-toolbar-enabled="true" class="app-default">
  22.         <!--begin::Theme mode setup on page load-->
  23.         <script>var defaultThemeMode = "light"; var themeMode; if ( document.documentElement ) { if ( document.documentElement.hasAttribute("data-bs-theme-mode")) { themeMode = document.documentElement.getAttribute("data-bs-theme-mode"); } else { if ( localStorage.getItem("data-bs-theme") !== null ) { themeMode = localStorage.getItem("data-bs-theme"); } else { themeMode = defaultThemeMode; } } if (themeMode === "system") { themeMode = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; } document.documentElement.setAttribute("data-bs-theme", themeMode); }</script>
  24.         <!--end::Theme mode setup on page load-->
  25.         <!--begin::App-->
  26.         <div class="d-flex flex-column flex-root app-root" id="kt_app_root">
  27.             <!--begin::Page-->
  28.             <div class="app-page flex-column flex-column-fluid" id="kt_app_page">
  29.                 <!--begin::Header-->
  30.                 {{ include('_layout/header.html.twig') }}
  31.                 <!--end::Header-->
  32.                 <!--begin::Wrapper-->
  33.                 <div class="app-wrapper flex-column flex-row-fluid" id="kt_app_wrapper">
  34.                     <!--begin::Sidebar-->
  35.                     {{ include('commercial/Sidebarwrapper.html.twig') }}
  36.                     <!--end::Sidebar-->
  37.                     <!--begin::Main-->
  38.                     <div class="app-main flex-column flex-row-fluid" id="kt_app_main">
  39.                         <!--begin::Content wrapper-->
  40.                         <div class="d-flex flex-column flex-column-fluid">
  41.                             <!--begin::Toolbar-->
  42.                             <div id="kt_app_toolbar" class="app-toolbar">
  43.                                 <!--begin::Toolbar container-->
  44.                                 <div id="kt_app_toolbar_container" class="app-container container-xxl d-flex flex-stack">
  45.                                     <!--begin::Page title-->
  46.                                     <div class="page-title d-flex flex-column justify-content-center flex-wrap me-3">
  47.                                         <!--begin::Title-->
  48.                                         <h1 class="page-heading d-flex text-dark fw-bold fs-3 flex-column justify-content-center my-5">Ajouter une visite : {{ chant.nom}}</h1>
  49.                                         <!--end::Title-->
  50.                                         
  51.                                     </div>
  52.                                     <!--end::Page title-->
  53.                                     
  54.                                 </div>
  55.                                 <!--end::Toolbar container-->
  56.                                 {% for message in app.session.flashBag.get('success')%}
  57.                                        <div class="alert alert-success">
  58.                                         {{ message }}  
  59.                                        </div>
  60.                                     {% endfor %}
  61.                                     {% for message in app.session.flashBag.get('error')%}
  62.                                        <div class="alert alert-danger">
  63.                                         {{ message }}  
  64.                                        </div>
  65.                                     {% endfor %}
  66.                             </div>
  67.                             <!--end::Toolbar-->
  68.                             <!--begin::Content-->
  69.                             <div id="kt_app_content" class="app-content flex-column-fluid">
  70.                                 <!--begin::Content container-->
  71.                                 <div id="kt_app_content_container" class="app-container container-xxl">
  72.                                     <!--begin::Layout-->
  73.                                     <div class="d-flex flex-column flex-lg-row">
  74.                                         <!--begin::Content-->
  75.                                         <div class="flex-lg-row-fluid mb-10 mb-lg-0 me-lg-7 me-xl-10">
  76.                                             <!--begin::Card-->
  77.                                             <div class="card">
  78.                                                 <!--begin::Card body-->
  79.                                                 <div class="card-body p-12">
  80.                                                     <!--begin::Form-->
  81.                                                     <form class="form" method="POST" action="{{ path ('app_Ajout_VisiteRev',{id: chant.id})}}" enctype="multipart/form-data" >
  82.                                                         
  83.                                                         
  84.                                                         <!--begin::Wrapper-->
  85.                                                         <div class="mb-0">
  86.                                                             <!--begin::Row-->
  87.                                                             <div class="row gx-10 mb-5">
  88.                                                             
  89.                                                                 <!--begin::Col-->
  90.                                                                 <h3 class="page-heading d-flex text-dark fw-bold fs-13 flex-column justify-content-center my-5">Details du client :</h3>
  91.                                                                 <div class="col-lg-4">
  92.                                                                 
  93.                                                                     <!--begin::Nom-->
  94.                                                                     <div class="mb-5">
  95.                                                                     <h6 class="dark">Nom</h6>
  96.                                                                         <input type="text" value="{{chant.nom}}" class="form-control form-control-solid" disabled/>
  97.                                                                     </div>
  98.                                                                     <!--end::Nom-->
  99.                                                                     
  100.                                                                     
  101.                                                                 </div>
  102.                                                                 <!--end::Col-->
  103.                                                                 
  104.                                                                 
  105.                                                                 <!--begin::Col-->
  106.                                                                 
  107.                                                                 <div class="col-lg-4">
  108.                                                                     
  109.                                                                     <!--begin::Zone-->
  110.                                                                     <div class="mb-5">
  111.                                                                     <h6 class="dark">Zone</h6>
  112. <input type="text"
  113.        value="{{ chant.zone.nom|default('') }}"
  114.        class="form-control form-control-solid"
  115.        disabled />
  116.                                                                     </div>
  117.                                                                     <!--end::Zone-->
  118.                                                                         
  119.                                                                     
  120.                                                                 </div>
  121.                                                                 <!--end::Col-->
  122.                                                             <div class="col-lg-4">
  123.                                                                 <!--begin::produit-->
  124.                                                                     <div class="mb-5">
  125.                                                                     <h6 class="required">Produit :</h6>
  126.                                                                     <select name="produit[]"  data-control="select2" data-placeholder="Produit" class="form-select form-select-solid"  multiple required>
  127.                                                                         {% for p in prod %}
  128.                                                                             <option></option>
  129.                                                                             <option value="{{ p.id }}">{{p.designation}}</option>
  130.                                                                         {% endfor %}
  131.                                                                     </select>
  132.                                                                     </div>
  133.                                                                     <!--end::produit-->
  134.                                                                 
  135.                                                                 
  136.                                                             </div>
  137.                                                             <div class="col-lg-4">
  138.                                                                             <!--begin::Metrage-->
  139.                                                                             <div class="mb-5">
  140.                                                                                 <h6 class="required">Budget :</h6>
  141.                                                                                 <input type="text" name="budget" id="budget" class="form-control form-control-solid" placeholder="Budget" required/>
  142.                                                                             </div>
  143.                                                                             <!--end::Metrage-->
  144.                                                                                                                         
  145.                                                                         </div>
  146.                                                             <div class="col-lg-4">    
  147.                                                                     <div class="mb-5">
  148.                                                                             <h6 class="dark">Piece joint :</h6>
  149.                                                                                <input class="form-control form-control-solid"  name="devis[]" type="file"  multiple >
  150.                                                                     </div>
  151.                                                                 </div>    
  152.                                                                 
  153.                                                                 
  154.                                                             </div>
  155.                                                             <!--end::Row-->
  156.                                                             <div class="separator separator-dashed my-0"></div>
  157.                                                             
  158.                                                             <!--begin::Row-->
  159.                                                             <div class="row gx-10 mb-5">
  160.                                                                 <!--begin::Col-->
  161.                                                                 <h3 class="page-heading d-flex text-dark fw-bold fs-13 flex-column justify-content-center my-5">Details de la visite :</h3>
  162.                                                                 <div class="col-lg-4">
  163.                                                             <div class="mb-5">
  164.                                                                         <h6 class="dark required">Etat Chantier :</h6>
  165.                                                                         <select name="typec" id="typec" data-control="select2" data-placeholder="Selectionner etat" class="form-select form-select-solid" required>
  166.                                                                             {% for ty in typec %}
  167.                                                                                 <option value="{{ ty.id }}" >{{ty.type}}</option>
  168.                                                                             {% endfor %}
  169.                                                                         </select>
  170.                                                                     </div>
  171.                                                                     <!--begin::Type-->
  172.                                                                         <div class="col-lg-12">
  173.                                                             
  174.                                                                     <!--begin::Type-->
  175.                                                                     <div class="mb-5 hidden" id="otherInput2">
  176.                                                                        <h6 class="dark">Cause d'annulation : </h6>
  177.                                                                         <textarea name="cause" id="cause" class="form-control form-control-solid" id="otherTextInput2" rows="3" placeholder="Votre cause d'annulation"></textarea>
  178.                                                                     </div>
  179.                                                                     <!--end::Type-->
  180.                                                                 </div>        
  181.                                                                     <div class="mb-5">
  182.                                                                        <h6 class="dark">Type de visite </h6>
  183.                                                                         <select name="typev"  data-control="select2" data-placeholder="Selectionner type" class="form-select form-select-solid" required>
  184.                                                                             <option value="Direct">Direct</option>
  185.                                                                                <option value="Télephone">Télephone</option>
  186.                                                                                <option value="Email">Email</option>
  187.                                                                             <option value="Présentation Produit">Présentation Produit</option>
  188.                                                                             <option value="Newsletter">Newsletter</option>
  189.                                                                             <option value="Mailing">Mailing</option>
  190.                                                                             <option value="Devis">Devis</option>
  191.                                                                        </select>
  192.                                                                     </div>
  193.                                                                     <!--end::Type-->
  194.                                                                 </div>
  195.                                                                 <!--begin::Col-->
  196.                                                                 <div class="col-lg-4">
  197.                                                                     <!--begin::date-->
  198.                                                                     <div class="mb-5">
  199.                                                                     <h6  class="required">Date</h6>
  200.                                                                       <input type="date"  class="form-control form-control-solid" name="date" required>                                                                    </div>
  201.                                                                     <!--end::date-->
  202.                                                                     
  203.                                                                                                                                     
  204.                                                                 </div>
  205.                                                                 <!--end::Col-->
  206.                                                                 
  207.                                                                 <div class="col-lg-4">
  208.                                                                 
  209.                                                                     <!--begin::observation-->
  210.                                                                     <div class="mb-5">
  211.                                                                     <h6 class="dark">Observation</h6>
  212.                                                                         <textarea name="observation" class="form-control form-control-solid" rows="3" placeholder="Votre observation" ></textarea>
  213.                                                                     </div>
  214.                                                                     <!--end::observation-->
  215.                                                                     
  216.                                                                 </div>
  217.                                                                 <!--end::Col-->
  218.                                                                 
  219.                                                                 
  220.                                                             </div>
  221.                                                             <!--end::Row-->
  222.                                                                 
  223.                                                         </div>
  224.                                                         <!--end::Wrapper-->
  225.                                                         <!--begin::Action buttons-->
  226.                                                         <div class="d-flex justify-content-end">
  227.                                                             
  228.                                                             <!--begin::Button-->
  229.                                                             <button type="submit" data-kt-contacts-type="submit" class="btn btn-secondary btn-active-light w-200">
  230.                                                                 <span class="indicator-label">Ajouter visite</span>
  231.                                                             </button>
  232.                                                             <!--end::Button-->
  233.                                                         </div>
  234.                                                         <!--end::Action buttons-->
  235.                                                     </form>
  236.                                                     <!--end::Form-->
  237.                                                 </div>
  238.                                                 <!--end::Card body-->
  239.                                             </div>
  240.                                             <!--end::Card-->
  241.                                         </div>
  242.                                         <!--end::Content-->
  243.                                         
  244.                                     </div>
  245.                                     <!--end::Layout-->
  246.                                 </div>
  247.                                 <!--end::Content container-->
  248.                             </div>
  249.                             <!--end::Content-->
  250.                         </div>
  251.                         <!--end::Content wrapper-->
  252.                         <!--begin::Footer-->
  253.                         {{ include('_layout/footer.html.twig') }}
  254.                         <!--end::Footer-->
  255.                     </div>
  256.                     <!--end:::Main-->
  257.                 </div>
  258.                 <!--end::Wrapper-->
  259.             </div>
  260.             <!--end::Page-->
  261.         </div>
  262.         <!--end::App-->
  263.     
  264.         <!--begin::Javascript-->
  265.         {{ include('_layout/script.html.twig') }}
  266.         <!--end::Javascript-->
  267.     </body>
  268.     <!--end::Body-->
  269.     <script>
  270.     
  271.          $(document).ready(function() {
  272.     $('#typec').select2();
  273.     $('#typec').on('change', function() {
  274.         var selectedValue = $(this).val();
  275.         // Vérifiez pour le premier numéro id
  276.         if (selectedValue === '3') {
  277.             $('#otherInput').removeClass('hidden');
  278.         } else {
  279.             $('#otherInput').addClass('hidden');
  280.         }
  281.         // Vérifiez pour le second numéro id
  282.         if (selectedValue === '6') {
  283.             $('#otherInput2').removeClass('hidden');
  284.         } else {
  285.             $('#otherInput2').addClass('hidden');
  286.         }
  287.     });
  288. });
  289.     </script>
  290. </html>