templates/room/new.html.twig line 1

Open in your IDE?
  1. {% extends 'admin/base.html.twig' %}
  3. {% block title %}New Room{% endblock %}
  5. {% block body %}
  6. <secion>
  7.     <div class="card mb-4">
  8.         <div class="card-header">
  9.             <h4 class="card-heading">Ajouter une chambre</h4>
  10.              <div style="float:right">
  11.                 <a href="{{ path('app_room_index') }}">
  12.                     <span class="badge rounded-pill me-2 p-2 bg-primary">Retour à la liste</span>
  13.                 </a>
  14.             </div>
  15.         </div>
  16.         <div class="card-body text-muted">
  17.             {{ form_start(form) }}
  18.             
  19.                     <div class="row mb-4">
  20.                         <div class="col-6 mt-2">
  21.                         
  22.                             <label class="form-label"> Nom de la chambre </label>
  23.                             {{ form_widget(form.name, {  attr: {'placeholder': 'Chambre de rêve', 'class': 'form-control '} }) }}
  24.                         </div>
  25.                         <div class="col-6 mt-2">
  26.                             <label class="form-label"> Numéro de la chambre</label>
  27.                             {{ form_widget(form.number, {  attr: {'placeholder': '111', 'class': 'form-control '} }) }}
  28.                         </div>
  29.                         <div class="col-6 mt-2">
  30.                             <label class="form-label"> Surface(m²)</label>
  31.                             {{ form_widget(form.surface, {  attr: {'placeholder': '45', 'class': 'form-control '} }) }}
  32.                         </div>
  33.                         <div class="col-6 mt-2">
  34.                             <label class="form-label"> Nombre de personne</label>
  35.                             {{ form_widget(form.nbrOfPerson, {  attr: {'placeholder': '1', 'class': 'form-control '} }) }}
  36.                         </div>
  37.                         <div class="col-6 mt-2">
  38.                             <label class="form-label"> Type</label>
  39.                             {{ form_widget(form.type, {  attr: {'class': 'form-control '} }) }}
  40.                         </div>
  41.                         <div class="col-6 mt-2">
  42.                           <label class="form-label"> Price </label> 
  43.                           {{form_widget(form.price, { attr:{'class':'form-control'  }} )}}
  44.                         </div>
  46.                         <div class="col-6 mt-2">
  47.                             <label class="form-label"> Choisir un centre </label>
  48.                             {{ form_widget(form.center, {  attr: {'class': 'form-control '} }) }}
  49.                         </div>
  50.                         <div class="col-6 mt-2">
  51.                             <label class="form-label"> Combien de lit Simple</label>
  52.                             {{ form_widget(form.nbrOfSimpleBed, {  attr: {'placeholder':'1' , 'class': 'form-control '} }) }}
  53.                         </div>
  54.                         <div class="col-6 mt-2">
  55.                             <label class="form-label"> Combien de lit Double</label>
  56.                             {{ form_widget(form.nbrOfDoubleBed, {  attr: {'placeholder':'1' , 'class': 'form-control '} }) }}
  57.                         </div>
  59.                         <div class="col-8 mt-2">
  60.                             <label class="form-label"> Déscription</label>
  61.                             {{ form_widget(form.description, {  attr: {'placeholder': 'Decrivez la chambre', 'class': 'form-control '} }) }}
  62.                         </div>
  64.                         <div class="col-6 mt-5">
  65.                             <label class=" custom-control-label" form='room_active'> Activer/Désactiver
  66.                             {{ form_widget(form.active, {  attr: {'class': 'form-check-input'} }) }}
  67.                             </label>
  68.                         </div>
  69.                     </div>
  70.                     <div class="row mt-3">
  71.                       <div class="col-6">
  72.                        <button class="btn btn-outline-primary" type="submit">Ajouter</button>
  73.                       </div>
  74.                     </div>
  76.             
  77.             {{form_end(form)}}
  78.             
  79.         </div>
  80.     </div>
  81.    
  82.             
  83. </section>
  84. {% endblock %}
  85.  {% block javascripts %}
  87.     <!-- Choices.js-->
  88.     <script src="{{asset('vendor/choices.js/public/assets/scripts/choices.min.js')}}"></script>
  89.     <!-- VanillaJs DatePicker-->
  90.     <script src="{{asset('vendor/vanillajs-datepicker/js/datepicker-full.min.js')}}"></script>
  91.     <!-- Quill-->
  92.     <script src="{{asset('vendor/quill/quill.min.js')}}"></script>
  93.     <!-- Lightbox gallery-->
  94.     <script src="{{asset('vendor/glightbox/js/glightbox.min.js')}}">    </script>
  95.     <!-- Dropzone.js-->
  96.     <script src="{{asset('vendor/dropzone/dropzone.js')}}">   </script>
  97.     <!-- Add New Product JS-->
  98.     <script src="{{asset('js/e-commerce-product-new.js')}}">   </script>
  99.     <!-- Main Theme JS File-->
  100.     <script src="{{asset('js/theme.js')}}"></script>
  101.     <!-- Prism for syntax highlighting-->
  102.     <script src="{{asset('vendor/prismjs/prism.js')}}"></script>
  103.     <script src="{{asset('vendor/prismjs/plugins/normalize-whitespace/prism-normalize-whitespace.min.js')}}"></script>
  104.     <script src="{{asset('vendor/prismjs/plugins/toolbar/prism-toolbar.min.js')}}"></script>
  105.     <script src="{{asset('vendor/prismjs/plugins/copy-to-clipboard/prism-copy-to-clipboard.min.js')}}"></script>
  106.    
  107. {% endblock %}