📁 File Manager

Dosya Düzenle: id_card.php

<?php
session_start();

if (!isset($_SESSION['user_id'])) {
    header("Location: login.php");
    exit();
}

require_once("db.php");

$user_id = $_SESSION['user_id'];

/*-------------------------------
Check Payment Status
--------------------------------*/

$payment = mysqli_query($con,"
SELECT payment_status
FROM alumni_payments
WHERE user_id='$user_id'
ORDER BY id DESC
LIMIT 1
");

if(mysqli_num_rows($payment)==0){

$status="Pending";

}else{

$row=mysqli_fetch_assoc($payment);
    $status=$row['payment_status'];

}

/*-------------------------------
Payment Not Approved
--------------------------------*/

if($status!="Approved"){
?>
<!DOCTYPE html>
<html lang="en">

<head>

<title>Payment Verification</title>

<style>

body{
    background:#eef2f7;
    font-family:'Poppins',sans-serif;
}

.verify-box{

max-width:700px;
    margin:80px auto;
    background:#fff;
    padding:45px;
    border-radius:18px;
    text-align:center;
    box-shadow:0 10px 30px rgba(0,0,0,.12);

}

.verify-box h2{

color:#d97706;
    font-weight:700;

}

.verify-box p{

font-size:16px;
    color:#555;
    margin-top:15px;

}

</style>

</head>

<body>

<h2>⏳ Payment Under Verification</h2>

<hr>

<p>

Your payment has been submitted successfully.

</p>

<p>

The Alumni Association Administrator is verifying your payment.

</p>

<p>

After approval, your Digital Alumni ID Card will be available for download.

</p>

<br>

Back to Dashboard

</a>

</div>

</body>

</html>

<?php
exit();
}

/*-------------------------------
Fetch Alumni Details
--------------------------------*/

$sql=mysqli_query($con,"
SELECT

u.full_name,
u.email,
u.phone,

p.photo,
p.membership_no,
p.course,
p.admission_year,
p.gender

FROM alumni_users u

LEFT JOIN alumni_profiles p
ON u.id=p.user_id

WHERE u.id='$user_id'

LIMIT 1
");

$data=mysqli_fetch_assoc($sql);

?>
<!DOCTYPE html>
<html lang="en">

<head>

<title>Official Alumni ID Card</title>

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

background:#dfe7ef;
    font-family:'Poppins',sans-serif;

}

.card-area{

max-width:900px;
    margin:40px auto;
    text-align:center;

}

/* ============================
   PVC CARD
============================= */

.id-card{

width:340px;
    height:540px;
    margin:auto;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    position:relative;
    box-shadow:0 12px 30px rgba(0,0,0,.20);

}

/* ============================
   HEADER
============================= */

.header{

height:90px;
    background:linear-gradient(135deg,#003c8f,#0b5ed7);
    color:#fff;

display:flex;
    align-items:center;

padding:15px;

}

.logo{

width:55px;
    height:55px;

background:#fff;

border-radius:50%;

padding:4px;

object-fit:contain;

margin-right:12px;

}

.header-text{

flex:1;

}

.header-text h3{

margin:0;

font-size:16px;

font-weight:700;

}

.header-text h5{

margin-top:3px;

font-size:11px;

letter-spacing:1px;

font-weight:500;

text-transform:uppercase;

opacity:.9;

}

/* ============================
   YELLOW RIBBON
============================= */

.ribbon{

background:#FFC107;

color:#000;

font-size:11px;

font-weight:700;

text-align:center;

padding:6px;

letter-spacing:1px;

}

/* ============================
   PHOTO
============================= */

.photo-wrap{

text-align:center;

margin-top:18px;

}

.photo{

width:105px;

height:105px;

border-radius:50%;

object-fit:cover;

border:4px solid #fff;

outline:3px solid #0B5ED7;

box-shadow:0 5px 12px rgba(0,0,0,.18);

}

/* ============================
   NAME
============================= */

.name{

text-align:center;

margin-top:12px;

color:#003c8f;

font-size:19px;

font-weight:700;

}

.member-tag{

text-align:center;

color:#666;

font-size:12px;

margin-bottom:15px;

}

/* ============================
   DETAILS
============================= */

.info{

padding:0 22px;

}

.info-table{

width:100%;

border-collapse:collapse;

}

.info-table tr{

border-bottom:1px dashed #d8d8d8;

}

.info-table tr:last-child{

border:none;

}

.info-table td{

padding:8px 4px;

}

.label{

width:38%;

color:#666;

font-size:10px;

text-transform:uppercase;

font-weight:700;

letter-spacing:.6px;

}

.value{

font-family:'Roboto Mono',monospace;

font-size:12px;

color:#111;

}

/* ============================
   FOOTER
============================= */

.footer-strip{

position:absolute;

bottom:0;

width:100%;

background:#003c8f;

color:#fff;

text-align:center;

padding:12px;

font-size:11px;

line-height:18px;

}

.footer-strip b{

font-size:13px;

}

/* ============================
   BUTTONS
============================= */

.print-btn{

margin-top:25px;

}

.print-btn .btn{

margin:5px;

}

/* ============================
   WATERMARK
============================= */

.id-card::before{

content:"";

position:absolute;

width:250px;

height:250px;

background:url("assets/3d png.png") center center no-repeat;

background-size:contain;

opacity:.04;

left:45px;

top:145px;

pointer-events:none;

}

/* ============================
   RESPONSIVE
============================= */

@media(max-width:480px){

.id-card{

width:320px;

height:525px;

}

/* ============================
   PRINT
============================= */

@media print{

body{

background:#fff;

}

.print-btn{

display:none;

}

.id-card{

box-shadow:none;

}

}</style>

</head>

<body>

<div class="id-card" id="idCard">

<div class="header">

<h3>Mangaldai College (Autonomous)</h3>

<h5>Official Alumni ID Card</h5>

</div>

<div class="ribbon">

ALUMNI ASSOCIATION MEMBER

</div>

<?php if(!empty($data['photo'])){ ?>

<img src="<?php echo htmlspecialchars($data['photo']); ?>" class="photo">

<?php }else{ ?>

<?php } ?>

</div>

<?php echo strtoupper(htmlspecialchars($data['full_name'])); ?>

</h3>

Membership No :
            <strong>
                <?php echo htmlspecialchars($data['membership_no']); ?>
            </strong>

</p>

<tr>

<td class="label">Course</td>

<?php echo htmlspecialchars($data['course']); ?>

</td>

</tr>

<tr>

<td class="label">Admission Year</td>

<?php echo htmlspecialchars($data['admission_year']); ?>

</td>

</tr>

<tr>

<td class="label">Gender</td>

<?php echo htmlspecialchars($data['gender']); ?>

</td>

</tr>

<tr>

<td class="label">Email</td>

<?php echo htmlspecialchars($data['email']); ?>

</td>

</tr>

<tr>

<td class="label">Phone</td>

<?php echo htmlspecialchars($data['phone']); ?>

</td>

</tr>

</table>

</div>

<b>Authorized by</b>

<br>

Mangaldai College (Autonomous)

<br>

Alumni Association

</div>

📥 Download JPG

</button>

Back

</a>

</div>

</div><script>

/* ==========================================
   Download Alumni ID Card as High Quality JPG
========================================== */

function downloadJPG(){

const card = document.getElementById("idCard");

// Hide buttons while capturing
    const btnArea = document.querySelector(".print-btn");
    btnArea.style.display = "none";

html2canvas(card,{

scale:4,                  // HD Quality
        useCORS:true,
        allowTaint:false,
        backgroundColor:"#ffffff",
        logging:false

}).then(function(canvas){

// Show buttons again
        btnArea.style.display = "block";

// Convert Canvas to JPG
        let image = canvas.toDataURL("image/jpeg",1.0);

// Create Download Link
        let link = document.createElement("a");

link.href = image;

link.download = "Alumni_ID_<?php echo $data['membership_no']; ?>.jpg";

document.body.appendChild(link);

link.click();

document.body.removeChild(link);

}).catch(function(){

btnArea.style.display = "block";

alert("Unable to generate JPG.");

});

}

</script>

</body>
</html>

İptal