templates/frontend/dataset/form.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  3. {% block body %}
  4.     <div class="page-bar-hero overflow-hidden">
  5.         <div class="container h-100">
  6.             <div class="position-relative py-4">
  7.                 <img class="img-building" src="{{ asset('assets/background/building.png') }}">
  8.                 <div class="d-flex align-items-center justify-content-between mb-5 position-relative">
  9.                     <h3 class="text-light mb-0 font-weight-bold">Form
  10.                     </br>Permintaan Data</h3>
  11.             </div>
  12.         </div>
  13.     </div>
  14. </div>
  15. <div class="form-request position-relative">
  16.     <div class="container">
  17.         <div class="card-wrapper rounded-lg">
  18.             <div class="card-body shadow-sm p-3 border rounded-lg bg-white">
  19.                 <div class="text-center rounded-lg p-2" style="background-color: #9E0A0A">
  20.                     <h3 class="text-light mb-0 fs-5">
  21.                         <i class="bi bi-file-earmark-bar-graph"></i>
  22.                         Form Permintaan Data
  23.                     </h3>
  24.                 </div>
  25.                 <br>
  27.                 {{ form_start(form) }}
  28.                 <div class="form-group row">
  29.                     <label class="col-md-3 col-form-label">{{ form_label(form.nama) }}</label>
  30.                     <div class="col-md-9">
  31.                         {{ form_widget(form.nama) }}
  32.                     </div>
  33.                 </div>
  34.                 <div class="form-group row">
  35.                     <label class="col-md-3 col-form-label">{{ form_label(form.telepon) }}</label>
  36.                     <div class="col-md-9">
  37.                         {{ form_widget(form.telepon) }}
  38.                     </div>
  39.                 </div>
  40.                 <div class="form-group row">
  41.                     <label class="col-md-3 col-form-label">{{ form_label(form.email) }}</label>
  42.                     <div class="col-md-9">
  43.                         {{ form_widget(form.email) }}
  44.                     </div>
  45.                 </div>
  46.                 <div class="form-group row">
  47.                     <label class="col-md-3 col-form-label">{{ form_label(form.pekerjaan) }}</label>
  48.                     <div class="col-md-9">
  49.                         {{ form_widget(form.pekerjaan) }}
  50.                     </div>
  51.                 </div>
  52.                 <div class="form-group row">
  53.                     <label class="col-md-3 col-form-label">{{ form_label(form.desk_pekerjaan) }}</label>
  54.                     <div class="col-md-9">
  55.                         {{ form_widget(form.desk_pekerjaan) }}
  56.                     </div>
  57.                 </div>
  58.                 <div class="form-group row">
  59.                     <label class="col-md-3 col-form-label">{{ form_label(form.judul_data) }}</label>
  60.                     <div class="col-md-9">
  61.                         {{ form_widget(form.judul_data) }}
  62.                     </div>
  63.                 </div>
  64.                 <div class="form-group row">
  65.                     <label class="col-md-3 col-form-label">Apakah anda mengetahui Perangkat Daerah (PD) penghasil sumber dataset terkait?</label>
  66.                     <div class="col-md-9">
  67.                         <label>
  68.                             <input name="pd" type="radio" value="1" class="mr-2" checked="" onchange="showPd(this.value)"><span>Ya</span>
  69.                         </label>
  70.                         <label>
  71.                             <input name="pd" type="radio" value="2" class="mr-2" onchange="showPd(this.value)"><span>Tidak</span>
  72.                         </label>
  73.                     </div>
  74.                 </div>
  75.                 <div class="form-group row">
  76.                     <label class="col-md-3 col-form-label">{{ form_label(form.div) }}</label>
  77.                     <div class="col-md-9">
  78.                         {{ form_widget(form.div) }}
  79.                     </div>
  80.                 </div>
  81.                 <div class="form-group row">
  82.                     <label class="col-md-3 col-form-label">{{ form_label(form.desk_kebutuhan) }}</label>
  83.                     <div class="col-md-9">
  84.                         {{ form_widget(form.desk_kebutuhan) }}
  85.                     </div>
  86.                 </div>
  87.                 <div class="form-group row">
  88.                     <label class="col-md-3 col-form-label">{{ form_label(form.tujuan_data) }}</label>
  89.                     <div class="col-md-9">
  90.                         {{ form_widget(form.tujuan_data) }}
  91.                     </div>
  92.                 </div>
  94.                 {{ form_widget(form.submit, { 'attr': { 'class': 'btn bg-primary w-100 d-block text-light' }}) }}
  95.                 {{ form_end(form) }}
  96.             </div>
  97.         </div>
  98.     </div>
  99. </div>
  101. <script>
  102.     function showPd(id) {
  103. var id_pd = $("#pd");
  104. var perangkat = $("#t_permohonan_div")
  105. if (id == 1) {
  106. perangkat.show()
  107. perangkat.attr("required", "required")
  108. $('#div').show()
  109. } else {
  110. perangkat.hide()
  111. perangkat.removeAttr("required")
  112. $('#div').hide()
  113. }
  114. };
  115. </script>{% endblock %}