<!DOCTYPE html>
<html>
<head>
    <style>
        @page {
            margin: 0;
        }
    
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            margin-left: 30px;
            margin-right: 30px;
        }
    
        label {
            font-size: 19px;
            line-height: 1.5;
        }
    
        input[type="text"], input[type="checkbox"] {
            font-size: 18px;
        }
    
        .question {
            margin-bottom: 20px;
        }
    
        .watermark {
            position: fixed;
            bottom: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            transform: rotate(-55deg);
            transform-origin: center center;
            font-size: 100px;
            color: rgba(0, 0, 0, 0.5); /* Darker watermark with increased opacity */
            z-index: -1;
            pointer-events: none;
            user-select: none;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            background-repeat: repeat;
        }
    
        hr {
            border: none; /* Remove default styling */
            border-top: 3px solid #000; /* Create a black horizontal line */
            margin: 20px 0; /* Add vertical spacing */
        }
    </style>
    

    <script>
        // Disable right-click context menu
        document.addEventListener('contextmenu', function(event) {
            event.preventDefault();
        });

        document.addEventListener('keydown', function(e) {
            // Prevent F12 (Developer Tools), Ctrl+U (View Source), and Ctrl+Shift+I (Inspect)
            if (e.key === 'F12' || (e.ctrlKey && (e.key === 'U' || e.key === 'I'))) {
                e.preventDefault();
            }
        });
        function printSelected() {
    var printContents = '<center><h1>FEEDBACK FORM</h1></center>';
    printContents += '<hr>';
    printContents += '<div style="font-size: 18px;">';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">No</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('no').value + '</span>&nbsp&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Rank</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('rank').value + '</span>&nbsp&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Name</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('name').value + '</span>&nbsp&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Unit</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('unit').value + '</span>&nbsp&nbsp&nbsp&nbsp';
    printContents += '</div>';

    printContents += '<div style="font-size: 18px;">';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Appt</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('appt').value + '</span>&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Veh/Eqpt</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('veh').value + '</span>&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">BA/Regd No</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('make').value + '</span>&nbsp&nbsp&nbsp';
    printContents += '<span style="font-weight:bold; text-decoration: underline; margin: 0; padding: 0;">Date</span>:&nbsp<span style="margin: 0; padding: 0;">' + document.getElementById('date').value + '</span>&nbsp&nbsp&nbsp';
    printContents += '</div>';
    printContents += '<hr><br>';



    
            // Questions Section
            printContents += '<div style="font-size: 19px;">';
            var questions = document.querySelectorAll('.question');
            questions.forEach(function (question) {
                var questionText = question.querySelector('.question-text').innerText;
                var selectedOptions = question.querySelectorAll('input[type="checkbox"]:checked');
                if (selectedOptions.length > 0) {
                    printContents += '<p style="margin: 0;">' + questionText + '</p>';
                    selectedOptions.forEach(function (option) {
                        printContents += '<p style="margin: 0;">' + option.value + '</p>' + '<br>';
                    });
                }
            });
    
            printContents += '<p style="margin: 0;">10.&nbsp&nbsp&nbsp&nbspAapkey taraf se Workshop ke liye aur koi sujhaav, Ya kisi aur veh/Eqpt ke bare &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspmein koi Samahya:</p>';
            printContents += '<p style="margin: 0;">‎ ‎ ‎ ‎ ‎ ‎ ‎  ‎ ‎ ‎➢ ' + document.getElementById('suggestions').value + '</p>' + '<br>';
    
            printContents += '<br>_______ &nbsp;&nbsp;&nbsp;__________&nbsp;&nbsp; ________ &nbsp; ____________ &nbsp; __________&nbsp;&nbsp; ________<br>';
            printContents += '&nbsp; USER &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;R&I SEC IC &nbsp;&nbsp; &nbsp; SEC IC &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; TSS STAFF &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Wksp Offr &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; OC <br>';
    
            var originalContents = document.body.innerHTML;
            document.body.innerHTML = printContents + '<div class="watermark">316 FD WKSP COY</div>';
            window.print();
            document.body.innerHTML = originalContents;
        }
    </script>
    
    
