Smart-Challan/help.html at main · Bishaldgr8/Smart-Challan · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
    <img src="logo.png" alt="" >
    <title>Help Desk</title>
    <style>
        /* Basic styles for the help desk interface */
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
        }

        header {
            background-color: #4f66a3;
            color: #fff;
            padding: 20px;
        }

        nav ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

        nav ul li {
            display: inline;
            margin-right: 20px;
        }

        nav ul li a {
            color: #ffffff;
            text-decoration: none;
        }

        main {
            padding: 20px;
        }

        section {
            margin-bottom: 20px;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: absolute;
            bottom: 0;
            width: 100%;
        }
    </style>
</head>
<body>
    <header>
        <h1>Traffic Police Help Desk</h1>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="ComplainMan.html">Resister Challan</a></li>
                <li><a href="https://www.irte.com/department-of-traffic-enforcement">Contact Us</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="home">
            <h2>Welcome to the Traffic Police Help Desk</h2>
            <p>Get assistance and report traffic incidents.</p>
        </section>

        <section id="report">
            <h2>Report an Incident</h2>
            <form>
                <label for="incidentType">Incident Type:</label>
                <select id="incidentType" name="incidentType">
                    <option value="accident">Accident</option>
                    <option value="trafficViolation">Traffic Violation</option>
                    <option value="roadBlock">Road Block</option>
                </select>

                <label for="description">Description:</label>
                <textarea id="description" name="description" rows="4"></textarea>

                <input type="submit" value="Submit">
            </form>
        </section>

        <section id="contact">
            <h2>Contact Us</h2>
            <p>Email: trafficpolice@example.com</p>
            <p>Phone: 123-456-7890</p>

            <h2>Suggestion Box</h2>
            <form id="suggestionForm">
                <label for="email">Email:</label>
                <input type="email" id="email" name="email" required>

                <label for="suggestion">Suggestion:</label>
                <textarea id="suggestion" name="suggestion" rows="4" required></textarea>

                <input type="submit" value="Submit">
            </form>
        </section>
        <script src="help.js"></script>
    </main>


    <script>
        document.getElementById("suggestionForm").addEventListener("submit", function(event) {
            event.preventDefault(); // Prevent form from submitting normally

            // Get form values
            var email = document.getElementById("email").value;
            var suggestion = document.getElementById("suggestion").value;

            // Display the values (You'd normally send these values to a server for processing)
            console.log("Email: " + email);
            console.log("Suggestion: " + suggestion);

            // Clear form fields after submission (optional)
            document.getElementById("email").value = "";
            document.getElementById("suggestion").value = "";

            // Display a confirmation message (you'd normally handle this differently)
            alert("Thank you for your suggestion!");
        });
    </script>

</body>
</html>