Research-Backend-Development-Projects/contact.php at main · devc2255/Research-Backend-Development-Projects · 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
<?php
// 1. CORS Headers: Allow background requests from your portfolio
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Methods: POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");

// Handle preflight OPTIONS request for AJAX
if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {
    http_response_code(200);
    exit();
}

// 2. Error Reporting (Keep this on for testing, off for production)
ini_set('display_errors', 1);
error_reporting(E_ALL);

$error = "";
$successMessage = "";

if ($_POST) {
    // Basic Validation
    if (!isset($_POST["email"]) || !filter_var($_POST["email"], FILTER_VALIDATE_EMAIL)) {
        $error .= "<li>Valid email is required</li>";
    }
    if (!isset($_POST["Subject"]) || empty($_POST["Subject"])) { $error .= "<li>Subject is required</li>"; }
    if (!isset($_POST["textarea"]) || empty($_POST["textarea"])) { $error .= "<li>Message is required</li>"; }

    if ($error == "") {
        // 3. Prepare Data for the API
        $apiKey = getenv('RESEND_API_KEY');

        $data = [
            "from" => "onboarding@resend.dev", // Resend requires this for free accounts
            "to" => ["dev448230@gmail.com"],   // Your receiving email
            "subject" =>  $_POST['Subject'],
            "html" => "<strong>From:</strong> " . htmlspecialchars($_POST['email']) . "<br><p>" . nl2br(htmlspecialchars($_POST['textarea'])) . "</p>"
        ];

        // 4. The PHP cURL Request
        $ch = curl_init('https://api.resend.com/emails');
        curl_setopt_array($ch, [
            CURLOPT_POST => true,
            CURLOPT_RETURNTRANSFER => true,
            CURLOPT_HTTPHEADER => [
                "Authorization: Bearer $apiKey",
                "Content-Type: application/json"
            ],
            CURLOPT_POSTFIELDS => json_encode($data)
        ]);

        $response = curl_exec($ch);
        $status = curl_getinfo($ch, CURLINFO_HTTP_CODE);
        curl_close($ch);

        if ($status == 200 || $status == 201) {
            $successMessage = "<div class='alert alert-success'>Message sent successfully via PHP API!</div>";
            $_POST = array(); // Clear form
        } else {
            $error = "<div class='alert alert-danger'>API Error ($status). Please try again.</div>";
        }
    } else {
        $error = "<div class='alert alert-danger'><ul>$error</ul></div>";
    }
}
?>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <title>PHP RESEND API Project</title>
</head>
<body class="bg-light">
    <div class="container d-flex justify-content-center align-items-center min-vh-100">
        <div class="card shadow-lg w-100" style="max-width: 500px;">
            <div class="card-body p-5">
                <h2 class="text-center mb-4">Contact Form</h2>
                <?php echo $error; echo $successMessage; ?>
                <form method="post">
                    <div class="form-floating mb-3">
                        <input type="email" class="form-control" name="email" id="email" placeholder="email">
                        <label for="email">Email</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input type="text" class="form-control" name="Subject" id="Subject" placeholder="subject">
                        <label for="Subject">Subject</label>
                    </div>
                    <div class="form-floating mb-3">
                        <textarea class="form-control" name="textarea" id="textarea" style="height: 150px" placeholder="message"></textarea>
                        <label for="textarea">Message</label>
                    </div>
                    <button type="submit" class="btn btn-primary w-100 py-3">Submit Form</button>
                </form>
            </div>
        </div>
    </div>
</body>
</html>