Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /proc/self/root/var/www/html/tien-dien/code/home/ |
<?php
$CORE->title_page = 'Tiền điện';
$code = isset($CORE->input['code']) ? $CORE->input['code'] : '';
if($code!=''){
include $code.'.php';
}
include 'layout/'.$INFO['path_skin'].'/header.php';
?>
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link <?php echo ((isset($CORE->input['act']) and ($CORE->input['act']=='' or $CORE->input['act']=='home')) or !isset($CORE->input['act'])) ? 'active' : ''; ?>" href="/">Tiền điện</a>
</li>
<li class="nav-item">
<a class="nav-link <?php echo (isset($CORE->input['act']) and $CORE->input['act']=='tiennuoc') ? 'active' : ''; ?>" href="/?act=tiennuoc">Tiền nước</a>
</li>
</ul>
<!-- Nội dung HTML và JavaScript cho trang tiền điện -->
<div class="container mt-4">
<h5 class="text-center">Nhập số điện (kWh) và tính tiền các phòng</h5>
<p>Nhập số điện (kWh) sử dụng cho từng phòng. Nhấn nút "Thêm phòng" để thêm các phòng tiếp theo. Sau đó nhấn "Tính tiền" để xem chi phí.</p>
<p><small>Lưu ý: Mỗi phòng được tính riêng theo biểu giá bậc thang. Kết quả gồm tiền điện, VAT và bảng chi tiết từng bậc.</small></p>
<form id="soDienForm">
<div id="inputContainer">
<!-- Giao diện HTML phần hiển thị chi tiết cho từng phòng -->
<div class="form-group mb-3">
<label for="so_dien_phong_1" class="form-label">Số điện Phòng 1 (kWh):</label>
<input type="number" class="form-control" id="so_dien_phong_1" name="so_dien_phong[]" placeholder="Nhập số kWh" required min="0">
<div class="room-cost mt-1 text-muted">
<div>Thành tiền (chưa VAT): <span class="cost-value-pre-tax fw-bold">0</span> VNĐ</div>
<div>Thành tiền (đã VAT 8%): <span class="cost-value-post-tax fw-bold">0</span> VNĐ</div>
<div>Phải đóng: <span class="tien_dong_thuc fw-bold">0</span> VNĐ</div>
</div>
<!-- Vùng giải thích chi tiết -->
<div class="room-explanation text-info mt-2"></div>
<table class="table table-sm table-bordered room-breakdown-table mt-2" style="display:none;"></table>
</div>
</div>
<div class="mt-3">
<button type="button" id="addRoomButton" class="btn btn-primary"><i class="fas fa-plus"></i> Thêm phòng</button>
<button type="button" id="calculateButton" class="btn btn-success ms-2"><i class="fad fa-poll-people"></i> Tính tiền điện</button>
</div>
</form>
<div id="pdfContainer" style="display:none;"></div>
</div>
<div class="card mt-4">
<div class="card-header text-center">
Tổng cộng (đã VAT): <span id="total_cost_vat" class="fw-bold text-danger">0</span> VNĐ
</div>
<div class="card-body text-center">
Tiền người dùng thực đóng (nếu có):
<input type="number" value="" id="tien_dong" class="form-control d-inline-block" style="width:200px;" placeholder="Nhập tiền thực đóng">
</div>
</div>
<style>
table.table-sm th, table.table-sm td {
font-size: 0.875rem;
padding: 0.4rem 0.6rem;
}
.room-explanation {
font-size: 0.9rem;
padding-left: 1rem;
border-left: 3px solid #17a2b8;
}
</style>
<!-- Kết thúc nội dung HTML và JavaScript -->
<?php
include 'layout/'.$INFO['path_skin'].'/footer.php';
?>