{"id":473,"date":"2026-10-03T17:59:14","date_gmt":"2026-10-03T17:59:14","guid":{"rendered":"https:\/\/orphanscenter.edu.bd\/?page_id=473"},"modified":"2026-10-03T18:00:39","modified_gmt":"2026-10-03T18:00:39","slug":"teacher","status":"publish","type":"page","link":"https:\/\/orphanscenter.edu.bd\/index.php\/teacher\/","title":{"rendered":"\u09b6\u09bf\u0995\u09cd\u09b7\u0995 \u0993 \u0995\u09b0\u09cd\u09ae\u099a\u09be\u09b0\u09c0"},"content":{"rendered":"    \n        <div class=\"container-fluid my-4\">\n    \n            <div class=\"card border-0 shadow-sm\">\n    \n                <!-- =========================\n                     Header\n                ========================== -->\n    \n                <div class=\"card-header bg-primary text-white py-3\">\n    \n                    <div class=\"d-flex flex-column flex-md-row justify-content-between align-items-md-center gap-2\">\n    \n                        <div>\n    \n                            <h5 class=\"mb-1 fw-bold\">\n                                Teacher Information\n                            <\/h5>\n    \n                            <small class=\"opacity-75\">\n                                1 Teachers\n                            <\/small>\n    \n                        <\/div>\n    \n                        <div class=\"badge bg-light text-primary px-3 py-2\">\n    \n                            <span id=\"teacher-count-wpsa-teacher-table-55221\">\n                                1                            <\/span>\n    \n                            Teachers\n    \n                        <\/div>\n    \n                    <\/div>\n    \n                <\/div>\n    \n    \n                <!-- =========================\n                     Search\n                ========================== -->\n    \n                <div class=\"card-body border-bottom\">\n    \n                    <div class=\"row g-3 align-items-center\">\n    \n                        <div class=\"col-md-6\">\n    \n                            <div class=\"input-group\">\n    \n                                <span class=\"input-group-text bg-white\">\n    \n                                    <span class=\"dashicons dashicons-search\"><\/span>\n    \n                                <\/span>\n    \n                                <input\n                                    type=\"text\"\n                                    id=\"teacherSearch-wpsa-teacher-table-55221\"\n                                    class=\"form-control\"\n                                    placeholder=\"Search Teacher ID, Name, Designation, Mobile...\"\n                                    autocomplete=\"off\"\n                                >\n    \n                            <\/div>\n    \n                        <\/div>\n    \n    \n                        <div class=\"col-md-3 ms-md-auto\">\n    \n                            <select\n                                id=\"teacherRowsPerPage-wpsa-teacher-table-55221\"\n                                class=\"form-select\"\n                            >\n    \n                                <option value=\"10\">10 Teachers<\/option>\n    \n                                <option value=\"25\">25 Teachers<\/option>\n    \n                                <option value=\"50\">50 Teachers<\/option>\n    \n                                <option value=\"100\">100 Teachers<\/option>\n    \n                                <option value=\"all\">All Teachers<\/option>\n    \n                            <\/select>\n    \n                        <\/div>\n    \n                    <\/div>\n    \n                <\/div>\n    \n    \n                <!-- =========================\n                     Table\n                ========================== -->\n    \n                <div class=\"table-responsive\">\n    \n                    <table\n                        id=\"wpsa-teacher-table-55221\"\n                        class=\"table table-hover align-middle mb-0\"\n                    >\n    \n                        <thead class=\"table-light\">\n    \n                            <tr>\n    \n                                <th\n                                    class=\"text-center\"\n                                    style=\"width:60px;\"\n                                >\n                                    #\n                                <\/th>\n    \n                                <th>\n                                    Teacher ID\n                                <\/th>\n    \n                                <th>\n                                    Teacher Name\n                                <\/th>\n    \n                                <th>\n                                    Designation\n                                <\/th>\n    \n                                <th>\n                                    Mobile\n                                <\/th>\n    \n                                <th>\n                                    Email\n                                <\/th>\n    \n                                <th class=\"text-center\">\n                                    Gender\n                                <\/th>\n    \n                                <th class=\"text-center\">\n                                    Religion\n                                <\/th>\n    \n                            <\/tr>\n    \n                        <\/thead>\n    \n    \n                        <tbody>\n    \n                            \n                            <tr class=\"teacher-row\">\n    \n                                <!-- # -->\n    \n                                <td class=\"text-center fw-semibold text-muted teacher-number\">\n    \n                                    1    \n                                <\/td>\n    \n    \n                                <!-- Teacher ID -->\n    \n                                <td>\n    \n                                    <span class=\"fw-bold text-primary\">\n    \n                                        820101    \n                                    <\/span>\n    \n                                <\/td>\n    \n    \n                                <!-- Name -->\n    \n                                <td>\n    \n                                    <span class=\"fw-semibold\">\n    \n                                        Muhammad Kamrul Islam    \n                                    <\/span>\n    \n                                <\/td>\n    \n    \n                                <!-- Designation -->\n    \n                                <td>\n    \n                                    <span class=\"badge rounded-pill bg-light text-dark border px-3 py-2\">\n    \n                                        Head Teacher    \n                                    <\/span>\n    \n                                <\/td>\n    \n    \n                                <!-- Mobile -->\n    \n                                <td>\n    \n                                        \n                                        <a\n                                            href=\"tel:01814326536\"\n                                            class=\"text-decoration-none\"\n                                        >\n    \n                                            01814326536    \n                                        <\/a>\n    \n                                        \n                                <\/td>\n    \n    \n                                <!-- Email -->\n    \n                                <td>\n    \n                                        \n                                        <a\n                                            href=\"mailto:mdkamrulislam3370@gmail.com\"\n                                            class=\"text-decoration-none\"\n                                        >\n    \n                                            mdkamrulislam3370@gmail.com    \n                                        <\/a>\n    \n                                        \n                                <\/td>\n    \n    \n                                <!-- Gender -->\n    \n                                <td class=\"text-center\">\n    \n                                    <span class=\"badge rounded-pill bg-info text-dark px-3 py-2\">\n    \n                                        Male    \n                                    <\/span>\n    \n                                <\/td>\n    \n    \n                                <!-- Religion -->\n    \n                                <td class=\"text-center\">\n    \n                                    <span class=\"badge rounded-pill bg-secondary px-3 py-2\">\n    \n                                        Islam    \n                                    <\/span>\n    \n                                <\/td>\n    \n                            <\/tr>\n    \n                            \n                        <\/tbody>\n    \n                    <\/table>\n    \n                <\/div>\n    \n    \n                <!-- =========================\n                     No Result\n                ========================== -->\n    \n                <div\n                    id=\"noTeacherResult-wpsa-teacher-table-55221\"\n                    class=\"text-center py-5 d-none\"\n                >\n    \n                    <div class=\"mb-2\">\n    \n                        <span\n                            class=\"dashicons dashicons-search\"\n                            style=\"font-size:40px;width:40px;height:40px;\"\n                        ><\/span>\n    \n                    <\/div>\n    \n                    <h6 class=\"fw-bold\">\n                        No teachers found\n                    <\/h6>\n    \n                    <p class=\"text-muted mb-0\">\n                        Try another search keyword.\n                    <\/p>\n    \n                <\/div>\n    \n    \n                <!-- =========================\n                     Footer\n                ========================== -->\n    \n                <div class=\"card-footer bg-white border-top\">\n    \n                    <div class=\"d-flex flex-column flex-md-row justify-content-between align-items-center gap-3\">\n    \n                        <div class=\"text-muted small\">\n    \n                            Showing\n    \n                            <strong id=\"teacherShowingFrom-wpsa-teacher-table-55221\">\n                                0\n                            <\/strong>\n    \n                            \u2013\n    \n                            <strong id=\"teacherShowingTo-wpsa-teacher-table-55221\">\n                                0\n                            <\/strong>\n    \n                            of\n    \n                            <strong id=\"teacherTotal-wpsa-teacher-table-55221\">\n                                0\n                            <\/strong>\n    \n                            teachers\n    \n                        <\/div>\n    \n    \n                        <nav aria-label=\"Teacher pagination\">\n    \n                            <ul\n                                id=\"teacherPagination-wpsa-teacher-table-55221\"\n                                class=\"pagination pagination-sm mb-0\"\n                            ><\/ul>\n    \n                        <\/nav>\n    \n                    <\/div>\n    \n                <\/div>\n    \n            <\/div>\n    \n        <\/div>\n    \n    \n        <!-- =========================\n             Teacher CSS\n        ========================== -->\n    \n        <style>\n    \n            #wpsa-teacher-table-55221 {\n    \n                font-size: 14px;\n    \n            }\n    \n    \n            #wpsa-teacher-table-55221 thead th {\n    \n                font-weight: 600;\n    \n                white-space: nowrap;\n    \n                padding: 14px 12px;\n    \n            }\n    \n    \n            #wpsa-teacher-table-55221 tbody td {\n    \n                padding: 13px 12px;\n    \n            }\n    \n    \n            #wpsa-teacher-table-55221 tbody tr {\n    \n                transition: all 0.15s ease;\n    \n            }\n    \n    \n            #wpsa-teacher-table-55221 tbody tr:hover {\n    \n                background-color: #f8f9fa;\n    \n            }\n    \n    \n            #teacherSearch-wpsa-teacher-table-55221 {\n    \n                min-height: 42px;\n    \n            }\n    \n    \n            #teacherRowsPerPage-wpsa-teacher-table-55221 {\n    \n                min-height: 42px;\n    \n            }\n    \n    \n            #teacherPagination-wpsa-teacher-table-55221 .page-link {\n    \n                border-radius: 6px;\n    \n                margin: 0 2px;\n    \n            }\n    \n    \n            #teacherPagination-wpsa-teacher-table-55221 .active .page-link {\n    \n                font-weight: 600;\n    \n            }\n    \n    \n            @media (max-width: 767px) {\n    \n                #wpsa-teacher-table-55221 {\n    \n                    min-width: 1100px;\n    \n                }\n    \n            }\n    \n        <\/style>\n    \n    \n        <!-- =========================\n             Teacher JavaScript\n        ========================== -->\n    \n        <script>\n    \n        document.addEventListener(\"DOMContentLoaded\", function () {\n    \n            const table =\n                document.getElementById(\n                    \"wpsa-teacher-table-55221\"\n                );\n    \n            if (!table) {\n                return;\n            }\n    \n    \n            const tbody = table.querySelector(\"tbody\");\n    \n    \n            const searchInput =\n                document.getElementById(\n                    \"teacherSearch-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const rowsPerPageSelect =\n                document.getElementById(\n                    \"teacherRowsPerPage-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const pagination =\n                document.getElementById(\n                    \"teacherPagination-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const noResult =\n                document.getElementById(\n                    \"noTeacherResult-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const showingFrom =\n                document.getElementById(\n                    \"teacherShowingFrom-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const showingTo =\n                document.getElementById(\n                    \"teacherShowingTo-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const totalTeachers =\n                document.getElementById(\n                    \"teacherTotal-wpsa-teacher-table-55221\"\n                );\n    \n    \n            const teacherCount =\n                document.getElementById(\n                    \"teacher-count-wpsa-teacher-table-55221\"\n                );\n    \n    \n            let currentPage = 1;\n    \n    \n            function getRows() {\n    \n                return Array.from(\n                    tbody.querySelectorAll(\".teacher-row\")\n                );\n    \n            }\n    \n    \n            function filterRows() {\n    \n                const keyword =\n                    searchInput.value\n                        .toLowerCase()\n                        .trim();\n    \n    \n                const rows = getRows();\n    \n    \n                return rows.filter(function (row) {\n    \n                    return row.innerText\n                        .toLowerCase()\n                        .includes(keyword);\n    \n                });\n    \n            }\n    \n    \n            function renderTable() {\n    \n                const rows = getRows();\n    \n                const filteredRows = filterRows();\n    \n    \n                let perPage =\n                    rowsPerPageSelect.value;\n    \n    \n                if (perPage === \"all\") {\n    \n                    perPage =\n                        filteredRows.length || 1;\n    \n                } else {\n    \n                    perPage =\n                        parseInt(perPage);\n    \n                }\n    \n    \n                const total =\n                    filteredRows.length;\n    \n    \n                const totalPages =\n                    Math.ceil(total \/ perPage);\n    \n    \n                if (\n                    currentPage > totalPages &&\n                    totalPages > 0\n                ) {\n    \n                    currentPage =\n                        totalPages;\n    \n                }\n    \n    \n                if (currentPage < 1) {\n    \n                    currentPage = 1;\n    \n                }\n    \n    \n                \/* Hide all rows *\/\n    \n                rows.forEach(function (row) {\n    \n                    row.style.display = \"none\";\n    \n                });\n    \n    \n                const start =\n                    (currentPage - 1) * perPage;\n    \n    \n                const end =\n                    Math.min(\n                        start + perPage,\n                        total\n                    );\n    \n    \n                filteredRows\n                    .slice(start, end)\n                    .forEach(function (row, index) {\n    \n                        row.style.display = \"\";\n    \n                        row.querySelector(\n                            \".teacher-number\"\n                        ).textContent =\n                            start + index + 1;\n    \n                    });\n    \n    \n                totalTeachers.textContent =\n                    total;\n    \n    \n                teacherCount.textContent =\n                    total;\n    \n    \n                if (total > 0) {\n    \n                    showingFrom.textContent =\n                        start + 1;\n    \n                    showingTo.textContent =\n                        end;\n    \n                    noResult.classList.add(\"d-none\");\n    \n                    table.classList.remove(\"d-none\");\n    \n                } else {\n    \n                    showingFrom.textContent =\n                        0;\n    \n                    showingTo.textContent =\n                        0;\n    \n                    noResult.classList.remove(\"d-none\");\n    \n                    table.classList.add(\"d-none\");\n    \n                }\n    \n    \n                renderPagination(totalPages);\n    \n            }\n    \n    \n            function renderPagination(totalPages) {\n    \n                pagination.innerHTML = \"\";\n    \n    \n                if (totalPages <= 1) {\n    \n                    return;\n    \n                }\n    \n    \n                \/* Previous *\/\n    \n                const previous =\n                    document.createElement(\"li\");\n    \n    \n                previous.className =\n                    \"page-item \" +\n                    (\n                        currentPage === 1\n                            ? \"disabled\"\n                            : \"\"\n                    );\n    \n    \n                previous.innerHTML =\n                    '<a class=\"page-link\" href=\"#\" aria-label=\"Previous\">&laquo;<\/a>';\n    \n    \n                previous.addEventListener(\n                    \"click\",\n                    function (e) {\n    \n                        e.preventDefault();\n    \n    \n                        if (currentPage > 1) {\n    \n                            currentPage--;\n    \n                            renderTable();\n    \n                        }\n    \n                    }\n                );\n    \n    \n                pagination.appendChild(previous);\n    \n    \n                \/* Page numbers *\/\n    \n                for (\n                    let i = 1;\n                    i <= totalPages;\n                    i++\n                ) {\n    \n                    const page =\n                        document.createElement(\"li\");\n    \n    \n                    page.className =\n                        \"page-item \" +\n                        (\n                            i === currentPage\n                                ? \"active\"\n                                : \"\"\n                        );\n    \n    \n                    page.innerHTML =\n                        '<a class=\"page-link\" href=\"#\">' +\n                        i +\n                        '<\/a>';\n    \n    \n                    page.addEventListener(\n                        \"click\",\n                        function (e) {\n    \n                            e.preventDefault();\n    \n                            currentPage = i;\n    \n                            renderTable();\n    \n                        }\n                    );\n    \n    \n                    pagination.appendChild(page);\n    \n                }\n    \n    \n                \/* Next *\/\n    \n                const next =\n                    document.createElement(\"li\");\n    \n    \n                next.className =\n                    \"page-item \" +\n                    (\n                        currentPage === totalPages\n                            ? \"disabled\"\n                            : \"\"\n                    );\n    \n    \n                next.innerHTML =\n                    '<a class=\"page-link\" href=\"#\" aria-label=\"Next\">&raquo;<\/a>';\n    \n    \n                next.addEventListener(\n                    \"click\",\n                    function (e) {\n    \n                        e.preventDefault();\n    \n    \n                        if (\n                            currentPage < totalPages\n                        ) {\n    \n                            currentPage++;\n    \n                            renderTable();\n    \n                        }\n    \n                    }\n                );\n    \n    \n                pagination.appendChild(next);\n    \n            }\n    \n    \n            \/* Search *\/\n    \n            searchInput.addEventListener(\n                \"input\",\n                function () {\n    \n                    currentPage = 1;\n    \n                    renderTable();\n    \n                }\n            );\n    \n    \n            \/* Rows per page *\/\n    \n            rowsPerPageSelect.addEventListener(\n                \"change\",\n                function () {\n    \n                    currentPage = 1;\n    \n                    renderTable();\n    \n                }\n            );\n    \n    \n            \/* Initial *\/\n    \n            renderTable();\n    \n        });\n    \n        <\/script>\n    \n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-473","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/pages\/473","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/comments?post=473"}],"version-history":[{"count":1,"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions"}],"predecessor-version":[{"id":474,"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/pages\/473\/revisions\/474"}],"wp:attachment":[{"href":"https:\/\/orphanscenter.edu.bd\/index.php\/wp-json\/wp\/v2\/media?parent=473"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}