การนำข้อมูลจาก db มาโชว์รายละเอียด บน sweet alert

var user_html = `<div>สวัสดี ${ro.username}</div>`;

swal({ title: 'title',
   html: user_html
});

html: '<input ...>'

	<!-- sweet alert js & css -->
		<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css">

<?php

	include('db_connect.php');  //ไฟล์เชื่อมต่อกับ database ที่เราได้สร้างไว้ก่อนหน้าน้ี
	session_start();


	date_default_timezone_set('asia/bangkok');
	$date1 = date('Y-m-d H:i:s'); // ค่าตัวแปรวันที่

	$idcard=$_POST['idcard']; // ค่าที่ได้รับจาก textbox idcard
	$_SESSION['idcard'] = $idcard;

	$username=$_POST['name']; // ค่าที่ได้รับจาก names
	$_SESSION['username'] = $username;
	
	$section=$_POST['section']; // ค่าที่ได้รับจาก section
	$_SESSION['section'] = $section;

	$status=$_POST['select']; // ค่าที่ได้รับจาก radio button 
	$_SESSION['y'] = $status;
	
	$serail=$_POST['serial']; // ค่าที่ได้รับจาก section
	$_SESSION['sr'] = $serail;

	$statuscheck=$_POST['status1'];
	$_SESSION['ch']= $statuscheck;

	$comment=$_POST['txtcomment']; // ค่าที่ได้รับจาก txtDescription
	$_SESSION['cm']= $comment;

	

	$fileupload=$_FILES['fileupload']; //รับค่าไฟล์จากฟอร์ม	
	//echo " ".$_FILES["fileupload"]["name"]."<br>";  //แสดงค่า จาก fileupload

	date_default_timezone_set('Asia/Bangkok');
	$date = date('Ymd'); //ฟังก์ชั่นวันที่

	$numrand = (mt_rand());  //ฟังก์ชั่นสุ่มตัวเลข
		 

	$upload=$_FILES['fileupload'];//เพิ่มไฟล์
	if($upload <> '') {   //not select file

	$path="./borrow/";  //โฟลเดอร์ที่จะ upload file เข้าไป 

 	$type = strrchr($_FILES['fileupload']['name'],"."); //เอาชื่อไฟล์เก่าออกให้เหลือแต่นามสกุล
	
	//ตั้งชื่อไฟล์ใหม่โดยเอาเวลาไว้หน้าชื่อไฟล์เดิม
	$newname = $date.$numrand.$type;
	$path_copy=$path.$newname;
	$path_link="fileupload/".$newname;

	
	move_uploaded_file($_FILES['fileupload']['tmp_name'],$path_copy);  	//คัดลอกไฟล์ไปเก็บที่เว็บเซริ์ฟเวอร์
	}

	// เลือก ตาราง tb_borrow แสดงเงื่อนไข
	$sql = "SELECT * FROM tb_borrow WHERE idcard= '".$_SESSION['idcard']."'";
	$query = $con->query($sql);
	$result = $query->fetch_assoc();
	if($result){

			 // sweetalert แจ้งเตือน popup กด ok ก่อน redirect ไป login.php
		 echo '<script>
		 setTimeout(function() {
			 swal({
				 title: " !! รหัสนี้มีการยืมเครื่องแล้ว !!",
				 text: "Message!",
				 html: "<input type="text1" id="fname" name="idcard" value="<?php echo $_SESSION["idcard"]?>" > ",
				 type: "error"
			 }, function() {
				 window.location = "index.php";
			 });
		 }, 1000);
	 </script>';
	}
	else{

	//insert ข้อมูลเข้าไปในตาราง tb_borrow
	$sql = "INSERT INTO tb_borrow (time,idcard,username,section,status,serial,comment,status1,updatestatus,fileupload) 
	VALUES ('$date1','$idcard','$username','$section','$status','$serail','$comment','$statuscheck','$statuscheck','$newname')";
	$query = $con->query($sql);
			
	// sweetalert แจ้งเตือน popup กด ok ก่อน redirect ไป borrow.php
	echo '<script>
	setTimeout(function() {
		swal({
			title: "!! บันทึกข้อมูลการยืมสำเร็จ !!",
			text: "Message",
			type: "success"
		}, function() {
			window.location = "index.php";
		});
	}, 1000);
</script>';

	}
	session_destroy();
	mysqli_close($con);


	//echo $date1;
	//echo "</br>";
	//echo $_SESSION['idcard'];
	//echo "<br>";  
	//echo $_SESSION['username'];
	//echo "</br>";
	//echo $_SESSION['y'];
	//echo "</br>";
	//echo $_SESSION['section'];
	//echo "</br>";
	//echo $_SESSION['sr'];
	//echo "</br>";
	//echo $_SESSION['cm'];
	//echo "</br>";
	

?>

?>
<script>
setTimeout(function() {
	swal( '!! บันทึกข้อมูลการยืมสำเร็จ !!',
		'Message <?=$_SESSION['user_name']?>',
		'success'
	).then( ()=>{
		location.href = "index.php";
	});
}, 1000);
<?php 

<script>
Swal.fire({
  title: "<strong>เทสระบบ Sweet Alert</u></strong>",
  icon: "success",
  html: '<input type="button" value="กดยืนยัน">',
  showCloseButton: true,
  showCancelButton: true,
  focusConfirm: false,
  
});
</script>

swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  cancelButtonText: "No, cancel plx!",
  closeOnConfirm: false,
  closeOnCancel: false
},
function(isConfirm){
  if (isConfirm) {
    swal("Deleted!", "Your imaginary file has been deleted.", "success");
  } else {
    swal("Cancelled", "Your imaginary file is safe :)", "error");
  }
});