File "template-nhantang.php"
Full Path: /var/www/bvnghean.vn/wp-content/themes/bvnghean/templates/template-nhantang.php
File size: 15.41 KB
MIME-type: text/x-php
Charset: utf-8
<?php
/*
Template name: Nhận tạng
*/
?>
<?php get_header(); ?>
<!-- header Hiến tạng page -->
<div class="header-hientang bg-main">
<div class="container row p-15">
<div class="col-3">
<div class="align-left">
<div class="logo-wrapper">
<a href="http://bvnghean.vn/">
<img src="http://bvnghean.vn/wp-content/uploads/logo.png" alt="">
</a>
</div>
</div>
</div>
<div class="col-6 center-text">
<h4 class="color-text-ht">
<strong>ĐƠN VỊ TƯ VẤN GHÉP TẠNG</strong> </h4>
</div>
<div class="col-3">
</div>
</div>
</div>
<!-- body -->
<div class="wrapper booking-page ">
<div class="container hientang-page">
<h5 class="color-main center-text">
<strong>ĐĂNG KÝ NHẬN MÔ TẠNG</strong>
</h5>
<br />
<div class="row">
<!--Bộ phận đăng ký nhận-->
<div class="row">
<div class="col-2">
Bộ phận đăng ký nhận
</div>
<div class="col-10">
<input type="radio" id="bo_phan1" name="bo_phan_dang_ky_nhan" value="tim">
<label for="bo_phan1">Tim</label>
<input type="radio" id="bo_phan2" name="bo_phan_dang_ky_nhan" value="gan">
<label for="bo_phan2">Gan</label>
<input type="radio" id="bo_phan3" name="bo_phan_dang_ky_nhan" value="than">
<label for="bo_phan1">Thận</label>
<input type="radio" id="bo_phan4" name="bo_phan_dang_ky_nhan" value="giac_mac">
<label for="bo_phan2">Giác Mạc</label>
<input type="radio" id="bo_phan5" name="bo_phan_dang_ky_nhan" value="phoi">
<label for="bo_phan1">Phổi</label>
<input type="radio" id="bo_phan6" name="bo_phan_dang_ky_nhan" value="sun">
<label for="bo_phan2">Sụn</label>
<input type="radio" id="bo_phan7" name="bo_phan_dang_ky_nhan" value="da">
<label for="bo_phan1">Da</label>
<input type="radio" id="bo_phan8" name="bo_phan_dang_ky_nhan" value="mach_mau">
<label for="bo_phan2">Mạch Máu</label>
<input type="radio" id="bo_phan9" name="bo_phan_dang_ky_nhan" value="xuong">
<label for="bo_phan1">Xương</label>
<input type="radio" id="bo_phan10" name="bo_phan_dang_ky_nhan" value="gaan">
<label for="bo_phan2">Gân</label>
<input type="radio" id="bo_phan11" name="bo_phan_dang_ky_nhan" value="tuy">
<label for="bo_phan2">Tụy</label>
<input type="radio" id="bo_phan12" name="bo_phan_dang_ky_nhan" value="van_tim">
<label for="bo_phan2">Van Tim</label>
</div>
</div>
</div>
<div class="row">
<!--Hình thức đăng ký hiến-->
<div class="col-2">
Hình thức đăng ký nhận
</div>
<div class="col-10">
<select name="hinh_thuc_dang_ky_nhan" id="hinh_thuc_dang_ky_nhan">
<option value="song">Nhận từ người hiến sống</option>
<option value="chet">Nhận từ người chết não/ ngưng tim</option>
</select>
</div>
</div>
<h5 class="color-second">
<strong>Thông tin cá nhân</strong>
</h5>
<div class="row">
<!-- Họ và tên -->
<div class="col-6 row">
<div class="col-4">
Họ và tên
</div>
<div class="col-8">
<input type="text" id="ho_va_ten" placeholder="Nguyễn Văn A">
</div>
</div>
<!-- Giữ bí mật -->
<div class="col-6 row">
</div>
</div>
<div class="row">
<!-- Ngày sinh -->
<div class="col-6 row">
<div class="col-4">
Ngày sinh
</div>
<div class="col-8">
<input type="text" id="ngay_sinh" placeholder="ngày/tháng/năm">
</div>
</div>
<!-- Giới tính -->
<div class="col-6 row">
<div class="col-4">
Giới tính?
</div>
<div class="col-8">
<select name="gioi_tinh" id="gioi_tinh">
<option value="nam">Nam</option>
<option value="nu">Nữ</option>
</select>
</div>
</div>
</div>
<div class="row">
<!-- Địa chỉ thường trú -->
<div class="col-2">
Địa chỉ thường trú(*)
</div>
<div class="col-10">
<input type="text" id="dia_chi_thuong_tru" placeholder="vd: số nhà, tên đường, xã/phường, quận/huyện, tỉnh/thành phố">
</div>
</div>
<div class="row">
<!-- Nghề nghiệp -->
<div class="col-6 row">
<div class="col-4">
Nghề nghiệp
</div>
<div class="col-8">
<input type="text" id="nghe_nghiep">
</div>
</div>
<!-- Nơi công tác -->
<div class="col-6 row">
<div class="col-4">
Nơi công tác
</div>
<div class="col-8">
<input type="text" id="noi_cong_tac">
</div>
</div>
</div>
<div class="row">
<!-- CMND -->
<div class="col-6 row">
<div class="col-4">
Số CMT/CCCD/Hộ chiếu(*)
</div>
<div class="col-8">
<input type="text" id="cmnd" placeholder="9/10/12 số">
</div>
</div>
<!-- Ngày cấp -->
<div class="col-6 row">
<div class="col-4">
Ngày cấp(*)
</div>
<div class="col-8">
<input type="text" id="ngay_cap" placeholder="Ngày/Tháng/Năm">
</div>
</div>
</div>
<div class="row">
<div class="col-2">
Nơi cấp(*)
</div>
<div class="col-10">
<input type="text" id="noi_cap">
</div>
</div>
<div class="row">
<div class="col-6 row">
<div class="col-4">
Chiều cao(cm)
</div>
<div class="col-8">
<input type="text" id="chieu_cao">
</div>
</div>
<div class="col-6 row">
<div class="col-4">
Cân nặng(kg)
</div>
<div class="col-8">
<input type="text" id="can_nang">
</div>
</div>
</div>
<div class="row">
<div class="col-6 row">
<div class="col-4">
Nhóm máu(*)
</div>
<div class="col-8">
<select name="nhom_mau" id="nhom_mau">
<option value="a">A</option>
<option value="b">B</option>
<option value="ab">AB</option>
<option value="o">O</option></select>
</div>
</div>
<div class="col-6 row">
<div class="col-4">
HLA
</div>
<div class="col-8">
<input type="text" id="hla">
</div>
</div>
</div>
<div class="row">
<div class="col-6 row">
<div class="col-4">
Virus Viêm Gan(*)
</div>
<div class="col-8">
<select name="viem_gan" id="viem_gan">
<option value="khong">Không bị viêm gan</option>
<option value="gb">A</option>
<option value="gb">B</option>
<option value="gc">C</option>
<option value="gd">D</option>
<option value="ge">E</option></select>
</div>
</div>
<div class="col-6 row">
<div class="col-4">
HIV
</div>
<div class="col-8">
<input type="radio" id="hiv_co" name="hiv" value="co">
<label for="hiv_co">Có</label>
<input type="radio" id="hiv_khong" name="hiv" value="khong">
<label for="hiv_khong">Không</label>
</div>
</div>
</div>
<div class="row">
<div class="col-2">
Chẩn Đoán
</div>
<div class="col-10">
<input type="text" id="chan_doan">
</div>
</div>
<h5 class="color-second">
<strong>Thông tin liên hệ</strong>
</h5>
<div class="row">
<div class="col-6 row">
<div class="col-4">
Số điện thoại liên hệ(*)
</div>
<div class="col-8">
<input type="text" id="sdt">
</div>
</div>
<div class="col-6 row">
<div class="col-4">
Email liên hệ(*)
</div>
<div class="col-8">
<input type="text" id="email">
</div>
</div>
</div>
<div class="row">
<div class="col-6 row">
<div class="col-4">
Số ĐT người thân(*)
</div>
<div class="col-8">
<input type="text" id="sdt_nguoi_than">
</div>
</div>
<div class="col-6 row">
<div class="col-4">
Quan hệ với bệnh nhân(*)
</div>
<div class="col-8">
<input type="text" id="qh_benh_nhan">
</div>
</div>
</div>
<div class="row">
<!-- Địa chỉ hiện tại -->
<div class="col-2">
Địa chỉ hiện tại
</div>
<div class="col-10">
<input type="text" id="dia_chi_hien_tai" placeholder="vd: số nhà, tên đường, xã/phường, quận/huyện, tỉnh/thành phố">
</div>
</div>
<!-- Captcha -->
<div class="row">
<div class="col-2">
Mã xác nhận
</div>
<div class="col-10">
<img src="<?=get_template_directory_uri()?>/include/captcha.php" alt="CAPTCHA" class="captcha-image">
<input type="text" id="captcha" placeholder="" class="captcha-input">
<i class="la la-redo-alt f5-captcha"></i>
</div>
</div>
<br />
<div class="items-center">
<button class="btn" id="dang-ky">Đăng ký</button>
</div>
</div>
</div>
<!-- footer hientang page -->
<div class="footer-hientang bg-main">
<div class="container row p-15">
<div class="col-4">
<div class="align-left">
<div class="bv-info">
<i class="la la-phone"></i>
<p>Điện thoại</p>
<a href=""><strong>0818008565</strong></a>
</div>
</div>
</div>
<div class="col-4">
<div class="align-center">
<div class="bv-info">
<i class="la la-envelope"></i>
<p>Email Liên hệ</p>
<a href=""><strong>tuvangheptang@gmail.com</strong></a>
</div>
</div>
</div>
<div class="col-4">
<div class="align-right">
<div class="bv-info">
<i class="la la-globe"></i>
<a>Truy cập<p></p>
</a><a href="https://gheptang.bvnghean.vn"><strong>https://gheptang.bvnghean.vn</strong></a>
</div>
</div>
</div>
</div>
<div class="container row p-15">
<div class="col-4"></div>
<div class="col-4 bv-info">
<p>Copyright © 2023 <strong>BỆNH VIỆN HỮU NGHỊ ĐA KHOA NGHỆ AN</strong></p>
</div>
<div class="col-4"></div>
</div>
</div>
<!--CSS-->
<style>
/*.footer-contact,
.footer-main{
display: none;
}*/
/*CSS header - footer*/
@media screen and (max-width: 767px){
.footer-hientang{
text-align: center;
}
.footer-hientang .col-4 > div{
text-align: left !important;
font-size: 12px;
margin: 5px 0;
}
.show-from-767{
display: none;
}
.header{
display: none;
}
.header-hientang .col-3{
display: flex;
align-items: center;
justify-content: center;
}
}
.header-hientang{
text-align: right;
min-height: 90px;
display: flex;
align-items: center;
border-bottom: 6px solid transparent;
border-image: linear-gradient(to right,#e10786 0%,#fded2d 100%);
border-image-slice: 1; text-align: right;
min-height: 90px;
display: flex;
align-items: center;
border-bottom: 6px solid transparent;
border-image: linear-gradient(to right,#e10786 0%,#fded2d 100%);
border-image-slice: 1;
}
.footer-main,
.header,
.copyright,
.footer-contact{
display: none;
}
.header-mod{
display: none;
}
.footer-hientang {
margin-bottom: 30px;
border-top: 6px solid transparent;
border-image: linear-gradient(to right,#fded2d 0%,#e10786 100%);
border-image-slice: 1;
}
.hientang-page{
background-color: rgba(255,255,255,0.6);
margin: 15px auto;
padding: 20px;
border-radius: 5px;
width: 1024px;
}
.hientang-page input[type="text"],
.hientang-page select{
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
width: 100%;
}
.hientang-page .row{
align-items: center;
}
.hientang-page .row > div:not(.row){
padding: 3px 5px;
}
.center-h{
text-align: center;
}
.items-center{
display: flex;
align-items: center;
justify-content: center;
}
.hientang-page .captcha-input{
display: inline-block;
width: 200px !important;
height: 50px;
font-size: 30px;
vertical-align: middle;
margin-left: 10px;
text-align: center;
text-transform: uppercase;
}
.center-text{
text-align: center;
margin: auto;
}
.color-text-ht{
color: #ffffff;
}
</style>
<script>
jQuery(document).ready(function($){
$('#dang-ky').on('click',function(){
var ho_va_ten = $('#ho_va_ten').val();
var ngay_sinh = $('#ngay_sinh').val();
var gioi_tinh = $('#gioi_tinh').val();
var hinh_thuc_dang_ky_nhan = $('#hinh_thuc_dang_ky_nhan').val();
var bo_phan_dang_ky_nhan = $('[name="bo_phan_dang_ky_nhan"]:checked').val();
var dia_chi_thuong_tru = $('#dia_chi_thuong_tru').val();
var nghe_nghiep = $('#nghe_nghiep').val();
var noi_cong_tac = $('#noi_cong_tac').val();
var cmnd = $('#cmnd').val();
var ngay_cap = $('#ngay_cap').val();
var noi_cap = $('#noi_cap').val();
var chieu_cao = $('#chieu_cao').val();
var can_nang = $('#can_nang').val();
var nhom_mau = $('#nhom_mau').val();
var hla = $('#hla').val();
var viem_gan = $('#viem_gan').val();
var hiv = $('[name="hiv"]:checked').val();
var chan_doan = $('#chan_doan').val();
var sdt = $('#sdt').val();
var sdt_nguoi_than = $('#sdt_nguoi_than').val();
var email = $('#email').val();
var qh_benh_nhan = $('#qh_benh_nhan').val();
var dia_chi_hien_tai = $('#dia_chi_hien_tai').val();
var captcha = $('#captcha').val();
var nhom_mau = $('#nhom_mau').val();
var hla = $('#hla').val();
var loi = "";
if (ho_va_ten == '') loi = "• Họ và tên \n";
if(loi != ""){
loi = "Các dữ liệu sau không được để trống: \n" + loi;
alert(loi);
return false;
}
loading = true;
$('#dang-ky').text('Đang xử lý...');
$.ajax({
type: "POST",
dataType: 'JSON',
url: admin_url,
data: {
action: 'dang_ky_nhan_tang',
value: {
ho_va_ten: ho_va_ten,
ngay_sinh: ngay_sinh,
gioi_tinh: gioi_tinh,
hinh_thuc_dang_ky_nhan: hinh_thuc_dang_ky_nhan,
bo_phan_dang_ky_nhan: bo_phan_dang_ky_nhan,
dia_chi_thuong_tru: dia_chi_thuong_tru,
nghe_nghiep: nghe_nghiep,
noi_cong_tac: noi_cong_tac,
cmnd: cmnd,
ngay_cap: ngay_cap,
noi_cap: noi_cap,
chieu_cao: chieu_cao,
can_nang: can_nang,
nhom_mau: nhom_mau,
hla: hla,
viem_gan: viem_gan,
hiv: hiv,
chan_doan: chan_doan,
sdt: sdt,
email: email,
sdt_nguoi_than: sdt_nguoi_than,
qh_benh_nhan: qh_benh_nhan,
dia_chi_hien_tai: dia_chi_hien_tai,
captcha: captcha
}
},
success : function(data){
if(data.status == 'wrong_captcha'){
alert('Sai mã xác nhận');
document.querySelector(".captcha-image").src = '<?=get_template_directory_uri()?>/include/captcha.php?' + Date.now();
$('#captcha').val('');
}else if(data.status == 'missing_data'){
alert('Lỗi dữ liệu, vui lòng kiểm tra lại.');
}else if(data.status == 'ok'){
alert('Đăng ký thành công. Dữ liệu sẽ được lưu trữ và xử lý');
location.reload();
}else{
alert('Lỗi dữ liệu, vui lòng thử lại.');
}
},
error: function(){
alert('Xảy ra lỗi!');
},
complete: function(){
loading = false;
$('#dang-ky').text('Đăng ký');
}
});
});
$('.f5-captcha').on('click', function(){
document.querySelector(".captcha-image").src = '<?=get_template_directory_uri()?>/include/captcha.php?' + Date.now();
});
});
</script>
<?php get_footer(); ?>