{% extends 'base_pdam.html.twig' %}
{% block title %} Halaman utama tender{% endblock %}
{% block body %}
<style>
.bdr {
border-radius: 10px;
overflow: hidden;
}
.input {
border-radius: 5px;
border: 1px solid #ccc;
display: block;
box-sizing: border-box;
padding: 15px 10px;
outline: none;
font-size: 18px;
font-weight: normal;
font-family: 'Open Sans', sans-serif;
width: 343px;
}
.captcha-wrap {
position: relative;
}
#CaptchaImageCode {
text-align: center;
margin-top: 15px;
padding: 0px 0;
width: 300px;
overflow: hidden;
}
.capcode {
font-size: 46px;
display: block;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
cursor: default;
letter-spacing: 1px;
font-family: 'Roboto Slab', serif;
font-weight: 100;
font-style: italic;
}
.ReloadBtn {
background: url('images/refresh.png') left top no-repeat;
background-size: 100%;
width: 32px;
height: 32px;
border: 0px;
outline: none;
position: absolute;
bottom: 30px;
left: 310px;
cursor: pointer;
}
.btnSubmit {
margin-top: 15px;
border: 0px;
padding: 10px 20px;
border-radius: 5px;
font-size: 18px;
background-color: #1285c4;
color: #fff;
cursor: pointer;
}
.success {
color: green;
font-size: 18px;
margin-bottom: 15px;
display: none;
}
.error {
color: red;
display: none;
}
</style>
<link rel="stylesheet" href="{{ asset('bundles/babdevpagerfanta/css/pagerfanta.css') }}">
<!-- ======= Hero Section ======= -->
<section id="hero" class="hero">
<div class="container position-relative">
<div class="row gy-5" data-aos="fade-in">
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center text-center text-lg-start">
<h2>Welcome to <span>E-Procurement - PDAM Makassar</span></h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<a href="{{ path('app_registration') }}" class="btn-get-started">Daftar Vendor</a>
<!-- <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> -->
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2">
<img src="{{ asset('images/tender.jpg') }}" class="img-fluid img-thumbnail" alt="" data-aos="zoom-out" data-aos-delay="100">
<br>
</div>
</div>
</div>
<div>
<br>
<br>
</div>
</section>
<!-- End Hero Section -->
<!-- ======= About Us Section ======= -->
<!-- ======= Tender Section ======= -->
<section id="team" class="team">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Lihat Semua Tender</h2>
</div>
<div class="card mb-4">
<div class="card-body">
<table class="table table-bordered bdr">
<thead class="thead-light">
<tr>
<th scope="col">No.</th>
<th scope="col">Nama Paket</th>
<th scope="col">HPS</th>
<th scope="col">Akhir Pendaftaran</th>
<th scope="col">Jumlah</th>
</tr>
</thead>
<tbody>
{% for n in jenis %}
<tr>
<th scope="row" colspan="4"><div class="card mb-4">
<div class="card-body">{{ n.nama }}</div>
</div></th>
{# <td align="center"> <button type="button" class="btn btn-secondary">{{ n.getTenders()|length }}</button></td> #}
{% set jumlah = 0 %}
{% for tender in n.getTenders() %}
{% set tenderPublish = 0 %}
{# {% for tender in tender %} #}
{# {% if (tender.publish == true) and (tender.idRup.publish == true) %} #}
{# {% if (tender.publish == true) %}
{% endif %} #}
{% for p in publish %}
{% if (tender.getid()==p.getTender().getid()) and (p.exist == true) %}
{% set tenderPublish = tenderPublish + 1 %}
{% endif %}
{% endfor %}
{% if (tenderPublish >=3) %}
{% set jumlah = jumlah + 1 %}
{% endif %}
{% endfor %}
<td align="center"> <button type="button" class="btn btn-secondary">{{ jumlah }}</button></td>
</tr>
{% set no = 1 %}
{# {{ dump(no) }} #}
{% for tender in n.getTenders() %}
{% set tenderPublish = 0 %}
{# {{ dump(publish) }} #}
{% for p in publish %}
{% if (tender.getid()==p.getTender().getid()) and (p.exist == true) %}
{% set tenderPublish = tenderPublish + 1 %}
{% endif %}
{% endfor %}
{# {% for tender in tender %} #}
{# {% if (tender.publish == true) and (tender.idRup.publish == true) %} #}
{# {% if (tender.publish == true) %} #}
{% if (tenderPublish >=3) %}
<tr>
<th scope="row">{{no}}</th>
{# {{ dump(tender) }} #}
<td><a href="{{ path('app_tender_pengumuman', {idTender: tender.getid()})}}" target="_blank">{{tender.namaTender}}</a> </td>
<td>Rp {{ tender.hps|number_format(0, ',', '.') }}</td>
<td colspan="2"> {{ tender.akhirPendaftaran | date('d M Y h:i:s') }}</td>
</tr>
{% set no = no + 1 %}
{% endif %}
{% endfor %}
{% endfor %}
</tbody>
</table>
</div>
</div>
</div>
</section><!-- End Our Team Section -->
{# <section id="team" class="team">#}
{# <div class="container" data-aos="fade-up">#}
{# <div class="section-header">#}
{# <h2>Rencana Umum Pengadaan</h2>#}
{# </div>#}
{# <table class="table table-bordered">#}
{# <thead>#}
{# <tr>#}
{# <th>Kode Rup</th>#}
{# <th>Nama Paket</th>#}
{# <th>Sumber Dana</th>#}
{# <th>Total Pagu</th>#}
{# <th>Tahun Anggaran</th>#}
{# </tr>#}
{# </thead>#}
{# <tbody>#}
{# {% for entity in rup %}#}
{# <tr>#}
{# <td>{{ entity.kodeRup }}</td>#}
{# <td>{{ entity.namaPaket }}</td>#}
{# <td>{{ entity.sumberDana }}</td>#}
{# <td>Rp. {{ entity.totalPagu|number_format(0, ',', '.') }}</td>#}
{# <td>{{ entity.tahunAnggaran }}</td>#}
{# </tr>#}
{# {% endfor %}#}
{# </tbody>#}
{# </table>#}
{# <div class="mt-2">#}
{# {{ pagerfanta(rup, 'default', {'omitFirstPage': true}) }}#}
{# </div>#}
{# </div>#}
{# </section><!-- End Our Team Section --> #}
<section id="recent-posts" class="recent-posts">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Berita dan Pengumuman</h2>
</div>
<div class="row gy-4">
{% for n in news %}
<div class="col-xl-4 col-md-6">
<article>
<div class="post-img">
<img src="{{ asset('uploads/announcement/' ~ n.gambar)}}" alt="" class="img-fluid">
</div>
<p class="post-category">Berita</p>
<h2 class="title">
<a href="{{ path('app_berita_detail', {id: n.id})}}">{{ n.title }}</a>
</h2>
<div class="d-flex align-items-center">
<div class="post-meta">
<p class="post-author">{{ n.createdBy }}</p>
<p class="post-date">
<time datetime={{ n.createdDate|date('d/m/Y') }}>{{ n.createdDate|date('d/M/Y') }}</time>
</p>
</div>
</div>
</article>
</div><!-- End post list item -->
{% endfor %}
</div><!-- End recent posts list -->
</div>
</section><!-- End Recent Blog Posts Section -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Panduan Pendaftaran Vendor</h2>
<p>Pendaftaran vendor dapat dilakukan secara mandiri untuk mengikuti E-Tendering PDAM Kota Makassar.</p>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="row gy-4">
<div class="col-lg-12">
<h3>Cara mendaftar menjadi vendor di E-Tendering PDAM Kota Makassar</h3>
<ul>
<li> Daftarkan Email anda pada link <a href="/registration"> pendaftaran melalui email</a></li>
<li> Periksa inbox/spam email anda lalu buka email dari E-tendering PDAM Kota Makassar</li>
<li> Klik tombol <strong>konfirmasi</strong> pada email yang telah diterima</li>
<li> Tombol Konfirmasi akan mengarahkan anda untuk mengisi form username, password dan keterangan lainnya</li>
<li> Setelah registrasi selesai silakan login dengan email yang teelah didaftarkan melalui link <a href="/login">Login penyedia</a></li>
<li> Isi Data perusahaan anda pada menu <strong>Data Penyedia</strong>, data penyedia mencakup:<br>
<ul>
<li>Akta Perusahaan</li>
<li>Izin Usaha</li>
<li>Pengalaman</li>
<li>Peralatan</li>
</ul>
</li>
<li> Anda Dapat mengikuti Tender pada menu <strong>Paket Baru</strong></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Contact</h2>
<p></p>
</div>
<div class="row gx-lg-0 gy-4">
<div class="col-lg-4">
<div class="info-container d-flex flex-column align-items-center justify-content-center">
<div class="info-item d-flex">
<i class="bi bi-geo-alt flex-shrink-0"></i>
<div>
<h4>Location:</h4>
<p>Jl. Dr. Ratulangi No. 3</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex">
<i class="bi bi-envelope flex-shrink-0"></i>
<div>
<h4>Email:</h4>
<p>pusat.pdammks@gmail.com</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex">
<i class="bi bi-phone flex-shrink-0"></i>
<div>
<h4>Call:</h4>
<p>(0411) 850381</p>
</div>
</div><!-- End Info Item -->
<div class="info-item d-flex">
<i class="bi bi-clock flex-shrink-0"></i>
<div>
<h4>Open Hours:</h4>
<p>Mon-Sat: 11AM - 23PM</p>
</div>
</div><!-- End Info Item -->
</div>
</div>
<div class="col-lg-8">
{# <form action="#" method="post" role="form" class="php-email-form"> #}
<div class="php-email-form">
<div id="success" hidden class="alert alert-success">
<strong>Berhasil!</strong> Pesan anda telah berhasil terkirim.
</div>
<div id="error" hidden class="alert alert-danger">
<strong>Gagal!</strong> Pesan anda gagal terkirim.
</div>
<div class="row">
<div class="col-md-6 form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col-md-6 form-group mt-3 mt-md-0">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" id="message" rows="7" placeholder="Message" required></textarea>
</div>
<div class="form-group mt-3">
<input type="text" id="captcha-code" class="input" placeholder="Enter Captcha">
<span id="captcha-error" class="error"></span>
<div class="captcha-wrap">
<div id="CaptchaImageCode">
<canvas id="CapCode" class="capcode" width="300" height="80"></canvas>
</div>
<input type="button" class="ReloadBtn" onclick="CreateCaptcha()">
</div>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit" value="Submit" onclick="CheckCaptcha(); Submit()">Send Message</button></div>
</div>
{# </form> #}
</div><!-- End Contact Form -->
</div>
</div>
</section><!-- End Contact Section -->
<script src="js/jquery.js"></script>
<script src="js/captcha.js"></script>
{% endblock %}