</head> 
<body>
    <center><h1>FEEDBACK FORM </h1></center>
    <hr> 
    <b style="font-size: 20px;">
        No<input type="text" id="no"> 
        Rank<input type="text" id="rank">
        Name<input type="text" id="name"> 
        Unit<input type="text" id="unit"> 
        Appt<input type="text" id="appt"><br> 
        Veh/Eqpt<input type="text" id="veh"> 
        BA/Regd No<input type="text" id="make"> 
        Date<input type="text" id="date"><br> 
    </b> 
    <hr>

        
    <div class="question">
        <label class="question-text">
            1.&nbsp&nbsp&nbsp&nbspKya aapko user interaction Cell (R&I) mein veh eqpt ke sath report karte hi turant &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <br> (10 se 15 Minutes ke ander) attend kiya gaya? 
        </label><br>
        <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes.">(a) Yes.</label><br>
        <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ No.">(b) No.</label><br>
    </div>

        <div class="question">
            <label class="question-text">2.&nbsp&nbsp&nbsp&nbspR&I sec aur Maintenance staff ne aapke sath kis tarah ka vyavahar kiya?</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Maddadgaar aur sahaytapuravak">(a) Maddadgaar aur sahaytapuravak.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Koi sahayata nahin mili.">(b) Koi sahayata nahin mili.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Bura vyavahaar kiya gaya.">(c) Bura vyavahaar kiya gaya.</label><br>
        </div>

        <div class="question">
            <label class="question-text">3.&nbsp&nbsp&nbsp&nbspKya aapke veh / Eqpt ki marammat aapkey chah ke mutabik kee gayi aur aapka  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <br>bataya gaya har kaam kiya gaya?</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes.">(a) Yes.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ No.">(b) No.</label><br>
        </div>

        <div class="question">
            <label class="question-text">4.&nbsp&nbsp&nbsp&nbspRepair ke baad aapake veh/Eqpt main KOI DEFECT NAHIN HONIY CHAIYE. Kya  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <br>aapke veh/Eqpt mein koi defect baaki he?</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Defect baaki he.">(a) Defect baaki he.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Koi defect baaki nahi.">(b) Koi defect baaki nahi.</label><br>
        </div>

        <div class="question">
            <label class="question-text">5.&nbsp&nbsp&nbsp&nbspAapke veh/Eqpt me repair me koi deri hui?</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes, Because of lack of EME manpower on repair floor.">(a) Yes, Because of lack of EME manpower on repair floor.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes, Because of lack of spares.">(b) Yes, Because of lack of spares.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Koi deri nahi hui - manpower or spare dono waqt pe maujood the.">(c) Koi deri nahi hui - manpower or spare dono waqt pe maujood the.</label><br>
        </div>

        <div class="question">
            <label class="question-text">6.&nbsp&nbsp&nbsp&nbspVeh/Eqpt repair hone ke dino mein aapney kya kiya?</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Wapas Unit jaakey repair honey ka intazaar kiya?">(a) Wapas Unit jaakey repair honey ka intazaar kiya</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Veh/Eqpt pe repair main sahayata kiya.">(b) Veh/Eqpt pe repair main sahayata kiya.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Wksp main alag working kiya.">(c) Wksp main alag working kiya.</label><br>
        </div>

        <div class="question">
            <label class="question-text">7.&nbsp&nbsp&nbsp&nbspWksp se aapko veh/Eqpt ke defects ke baarey mein aur unko aaney se rokney ke &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                <br>baarey mein aur sujhaav miley? </label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes.">(a) Yes.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ No.">(b) No.</label><br>
        </div>

        
        <div class="question">
            <label class="question-text">8.&nbsp&nbsp&nbsp&nbspKya wksp ke taraf se iss eqpt pe aur kisi trg ki Jarurat.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes.">(a) Yes.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ No.">(b) No.</label><br>

        </div>
        <div class="question">
            <label class="question-text">9.&nbsp&nbsp&nbsp&nbspKya aapko kisi bhi procedure ya documentation pe adhik jankari chaiye?.  </label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ Yes.">(a) Yes.</label><br>
            <label><input type="checkbox" value="&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp ➢ No.">(b) No.</label><br></div>

            <div class="question">
                <label class="question-text">10.&nbsp&nbsp&nbsp&nbspAapkey taraf se Workshop ke liye aur koi sujhaav, Ya kisi aur veh/Eqpt ke bare mein koi Samahya. </label><input type="text" id="suggestions"><br>
            </div>
    


        <button type="button" onclick="printSelected()">Print </button>
    </form>
    
</body>
</html>
