{"id":13488,"date":"2025-03-18T10:56:07","date_gmt":"2025-03-18T05:26:07","guid":{"rendered":"https:\/\/synthesyslive.com\/srtmun\/?page_id=13488"},"modified":"2025-03-18T12:53:28","modified_gmt":"2025-03-18T07:23:28","slug":"feedback-page","status":"publish","type":"page","link":"https:\/\/srtmun.ac.in\/mr\/feedback-page\/","title":{"rendered":"\u0905\u092d\u093f\u092a\u094d\u0930\u093e\u092f \u092a\u0943\u0937\u094d\u0920"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13488\" class=\"elementor elementor-13488\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d031c21 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"d031c21\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-06d9577 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"06d9577\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea00c94 elementor-widget elementor-widget-heading\" data-id=\"ea00c94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">We Value Your Feedback<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n<style>\n\n\n\/* Style the search input *\/\n.dataTables_wrapper .dataTables_filter {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n}\n\n.dataTables_wrapper .dataTables_filter label {\n  font-weight: 500;\n  font-size: 15px;\n  color: #333;\n  display: flex;\n  align-items: center;\n}\n\n.dataTables_wrapper .dataTables_filter input {\n  width: 250px; \/* You can increase\/decrease this as needed *\/\n  padding: 6px 12px;\n  margin-left: 8px;\n  border: 1px solid #ccc;\n  border-radius: 6px;\n  font-size: 14px;\n}\n\n\/* Make it full width on mobile *\/\n@media (max-width: 576px) {\n  .dataTables_wrapper .dataTables_filter {\n    justify-content: flex-start;\n    width: 100%;\n    margin-top: 10px;\n  }\n\n  .dataTables_wrapper .dataTables_filter input {\n    width: 100%;\n    margin-left: 0;\n    margin-top: 6px;\n  }\n\n  .dataTables_wrapper .dataTables_filter label {\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n  }\n}\n    \n\/* Apply border to all table cells *\/\n\/* Scroll only the table *\/\n.datatable-scroll-wrapper {\n    overflow-x: auto;\n    width: 100%;\n}\n\n\/* Optional: Make search input responsive *\/\n.dataTables_filter input {\n    width: 100%;\n    max-width: 300px;\n}\n\n\n#staffTable {\n    width: 100% !important;\n}\n\n#staffTable th,\n#staffTable td {\n    white-space: nowrap;\n    border: 1px solid #dee2e6;\n    text-align: left;\n    vertical-align: middle;\n    padding: 8px 12px;\n}\n\n    \/* Style the DataTables search input *\/\n.dataTables_filter input {\n    width: 100%;\n    max-width: 300px; \/* Adjust max width as needed *\/\n    padding: 8px 12px;\n    border-radius: 6px;\n    border: 1px solid #ccc;\n    box-sizing: border-box;\n}\n\n\/* Optional: Align it better on small screens *\/\n@media (max-width: 768px) {\n    .dataTables_filter {\n        text-align: left;\n    }\n    .dataTables_filter input {\n        max-width: 100%;\n        width: 100%;\n    }\n}\n\n            \/* Equal height columns *\/\n        \/* Equal height for all cards *\/\n            .dataTables_wrapper .dataTables_length select {\n    padding: 3px 30px 3px  3px !important;\n\n}\ndiv.dataTables_wrapper div.dataTables_length select{\n    font-size: 14px;\n}\n        .form-control .form-select{\n        padding: 0px 10px;\n        }s\n        [data-staff-grid] .col-md-6,\n        [data-staff-grid] .col-lg-4 {\n            display: flex;\n            flex-direction: column;\n        }\n\n        .staff-card {\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            padding: 24px;\n            border-radius: 12px;\n            box-shadow: 0 4px 16px rgba(0,0,0,0.06);\n            background-color: #fff;\n        }\n\n        \/* Profile image *\/\n        .staff-photo {\n            width: 100px;\n            height: 100px;\n            border-radius: 50%;\n            object-fit: cover;\n            border: 3px solid #f0f0f0;\n            margin: 0 auto 12px;\n        }\n\n        \/* Name and ID *\/\n        .staff-name {\n            font-size: 1.15rem;\n            font-weight: 700;\n            color: #2e7d32;\n            text-align: center;\n            margin-bottom: 4px;\n        }\n\n        .employee-id {\n            display: block;\n            font-size: 0.85rem;\n            color: #999;\n            text-align: center;\n            margin-bottom: 8px;\n        }\n\n        \/* Designation *\/\n        .staff-designation {\n            font-size: 0.95rem;\n            font-style: italic;\n            color: #555;\n            text-align: center;\n            margin-bottom: 10px;\n        }\n\n        \/* Department Badge *\/\n        .staff-department {\n            display: inline-block;\n            background-color: #f0f0f0;\n            color: #444;\n            font-size: 0.85rem;\n            font-weight: 500;\n            border-radius: 20px;\n            padding: 4px 12px;\n            margin: 0 auto 12px;\n        }\n\n        \/* Details *\/\n        .staff-details {\n            font-size: 0.9rem;\n            margin-top: 8px;\n            color: #444;\n        }\n\n        .detail-row {\n            display: flex;\n            justify-content: space-between;\n            margin-bottom: 6px;\n            border-bottom: 1px solid #f1f1f1;\n            padding-bottom: 4px;\n        }\n\n        \/* Push the button container to the bottom *\/\n        .staff-info {\n            flex-grow: 1;\n            display: flex;\n            flex-direction: column;\n            background:white !important;\n        }\n\n        .staff-details {\n            flex-grow: 1; \/* fills space between name and button *\/\n        }\n\n        .staff-buttons {\n            margin-top: auto; \/* pushes to bottom *\/\n            padding-top: 12px;\n        }\n\t\t.staff-photo,\n\t\t.staff-table img {\n\t\t\tobject-fit: contain !important;\n\t\t\twidth: 122px !important;\n\t\t\theight: 127px !important;\n\t\t\tborder: 3px solid #e9ecef !important;\n\t\t\tborder-color: #e9ecef !important;\n\t\t}\n<\/style>\t\t<div class=\"elementor-element elementor-element-dcf84e6 elementor-widget elementor-widget-eael-breadcrumbs\" data-id=\"dcf84e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eael-breadcrumbs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"eael-breadcrumbs\">\n\t\t\t<div class=\"eael-breadcrumbs__content\"><a href=\"https:\/\/srtmun.ac.in\/mr\">Home<\/a> <span class=\"eael-breadcrumb-separator\">\/<\/span> <span class = \"eael-current\">\u092a\u0943\u0937\u094d\u0920<\/span><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-897bdf2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"897bdf2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-233a526 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"233a526\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-29a9855 elementor-widget elementor-widget-feedback_edu_form_widget\" data-id=\"29a9855\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"feedback_edu_form_widget.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        \n <div class=\"feedback-form-container\">\n            <h2 class=\"feedback-form-title\">Share Your Feedback<\/h2>\n            \n            <!-- Feedback Form -->\n            <form id=\"feedback-form-69e01d46f3f5f\" method=\"post\" enctype=\"multipart\/form-data\" action=\"https:\/\/srtmun.ac.in\/wp-admin\/admin-post.php\" class=\"feedback-form\">\n                <input type=\"hidden\" name=\"action\" value=\"submit_feedback\" required>\n                <input type=\"hidden\" id=\"feedback_nonce\" name=\"feedback_nonce\" value=\"f27d95411e\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/mr\/wp-json\/wp\/v2\/pages\/13488\" \/>        \n                <!-- Star Rating -->\n                <div class=\"mb-4 text-center\">\n                    <label class=\"rating-label\"> <span class=\"required-indicator\"><\/span><\/label>\n                    <div class=\"rating-stars\">\n                                                    <input type=\"radio\" id=\"star5-69e01d46f4005\" name=\"rating\" value=\"5\" required \/>\n                            <label for=\"star5-69e01d46f4005\" title=\"5 stars\">\u2605<\/label>\n                                                    <input type=\"radio\" id=\"star4-69e01d46f400e\" name=\"rating\" value=\"4\" required \/>\n                            <label for=\"star4-69e01d46f400e\" title=\"4 stars\">\u2605<\/label>\n                                                    <input type=\"radio\" id=\"star3-69e01d46f4013\" name=\"rating\" value=\"3\" required \/>\n                            <label for=\"star3-69e01d46f4013\" title=\"3 stars\">\u2605<\/label>\n                                                    <input type=\"radio\" id=\"star2-69e01d46f4018\" name=\"rating\" value=\"2\" required \/>\n                            <label for=\"star2-69e01d46f4018\" title=\"2 stars\">\u2605<\/label>\n                                                    <input type=\"radio\" id=\"star1-69e01d46f401d\" name=\"rating\" value=\"1\" required \/>\n                            <label for=\"star1-69e01d46f401d\" title=\"1 stars\">\u2605<\/label>\n                                            <\/div>\n                    <div class=\"rating-value-display\">\n                        <span id=\"feedback-form-69e01d46f3f5f-rating-value\">0<\/span>\/5\n                    <\/div>\n                    <div id=\"feedback-form-69e01d46f3f5f-rating-error\" class=\"feedback-error rating-error\">\n                        Please select a rating.                    <\/div>\n                <\/div>\n        \n                <!-- Name -->\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-name\">Your Name <span class=\"required-indicator\">*<\/span><\/label>\n                    <input type=\"text\" name=\"name\" id=\"feedback-form-69e01d46f3f5f-name\" class=\"form-control\" placeholder=\"Enter your full name\" required>\n                    <div id=\"feedback-form-69e01d46f3f5f-name-error\" class=\"feedback-error\">Please enter a valid name Ex: Tejas Shinde (letters only, at least 2 words).<\/div>\n                <\/div>\n        \n                <!-- University Name -->\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-university_name\">University Name <span class=\"required-indicator\">*<\/span><\/label>\n                    <input type=\"text\" name=\"university_name\" id=\"feedback-form-69e01d46f3f5f-university_name\" \n                        class=\"form-control\" \n                        value=\"Swami Ramanand Teerth Marathwada University\" \n                        readonly required>\n                <\/div>\n        \n                <!-- Feedback Type -->\n                <div class=\"mb-3\">\n                    <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-feedback_type\">I Am A <span class=\"required-indicator\">*<\/span><\/label>\n                    <select name=\"feedback_type\" id=\"feedback-form-69e01d46f3f5f-feedback_type\" class=\"form-select\" required>\n                        <option value=\"\">Select<\/option>\n                        <option value=\"student_feedback\">Student<\/option>\n                        <option value=\"alumni_feedback\">Alumni<\/option>\n                        <option value=\"parent_feedback\">Parent<\/option>\n                        <option value=\"employer_feedback\">Employer<\/option>\n                    <\/select>\n                    <div id=\"feedback-form-69e01d46f3f5f-feedback-type-error\" class=\"feedback-error\">Please select your role.<\/div>\n                <\/div>\n        \n                <!-- Feedback Message -->\n                 \n                 <div class=\"row d-flex align-items-start\">\n    <div class=\"col-md-6\">\n        <div class=\"mb-3\">\n            <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-feedback_message\">\n                Feedback Message <span class=\"required-indicator\">*<\/span>\n            <\/label>\n            <textarea name=\"feedback_message\" id=\"feedback-form-69e01d46f3f5f-feedback_message\" class=\"form-control\" \n                placeholder=\"Write your feedback here\" rows=\"4\" maxlength=\"170\" required><\/textarea>\n            <div id=\"feedback-form-69e01d46f3f5f-char-count-container\" class=\"text-muted mt-1 small\">\n                <span id=\"feedback-form-69e01d46f3f5f-char-count\">170<\/span> characters remaining            <\/div>\n            <div id=\"feedback-form-69e01d46f3f5f-feedback-message-error\" class=\"feedback-error\">\n                Please enter your feedback message.            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"col-md-6\">\n                    <div class=\"mb-3\">\n                <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-suggestion_message\">\n                    Suggestions for Improvement                <\/label>\n                <textarea name=\"suggestion_message\" id=\"feedback-form-69e01d46f3f5f-suggestion_message\" class=\"form-control\" \n                    placeholder=\"Optional Field\" rows=\"4\"><\/textarea>\n            <\/div>\n            <\/div>\n<\/div>\n\n        \n                                <!-- Upload Profile Image -->\n                <div class=\"mb-4\">\n                    <label class=\"form-label\" for=\"feedback-form-69e01d46f3f5f-profile_image\">Upload Profile Image <span class=\"required-indicator\">*<\/span><\/label>\n                    <div class=\"small text-muted mb-2\">(Image files only)<\/div>\n                    <input type=\"file\" name=\"profile_image\" id=\"feedback-form-69e01d46f3f5f-profile_image\" class=\"form-control\" accept=\"image\/*\" required>\n                    <div id=\"feedback-form-69e01d46f3f5f-image-error\" class=\"feedback-error\" style=\"display: none;\"><\/div>\n                    <div class=\"mt-2\">\n                        <img decoding=\"async\" id=\"feedback-form-69e01d46f3f5f-image-preview\" src=\"\" alt=\"Profile Preview\" style=\"display:none; max-width: 100px; max-height: 100px;\" class=\"img-thumbnail\">\n                    <\/div>\n                <\/div>\n                                <!-- Google reCAPTCHA v2 -->\n                <div class=\"g-recaptcha mb-3\" data-sitekey=\"6LckOX0rAAAAAAI9dheZv0MUZfhhVQNq_KaCwejk\"><\/div>\n                <script src=\"https:\/\/www.google.com\/recaptcha\/api.js\" async defer><\/script>\n                    <button type=\"submit\" class=\"btn btn-submit\">Submit Feedback<\/button>\n            <\/form>\n        <\/div>\n\n        <style>\n            \/* Suggestion Field Styling *\/\n              \/* Rating Stars Styling *\/\n                .form-control, .form-select {\n                    border-radius: 8px;\n                    padding: 0px 10px;\n                    border: 1px solid #ddd;\n                    transition: all 0.3s ease;\n                    background-color: #f9f9f9;\n                }\n              label, legend {\n                    color: #111827;\n                    font-size: 2.5rem;\n                    font-style: normal;\n                    font-weight: 500;\n                    line-height: 20px;\n                }\n              .required-indicator {\n                    color: #dc3545;\n              }\n              .rating-stars {\n                                display: inline-flex;\n                                gap: 10px;\n                                font-size: 1rem;\n                                padding: 20px 0;\n                            }\n                            \n                            .rating-stars input {\n                                display: none;\n                            }\n                            \n                            .rating-stars label {\n                                cursor: pointer;\n                                color: #ddd;\n                                transition: color 0.2s ease-in-out;\n                            }\n                            \n                            .rating-stars input:checked ~ label {\n                                color: #ffd700;\n                            }\n                            \n                            .rating-stars label:hover,\n                            .rating-stars label:hover ~ label {\n                                color: #ffd700;\n                            }\n                            \n                            .rating-value-display {\n                                font-size: 18px;\n                                font-weight: 600;\n                                color: #666;\n                            }\n                            \n                            .rating-required {\n                                animation: pulse-rating 1s infinite;\n                                box-shadow: 0 0 10px rgba(220, 53, 69, 0.5);\n                                padding: 10px;\n                                border-radius: 8px;\n                            }\n                            \n                            @keyframes pulse-rating {\n                                0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }\n                                70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }\n                                100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }\n                            }\n            .suggestion-field-container textarea:focus {\n                box-shadow: 0 0 8px rgba(255, 193, 7, 0.4);\n                border-color: #ffc107;\n                outline: none;\n                background-color: #fff;\n                transform: translateY(-2px);\n                transition: all 0.3s ease;\n            }\n            \n            .suggestion-field-container .text-muted {\n                display: flex;\n                align-items: center;\n                font-size: 0.85rem;\n                font-style: italic;\n            }\n            \n            .suggestion-field-container .text-muted i {\n                color: #ffc107;\n                margin-right: 5px;\n                font-size: 0.9rem;\n            }\n            \n            \/* Error Messages *\/\n            .feedback-error {\n                color: #dc3545;\n                font-size: 14px;\n                margin-top: 5px;\n                display: none;\n                background-color: rgba(220, 53, 69, 0.05);\n                border-left: 3px solid #dc3545;\n                padding: 5px 10px;\n                border-radius: 0 4px 4px 0;\n                font-weight: 500;\n                transition: all 0.3s ease;\n                animation: fadeIn 0.3s ease;\n            }\n            \n            .rating-error {\n                font-size: 16px;\n                font-weight: 600;\n                text-align: center;\n                background-color: rgba(220, 53, 69, 0.1);\n                border: 1px solid #dc3545;\n                border-radius: 4px;\n                padding: 8px 15px;\n                margin-top: 10px;\n                animation: shake 0.5s ease-in-out;\n            }\n            \n            @keyframes shake {\n                0%, 100% {transform: translateX(0);}\n                10%, 30%, 50%, 70%, 90% {transform: translateX(-5px);}\n                20%, 40%, 60%, 80% {transform: translateX(5px);}\n            }\n            \n            \/* Alert Messages *\/\n            .feedback-alert {\n                padding: 15px 20px;\n                border-radius: 10px;\n                margin-bottom: 20px;\n                font-weight: 500;\n                text-align: center;\n                position: relative;\n                animation: fadeIn 0.5s ease;\n                box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n            }\n            \n            .feedback-alert.success {\n                background-color: rgba(40, 167, 69, 0.15);\n                color: #28a745;\n                border: 1px solid rgba(40, 167, 69, 0.3);\n            }\n            \n            .feedback-alert.error {\n                background-color: rgba(220, 53, 69, 0.15);\n                color: #dc3545;\n                border: 1px solid rgba(220, 53, 69, 0.3);\n            }\n            \n            \/* Image Upload *\/\n            .form-control[type=\"file\"] {\n                padding: 10px;\n                line-height: 1.5;\n            }\n            \n            #image-preview {\n                border-radius: 10px;\n                border: 3px solid #e9ecef;\n                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n                transition: all 0.3s ease;\n            }\n                \/* Rating Stars Styling *\/\n                .rating-stars {\n                        display: inline-flex;\n                        flex-direction: row-reverse;\n                        gap: 15px;\n                        font-size: 60px;  \n                        padding: 20px 0;\n                    }\n                    \n                    .rating-stars input {\n                        display: none;\n                    }\n                    \n                    .rating-stars label {\n                        cursor: pointer;\n                        color: #ddd;\n                        transition: color 0.2s ease-in-out;\n                    }\n                    \n                    .rating-stars input:checked ~ label {\n                        color: #ffd700;\n                    }\n                    \n                    .rating-stars label:hover,\n                    .rating-stars label:hover ~ label {\n                        color: #ffd700;\n                    }\n                    \n                    .rating-value-display {\n                        font-size: 18px;\n                        font-weight: 600;\n                        color: #666;\n                    }\n            \n            \/* Animations *\/\n            @keyframes fadeIn {\n                from { opacity: 0; transform: translateY(-10px); }\n                to { opacity: 1; transform: translateY(0); }\n            }\n            \n            \/* Responsive Adjustments *\/\n            @media (max-width: 767.98px) {\n                .feedback-form-container {\n                    padding: 25px;\n                    border-radius: 15px;\n                }\n                \n                .feedback-form-title {\n                    font-size: 24px;\n                }\n                \n                .form-control, .form-select {\n                    font-size: 15px;\n                    padding: 10px 15px;\n                }\n                \n                .rating-stars label {\n                    font-size: 30px;\n                }\n                \n                .btn-submit {\n                    padding: 12px 25px;\n                    font-size: 15px;\n                }\n            }\n        <\/style>\n\n        <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const form = document.getElementById('feedback-form-69e01d46f3f5f');\n            const nameInput = document.getElementById('feedback-form-69e01d46f3f5f-name');\n            const feedbackMessage = document.getElementById('feedback-form-69e01d46f3f5f-feedback_message');\n            const feedbackType = document.getElementById('feedback-form-69e01d46f3f5f-feedback_type');\n            const ratingStarsContainer = document.querySelector('.rating-stars');\n            \n            \/\/ Name validation function\n            function validateName(name) {\n    const nameRegex = \/^[A-Za-z]{1,20}\\s[A-Za-z]{1,20}$\/;\n    return nameRegex.test(name.trim());\n}\n\n\n            \/\/ Name input validation\n            nameInput.addEventListener('input', function(e) {\n                \/\/ Remove any characters that aren't letters or spaces\n                this.value = this.value.replace(\/[^A-Za-z\\s]\/g, '');\n                \/\/ Replace multiple spaces with a single space\n                this.value = this.value.replace(\/\\s+\/g, ' ');\n                \n                const nameError = document.getElementById('feedback-form-69e01d46f3f5f-name-error');\n                if (validateName(this.value)) {\n                    nameError.style.display = 'none';\n                    this.classList.remove('is-invalid');\n                    this.classList.add('is-valid');\n                } else {\n                    nameError.style.display = 'block';\n                    this.classList.add('is-invalid');\n                    this.classList.remove('is-valid');\n                }\n            });\n\n            \/\/ Rating validation\n            const ratingInputs = form.querySelectorAll('input[name=\"rating\"]');\n            ratingInputs.forEach(input => {\n                input.addEventListener('change', function() {\n                    const ratingError = document.getElementById('feedback-form-69e01d46f3f5f-rating-error');\n                    const ratingValue = document.getElementById('feedback-form-69e01d46f3f5f-rating-value');\n                    ratingError.style.display = 'none';\n                    ratingValue.textContent = this.value;\n                });\n            });\n\n            \/\/ Feedback type validation\n            feedbackType.addEventListener('change', function() {\n                const typeError = document.getElementById('feedback-form-69e01d46f3f5f-feedback-type-error');\n                if (this.value) {\n                    typeError.style.display = 'none';\n                    this.classList.remove('is-invalid');\n                    this.classList.add('is-valid');\n                } else {\n                    typeError.style.display = 'block';\n                    this.classList.add('is-invalid');\n                    this.classList.remove('is-valid');\n                }\n            });\n\n            \/\/ Feedback message validation\n            feedbackMessage.addEventListener('input', function() {\n                \/\/ Remove special characters and multiple spaces\n                this.value = this.value.replace(\/[^A-Za-z\\s\\.,!?&\"'()]\/g, '').replace(\/\\s+\/g, ' ');\n                \n                const messageError = document.getElementById('feedback-form-69e01d46f3f5f-feedback-message-error');\n                const charCount = document.getElementById('feedback-form-69e01d46f3f5f-char-count');\n                const remainingChars = 170 - this.value.length;\n                charCount.textContent = remainingChars;\n\n                if (this.value.trim()) {\n                    messageError.style.display = 'none';\n                    this.classList.remove('is-invalid');\n                    this.classList.add('is-valid');\n                } else {\n                    messageError.style.display = 'block';\n                    this.classList.add('is-invalid');\n                    this.classList.remove('is-valid');\n                }\n            });\n\n            \/\/ Add suggestion field validation if it exists\n            const suggestionMessage = document.getElementById('feedback-form-69e01d46f3f5f-suggestion_message');\n            if (suggestionMessage) {\n                suggestionMessage.addEventListener('input', function() {\n                    \/\/ Remove special characters and multiple spaces\n                    this.value = this.value.replace(\/[^A-Za-z\\s\\.,!?'\"()&]\/g, '').replace(\/\\s+\/g, ' ');\n                });\n            }\n\n            \/\/ Form submission validation\n            form.addEventListener('submit', function(e) {\n                let isValid = true;\n\n                \/\/ Validate name\n                if (!validateName(nameInput.value)) {\n                    document.getElementById('feedback-form-69e01d46f3f5f-name-error').style.display = 'block';\n                    nameInput.classList.add('is-invalid');\n                    isValid = false;\n                }\n\n                \/\/ Validate rating\n                if (!form.querySelector('input[name=\"rating\"]:checked')) {\n                    const ratingError = document.getElementById('feedback-form-69e01d46f3f5f-rating-error');\n                    ratingError.style.display = 'block';\n                    ratingStarsContainer.classList.add('rating-required');\n                    \/\/ Scroll to rating field\n                    ratingError.scrollIntoView({ behavior: 'smooth', block: 'center' });\n                    isValid = false;\n                    \n                    \/\/ Remove animation class after some time\n                    setTimeout(function() {\n                        ratingStarsContainer.classList.remove('rating-required');\n                    }, 3000);\n                }\n\n                \/\/ Validate feedback type\n                if (!feedbackType.value) {\n                    document.getElementById('feedback-form-69e01d46f3f5f-feedback-type-error').style.display = 'block';\n                    feedbackType.classList.add('is-invalid');\n                    isValid = false;\n                }\n\n                \/\/ Validate feedback message\n                if (!feedbackMessage.value.trim()) {\n                    document.getElementById('feedback-form-69e01d46f3f5f-feedback-message-error').style.display = 'block';\n                    feedbackMessage.classList.add('is-invalid');\n                    isValid = false;\n                }\n                 const recaptchaResponse = grecaptcha.getResponse();\n                if (recaptchaResponse.length === 0) {\n                    alert(\"Please verify that you are not a robot.\");\n                    isValid = false;\n                }\n                if (!isValid) {\n                    e.preventDefault();\n                }\n            });\n            \n        });\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>We Value Your Feedback Home \/ Page Share Your Feedback \u2605 \u2605 \u2605 \u2605 \u2605 0\/5 Please select a rating. Your Name * Please enter a valid name Ex: Tejas Shinde (letters only, at least 2 words). University Name * I Am A * SelectStudentAlumniParentEmployer Please select your role. Feedback Message * 170 characters remaining Please enter your feedback message. Suggestions for Improvement Upload Profile Image * (Image files only) Submit Feedback<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-13488","page","type-page","status-publish","hentry","entry"],"acf":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"tejas","author_link":"https:\/\/srtmun.ac.in\/mr\/author\/tejas\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"We Value Your Feedback Home \/ Page Share Your Feedback \u2605 \u2605 \u2605 \u2605 \u2605 0\/5 Please select a rating. Your Name * Please enter a valid name Ex: Tejas Shinde (letters only, at least 2 words). University Name * I Am A * SelectStudentAlumniParentEmployer Please select your role. Feedback Message * 170 characters remaining&hellip;","_links":{"self":[{"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/pages\/13488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/comments?post=13488"}],"version-history":[{"count":0,"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/pages\/13488\/revisions"}],"wp:attachment":[{"href":"https:\/\/srtmun.ac.in\/mr\/wp-json\/wp\/v2\/media?parent=13488"}],"curies":[{"name":"\u0921\u092c\u094d\u0932\u094d\u092f\u0942\u092a\u0940","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}