<?php
session_start();

if (!isset($con)) {
    include "../../../database_con.php";
}


$session_year = $_SESSION["session_year"];
$madrasa_code = $_SESSION["madrasa_code"] ?? 1;

$admi_sql = mysqli_query($con, "SELECT academic_name, teacher_idcard, academic_add, logo, favicon FROM `academic` WHERE academic_id='$madrasa_code' ");
$row_ad = mysqli_fetch_assoc($admi_sql);
$madrasa_name = $row_ad['academic_name'];
$madrasa_address = $row_ad['academic_add'];
$logo = $row_ad['logo'];
$favicon = $row_ad['favicon'];
$id_card = $row_ad['teacher_idcard'];

$class_id = $_GET['class'];


$sql = mysqli_query($con, "SELECT * FROM teacher_view WHERE madrasa_code='$madrasa_code' AND status=1 order by teacher_sr asc");
date_default_timezone_set('Asia/Dhaka');





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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ফ্রণ্ট সাইড-ক্লাস আইডি- <?php echo $class_id ?>- সময়: <?php echo date("d-m-Y h:i a") ?></title>
    <link rel="shortcut icon" href="../logo/<?php echo $favicon ?>">
    <style>
        @font-face {
            font-family: 'Bangla';
            src: url('../../dist/fonts/SutonnyOMJ.ttf');
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'bangla';
            src: url('../../dist/fonts/SutonnyMJ.ttf');
            font-weight: normal;
            font-style: normal;
        }


        .bangla {
            font-family: Bangla;
            text-align: center;
        }

        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        .page {
            width: 210mm;
            height: 297mm;
            margin: 0 auto;
            padding: 0;
            page-break-after: always;
        }

        .id-card {
            width: 60mm;
            height: 98mm;
            float: left;
            margin: 0;
            padding: 20px 13px 13px 13px;
            text-align: center;
            position: relative;
        }

        .id-card img {
            width: 100%;
            height: auto;
        }

        .student-photo {
    position: absolute;
    top: 120px;
    left: 50.2%;
    transform: translateX(-50%);
    max-height: 94px;
    min-height: 96px;
    max-width: 96px;
    min-width: 96px;
    border: 2px solid #6e91a0;
    border-radius: 4%;
        }

        .card-info-table {
   position: absolute;
    top: 245px;
    left: 61%;
    transform: translateX(-50%);
    line-height: 16px;
    font-family: Bangla;
    font-size: 15px;
    width: 100%;
        }

        .card-info-name {
            position: absolute;
            top: 226px;
            left: 50%;
            transform: translateX(-50%);
            line-height: 16px;
            font-family: Bangla;
            font-size: 16px;
            width: 91%;
        }


        .card-info-table td {
            text-align: left;
            padding: 0 5px;
        }

        .clear {
            clear: both;
        }
    </style>

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


</head>

<body>
    <div class="centered-content">
        <!-- আপনার কনটেন্ট এখানে -->

        <?php
        $counter = 0; // প্রতিটি আইডি কার্ড কাউন্টারে গুনবে
        
        while ($student_row = mysqli_fetch_assoc($sql)) {
            // ৯টি কার্ডের পর নতুন পৃষ্ঠা শুরু হবে
            if ($counter % 9 == 0) {
                if ($counter > 0) {
                    echo '</div><div class="clear"></div>'; // পৃষ্ঠার শেষে ক্লিয়ার ডিভ
                }
                echo '<div class="page">'; // নতুন পৃষ্ঠা শুরু হবে
            }
            ?>

            <div class="id-card" id="id-card-<?= $counter ?>" onclick="downloadCard('id-card-<?= $counter ?>')"
                style="cursor: pointer;">
                <!-- এখানে আইডি কার্ডের টেমপ্লেট -->
                <img src="../../male/img/<?php echo $id_card; ?>" alt="ID Card Template">

                <!-- শিক্ষার্থীর ছবি -->
                <?php
                if ($student_row['teacher_img'] == "") {
                    // যদি শিক্ষার্থীর ছবি না থাকে, তাহলে লোগো দেখাবে
                    echo '<img src="../logo/' . $logo . '" class="student-photo">';
                } else {
                    // যদি শিক্ষার্থীর ছবি থাকে, তাহলে সেটি দেখাবে
                    echo '<img src="../teacher/teacher_img/' . $student_row['teacher_img'] . '" class="student-photo">';
                }
                ?>

                <!-- শিক্ষার্থীর তথ্য টেবিল -->
                <table class="card-info-name" border="0">
                    <tr>

                        <td colspan="2" style="font-size: 21px; color: blue;"><b><?= $student_row['name']; ?></b></td>
                    </tr>

                </table>

                <table class="card-info-table" border="0">
                    <tr>
                        <td style="font-size: 16px; width: 72px;"><b>পদবী</b></td>
                        <td style="font-size: 16px;"><span style="position: relative; left: -30px;">:
                                <b><?= $student_row['system_subject_name']; ?></span></b></td>
                    </tr>
                    
                  <tr>
                        <td style="font-size: 14px; width: 56px;"><b>শিক্ষাগত যোগ্যতা</b></td>
                        <td style="font-size: 16px;"><span style="position: relative; left: -30px;">:
                                <b><?= $student_row['educational_qualification']; ?></span></b></td>
                    </tr>
                    
           
                    <tr>
                        <td style="font-size: 16px;"><b>আইডি</b></td>
                        <td style="font-size: 16px;"><span style="position: relative; left: -30px;">:
                                <b><?= $student_row['teacher_id']; ?></span> </b></td>
                    </tr>

  <tr>
                        <td style="font-size: 16px; color:red;"><b>রক্তের গ্রুপ </b></td>
                        <td style="font-size: 16px;"><span style="position: relative; left: -30px; font-family: auto;">:
                                <b><?= $student_row['blood']; ?></span> </b></td>
                    </tr>
         		<tr>
                        <td style="font-size: 16px;"><b>ঠিকানা</b></td>
                        <td style="font-size: 16px;"><span style="position: relative; left: -30px;">:
                         <b><?= $student_row['village']; ?>, <?= $student_row['thana_name']; ?></span></b></td>
                    </tr>
                </table>
            </div>

            <?php
            $counter++; // কাউন্টার ইনক্রিমেন্ট হবে
        }

        // যদি কার্ডের সংখ্যা ৯ দ্বারা বিভাজ্য না হয় তাহলে পৃষ্ঠার শেষে ক্লিয়ার ডিভ যোগ করবে
        if ($counter % 9 != 0) {
            echo '</div><div class="clear"></div>';
        }
        ?>
        <script>
            function downloadCard(cardId) {
                var cardElement = document.getElementById(cardId);

                html2canvas(cardElement).then(function (canvas) {
                    var link = document.createElement('a');
                    link.href = canvas.toDataURL("image/png");
                    link.download = 'id_card.png';
                    link.click();
                });
            }
        </script>