templates/homepage/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base_pdam.html.twig' %}
  2. {% block title %} Halaman utama tender{% endblock %}
  3. {% block body %}
  4. <style>
  5. .bdr {
  6.             border-radius: 10px;
  7.             overflow: hidden;
  8.         }
  9. .input {
  10.     border-radius: 5px;
  11.     border: 1px solid #ccc;
  12.     display: block;
  13.     box-sizing: border-box;
  14.     padding: 15px 10px;
  15.     outline: none;
  16.     font-size: 18px;
  17.     font-weight: normal;
  18.     font-family: 'Open Sans', sans-serif;
  19.     width: 343px;
  20. }
  21. .captcha-wrap {
  22.     position: relative;
  23. }
  24. #CaptchaImageCode {
  25.     text-align: center;
  26.     margin-top: 15px;
  27.     padding: 0px 0;
  28.     width: 300px;
  29.     overflow: hidden;
  30. }
  31. .capcode {
  32.     font-size: 46px;
  33.     display: block;
  34.     -moz-user-select: none;
  35.     -webkit-user-select: none;
  36.     user-select: none;
  37.     cursor: default;
  38.     letter-spacing: 1px;
  39.     font-family: 'Roboto Slab', serif;
  40.     font-weight: 100;
  41.     font-style: italic;
  42. }
  43. .ReloadBtn {
  44.     background: url('images/refresh.png') left top no-repeat;
  45.     background-size: 100%;
  46.     width: 32px;
  47.     height: 32px;
  48.     border: 0px;
  49.     outline: none;
  50.     position: absolute;
  51.     bottom: 30px;
  52.     left: 310px;
  53.     cursor: pointer;
  54. }
  55. .btnSubmit {
  56.     margin-top: 15px;
  57.     border: 0px;
  58.     padding: 10px 20px;
  59.     border-radius: 5px;
  60.     font-size: 18px;
  61.     background-color: #1285c4;
  62.     color: #fff;
  63.     cursor: pointer;
  64. }
  65. .success {
  66.     color: green;
  67.     font-size: 18px;
  68.     margin-bottom: 15px;
  69.     display: none;
  70. }
  71. .error {
  72.     color: red;
  73.     display: none;
  74. }
  75.     </style>
  76.     <link rel="stylesheet" href="{{ asset('bundles/babdevpagerfanta/css/pagerfanta.css') }}">
  77.     <!-- ======= Hero Section ======= -->
  78.     <section id="hero" class="hero">
  79.         <div class="container position-relative">
  80.             <div class="row gy-5" data-aos="fade-in">
  81.                 <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start">
  82.                     <h2>Welcome to <span>E-Procurement - PDAM Makassar</span></h2>
  83.                     <div class="d-flex justify-content-center justify-content-lg-start">
  84.                         <a href="{{ path('app_registration') }}" class="btn-get-started">Daftar Vendor</a>
  85.                       <!--  <a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>Tonton Video Panduan</span></a> -->
  86.                     </div>
  87.                 </div>
  88.                 <div class="col-lg-6 order-1 order-lg-2">
  89.                     <img src="{{ asset('images/tender.jpg') }}" class="img-fluid img-thumbnail" alt="" data-aos="zoom-out" data-aos-delay="100">
  90.                     <br>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.         <div>
  95.             <br>
  96.             <br>
  97.         </div>
  98.     </section>
  99.     <!-- End Hero Section -->
  100.     
  101.     <!-- ======= About Us Section ======= -->
  102.     <!-- ======= Tender Section ======= -->
  103.     
  104.                 <section id="team" class="team">
  105.         <div class="container" data-aos="fade-up">
  106.             <div class="section-header">
  107.                 <h2>Lihat Semua Tender</h2>
  108.             </div>
  109.             
  110.             <div class="card mb-4">
  111.             <div class="card-body">
  112.             <table class="table table-bordered bdr">
  113.                 <thead class="thead-light">
  114.                 <tr>
  115.                     <th scope="col">No.</th>
  116.                     <th scope="col">Nama Paket</th>
  117.                     <th scope="col">HPS</th>
  118.                     <th scope="col">Akhir Pendaftaran</th>
  119.                     <th scope="col">Jumlah</th>
  120.                 </tr>
  121.                 </thead>
  122.                 <tbody>
  123.                 {% for n in jenis %}
  124.                 <tr>
  125.                 
  126.                     <th scope="row" colspan="4"><div class="card mb-4">
  127.             <div class="card-body">{{ n.nama }}</div>
  128.                     </div></th>
  129.                     
  130.                     {# <td align="center"> <button type="button" class="btn btn-secondary">{{ n.getTenders()|length }}</button></td> #}
  131.                     {% set jumlah = 0 %}
  132.                     {%  for tender in n.getTenders() %}
  133.                     {% set tenderPublish = 0 %}
  134.                     {# {% for tender in tender %} #}
  135.                     {# {% if (tender.publish == true) and (tender.idRup.publish == true) %} #}
  136.                     {# {% if (tender.publish == true) %}
  137.                     
  138.                     {% endif %} #}
  139.                     {% for p in publish %}
  140.                         {% if (tender.getid()==p.getTender().getid()) and (p.exist == true) %}
  141.                             {% set tenderPublish = tenderPublish + 1 %}
  142.                         {% endif %}
  143.                     {% endfor %}
  144.                             
  145.                     {% if (tenderPublish >=3) %}
  146.                         {% set jumlah = jumlah + 1 %}
  147.                     {% endif %}
  148.                     
  149.                     {% endfor %}
  150.                     <td align="center"> <button type="button" class="btn btn-secondary">{{ jumlah }}</button></td>
  151.                 </tr>
  152.                 {% set no = 1 %}
  153.                 {# {{ dump(no) }} #}
  154.                     {%  for tender in n.getTenders() %}
  155.                     {% set tenderPublish = 0 %}
  156.                     {# {{ dump(publish) }} #}
  157.                     {% for p in publish %}
  158.                         {% if (tender.getid()==p.getTender().getid()) and (p.exist == true) %}
  159.                             {% set tenderPublish = tenderPublish + 1 %}
  160.                         {% endif %}
  161.                     {% endfor %}
  162.                     {# {% for tender in tender %} #}
  163.                     {# {% if (tender.publish == true) and (tender.idRup.publish == true) %} #}
  164.                     {# {% if (tender.publish == true) %} #}
  165.                     {% if (tenderPublish >=3) %}
  166.                         <tr>
  167.                         <th scope="row">{{no}}</th>
  168.                         {# {{ dump(tender) }} #}
  169.                         <td><a href="{{ path('app_tender_pengumuman', {idTender: tender.getid()})}}" target="_blank">{{tender.namaTender}}</a> </td>
  170.                         <td>Rp {{ tender.hps|number_format(0, ',', '.') }}</td>
  171.                         <td colspan="2">  {{  tender.akhirPendaftaran | date('d M Y h:i:s') }}</td>
  172.                     </tr>
  173.                     {% set no = no + 1 %}
  174.                     {% endif %}
  175.                     
  176.                 {% endfor %}
  177.                 {% endfor %}
  178.                 </tbody>
  179.             </table>
  180.  </div>
  181.     </div>
  182.         </div>
  183.     </section><!-- End Our Team Section -->
  184.        
  185.     
  186.    {# <section id="team" class="team">#}
  187. {#        <div class="container" data-aos="fade-up">#}
  188. {#            <div class="section-header">#}
  189. {#                <h2>Rencana Umum Pengadaan</h2>#}
  190. {#            </div>#}
  191. {#            <table class="table table-bordered">#}
  192. {#                <thead>#}
  193. {#                <tr>#}
  194. {#                    <th>Kode Rup</th>#}
  195. {#                    <th>Nama Paket</th>#}
  196. {#                    <th>Sumber Dana</th>#}
  197. {#                    <th>Total Pagu</th>#}
  198. {#                    <th>Tahun Anggaran</th>#}
  199. {#                </tr>#}
  200. {#                </thead>#}
  201. {#                <tbody>#}
  202. {#                {% for entity in rup %}#}
  203. {#                    <tr>#}
  204. {#                        <td>{{ entity.kodeRup }}</td>#}
  205. {#                        <td>{{ entity.namaPaket }}</td>#}
  206. {#                        <td>{{ entity.sumberDana }}</td>#}
  207. {#                        <td>Rp. {{ entity.totalPagu|number_format(0, ',', '.') }}</td>#}
  208. {#                        <td>{{ entity.tahunAnggaran }}</td>#}
  209. {#                    </tr>#}
  210. {#                {% endfor %}#}
  211. {#                </tbody>#}
  212. {#            </table>#}
  213. {#            <div class="mt-2">#}
  214. {#                {{ pagerfanta(rup, 'default', {'omitFirstPage': true}) }}#}
  215. {#            </div>#}
  216. {#        </div>#}
  217. {#    </section><!-- End Our Team Section --> #}
  218.     <section id="recent-posts" class="recent-posts">
  219.         <div class="container" data-aos="fade-up">
  220.             <div class="section-header">
  221.                 <h2>Berita dan Pengumuman</h2>
  222.             </div>
  223.              <div class="row gy-4">
  224.             {% for n in news %}
  225.            
  226.                 <div class="col-xl-4 col-md-6">
  227.                     <article>
  228.                         <div class="post-img">
  229.                             <img src="{{ asset('uploads/announcement/' ~ n.gambar)}}" alt="" class="img-fluid">
  230.                         </div>
  231.                         <p class="post-category">Berita</p>
  232.                         <h2 class="title">
  233.                             <a href="{{ path('app_berita_detail', {id: n.id})}}">{{ n.title }}</a>
  234.                         </h2>
  235.                         <div class="d-flex align-items-center">
  236.                             <div class="post-meta">
  237.                                 <p class="post-author">{{ n.createdBy }}</p>
  238.                                 <p class="post-date">
  239.                                     <time datetime={{ n.createdDate|date('d/m/Y') }}>{{ n.createdDate|date('d/M/Y') }}</time>
  240.                                 </p>
  241.                             </div>
  242.                         </div>
  243.                     </article>
  244.                 </div><!-- End post list item -->
  245.             
  246.             {% endfor %}
  247.             </div><!-- End recent posts list -->
  248.         </div>
  249.     </section><!-- End Recent Blog Posts Section -->
  250.     <section id="about" class="about">
  251.         <div class="container" data-aos="fade-up">
  252.         
  253.             <div class="section-header">
  254.                 <h2>Panduan Pendaftaran Vendor</h2>
  255.                 <p>Pendaftaran vendor dapat dilakukan secara mandiri untuk mengikuti E-Tendering PDAM Kota Makassar.</p>
  256.             </div>
  257.             <div class="card mb-4">
  258.                 <div class="card-body">
  259.                     <div class="row gy-4">
  260.                         <div class="col-lg-12">
  261.                             <h3>Cara mendaftar menjadi vendor di E-Tendering PDAM Kota Makassar</h3>
  262.                         <ul>
  263.                             <li> Daftarkan Email anda pada link <a href="/registration"> pendaftaran melalui email</a></li>
  264.                             <li> Periksa inbox/spam email anda lalu buka email dari E-tendering PDAM Kota Makassar</li>
  265.                             <li> Klik tombol <strong>konfirmasi</strong> pada email yang telah diterima</li>
  266.                             <li> Tombol Konfirmasi akan mengarahkan anda untuk mengisi form username, password dan keterangan lainnya</li>
  267.                             <li> Setelah registrasi selesai silakan login dengan email yang teelah didaftarkan melalui link <a href="/login">Login penyedia</a></li>
  268.                             <li> Isi Data perusahaan anda pada menu <strong>Data Penyedia</strong>, data penyedia mencakup:<br>
  269.                             <ul>
  270.                                 <li>Akta Perusahaan</li>
  271.                                 <li>Izin Usaha</li>
  272.                                 <li>Pengalaman</li>
  273.                                 <li>Peralatan</li>
  274.                             </ul>
  275.                             </li>
  276.                             <li> Anda Dapat mengikuti Tender pada menu <strong>Paket Baru</strong></li>
  277.                         </ul>
  278.                         </div>
  279.                     </div>
  280.                     </div>
  281.                     </div>
  282.         </div>
  283.     </section><!-- End About Us Section -->
  284.     <!-- ======= Contact Section ======= -->
  285.     <section id="contact" class="contact">
  286.             <div class="container" data-aos="fade-up">
  287.                 <div class="section-header">
  288.                     <h2>Contact</h2>
  289.                     <p></p>
  290.                 </div>
  291.                 <div class="row gx-lg-0 gy-4">
  292.                     <div class="col-lg-4">
  293.                         <div class="info-container d-flex flex-column align-items-center justify-content-center">
  294.                             <div class="info-item d-flex">
  295.                                 <i class="bi bi-geo-alt flex-shrink-0"></i>
  296.                                 <div>
  297.                                     <h4>Location:</h4>
  298.                                     <p>Jl. Dr. Ratulangi No. 3</p>
  299.                                 </div>
  300.                             </div><!-- End Info Item -->
  301.                             <div class="info-item d-flex">
  302.                                 <i class="bi bi-envelope flex-shrink-0"></i>
  303.                                 <div>
  304.                                     <h4>Email:</h4>
  305.                                     <p>pusat.pdammks@gmail.com</p>
  306.                                 </div>
  307.                             </div><!-- End Info Item -->
  308.                             <div class="info-item d-flex">
  309.                                 <i class="bi bi-phone flex-shrink-0"></i>
  310.                                 <div>
  311.                                     <h4>Call:</h4>
  312.                                     <p>(0411) 850381</p>
  313.                                 </div>
  314.                             </div><!-- End Info Item -->
  315.                             <div class="info-item d-flex">
  316.                                 <i class="bi bi-clock flex-shrink-0"></i>
  317.                                 <div>
  318.                                     <h4>Open Hours:</h4>
  319.                                     <p>Mon-Sat: 11AM - 23PM</p>
  320.                                 </div>
  321.                             </div><!-- End Info Item -->
  322.                         </div>
  323.                     </div>
  324.                     <div class="col-lg-8">
  325.                         {# <form action="#" method="post" role="form" class="php-email-form"> #}
  326.                          
  327.                         <div class="php-email-form">
  328.                         <div id="success" hidden class="alert alert-success">
  329.                             <strong>Berhasil!</strong> Pesan anda telah berhasil terkirim.
  330.                         </div> 
  331.                         <div id="error" hidden class="alert alert-danger">
  332.                             <strong>Gagal!</strong> Pesan anda gagal terkirim.
  333.                         </div>
  334.                             <div class="row">
  335.                                 <div class="col-md-6 form-group">
  336.                                     <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
  337.                                 </div>
  338.                                 <div class="col-md-6 form-group mt-3 mt-md-0">
  339.                                     <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
  340.                                 </div>
  341.                             </div>
  342.                             <div class="form-group mt-3">
  343.                                 <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
  344.                             </div>
  345.                             <div class="form-group mt-3">
  346.                                 <textarea class="form-control" name="message" id="message" rows="7" placeholder="Message" required></textarea>
  347.                             </div>
  348.                             <div class="form-group mt-3">
  349.                             <input type="text" id="captcha-code" class="input" placeholder="Enter Captcha">
  350.                                     <span id="captcha-error" class="error"></span>
  351.                                 <div class="captcha-wrap">
  352.                                     <div id="CaptchaImageCode">
  353.                                         <canvas id="CapCode" class="capcode" width="300" height="80"></canvas>
  354.                                     </div>
  355.                                     <input type="button" class="ReloadBtn" onclick="CreateCaptcha()">
  356.                                     
  357.                                 </div>
  358.                             </div>
  359.                             <div class="my-3">
  360.                                 <div class="loading">Loading</div>
  361.                                 <div class="error-message"></div>
  362.                                 <div class="sent-message">Your message has been sent. Thank you!</div>
  363.                             </div>
  364.                             <div class="text-center"><button type="submit" value="Submit" onclick="CheckCaptcha(); Submit()">Send Message</button></div>
  365.                         </div>
  366.                         {# </form> #}
  367.                     </div><!-- End Contact Form -->
  368.                 </div>
  369.             </div>
  370.         </section><!-- End Contact Section -->
  371.         <script src="js/jquery.js"></script>
  372.     <script src="js/captcha.js"></script>
  373. {% endblock %}