<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>ING </title>
    <link rel="icon" href="images/favicon.ico?v=1" type="image/x-icon">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
    <link href="assets/app.css" rel="stylesheet">
</head>

<body data-barba="wrapper">
    <!-- <div id="gif_loader"></div> -->
    <!-- Wrapper - Barba -->
    <div class="wrapper" data-barba="container" data-barba-namespace="contact">
        <div class="mobile-menu" id="mobile-menu">
            <span id="close-menu-contact" class="menu-close">
                <i class="fas fa-arrow-right"></i>
            </span>
            <div class="nav-container">
                <div class="container">
                    <div class="row">
                        <div class="column">
                            <div class="about">
                            <ul>
                                <li><a href="index.html"> Home</a></li>
                                 <li><a href="about-us.html"> About Us</a></li>
                                <li><a href="career.html">Career</a></li>
                                <li><a href="contact.php">Contact</a></li>
                            </ul>
                            </div>
                        </div>
                        <div class="column col-social-icons">
                            <div class="menu-social-icons">
                                <ul>
                                    <a href="https://www.facebook.com/innovatenepalgroup/" target="_blank">
                                        <li><i class="fab fa-facebook-f"></i></li>
                                    </a>
                                    <!-- <a href="#" target="_blank">
                                            <li><i class="fab fa-whatsapp"></i></li>
                                        </a> -->
                                    <a href="https://www.linkedin.com/company/69725979/" target="_blank">
                                        <li><i class="fab fa-linkedin-in"></i></li>
                                    </a>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Transition Overlay / Loader -->
        <!-- <div class="transition-both"></div> -->
        <!-- <div class="transition"></div> -->
        <div id="overlay-menu-contact" class="overlay-menu"></div>
        <div class="transition-loader"></div>
        <!-- Transition Overlay / Loader / END -->
        <!-- Transition Overlay / Loader -->
        <!-- <div class="transition-both"></div> -->
        <!-- <div class="transition"></div> -->
        <!-- <div class="transition-loader"></div> -->
        <!-- <div id="overlay-menu-home" class="overlay-menu"></div> -->
        <!-- Transition Overlay / Loader / END -->
        <!-- Header -->
        <header>
            <div class="container-lg">
                <div class="logo">
                    <a id="ing-logo" href="index.html"><img src="images/ing_logo-new.svg" alt="ING"></a>
                </div>
                <a id="contact-ham" class="ham contact-ham"><span>MENU</span><i class="fas fa-bars"></i></a>
            </div>
        </header>
        <!-- Header / END -->
        <!-- Main Section - Homepage -->
        <main id="contact" class="image-el contact__section">
            <div id="social-icon-contact" class="social-icons social-icons_icons">
                <ul>
                    <a href="https://www.facebook.com/innovatenepalgroup/" target="_blank">
                        <li><i class="fab fa-facebook-f"></i></li>
                    </a>
                    <a href="https://www.linkedin.com/company/69725979/" target="_blank">
                        <li><i class="fab fa-linkedin-in"></i></li>
                    </a>
                </ul>
            </div>
            <section id="centerDiv-contact">
                <div class="hero-banner__content">
                    <div class="container-lg">
                        <div class="content content-contact">
                            <h1 class="contact-header">Contacts</h1>
                            <div class="contact__content">
                                <div class="contactForm__container">
                                    <!-- PHP CODE -->
                                    <?php

                                    use PHPMailer\PHPMailer\PHPMailer;
                                    use PHPMailer\PHPMailer\Exception;

                                    require 'vendor/autoload.php';

                                    $name = "";
                                    $email = "";
                                    $message = "";
                                    $nameError = "";
                                    $emailError = "";
                                    $messageError = "";
                                    $successMessage = "";

                                    if ($_SERVER["REQUEST_METHOD"] == "POST") {
                                        if (empty($_POST["name"])) {
                                            $nameError = "Name Field is required";
                                        } else {
                                            $name = cleanData($_POST["name"]);
                                            // Validation
                                            // check if name only contains letters and whitespace
                                            if (!preg_match("/^[a-zA-Z-' ]*$/", $name)) {
                                                $nameError = "Only letters and white space are allowed";
                                            }
                                        }

                                        if (empty($_POST["email"])) {
                                            $emailError = "Email is required";
                                        } else {
                                            $email = cleanData($_POST["email"]);
                                            // Validation
                                            // check if e-mail address is well-formed
                                            if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
                                                $emailError = "Invalid email format";
                                            }
                                        }

                                        if (empty($_POST["message"])) {
                                            $messageError = "Message is required";
                                        } else {
                                            $message = cleanData($_POST["message"]);
                                        }
                                        if (empty($nameError) && empty($emailError) && empty($messageError)) {
                                            $mail = new PHPMailer(true);
                                            try {
                                                $mail->isSMTP();
                                                $mail->SMTPAuth = true;
                                                // Production
                                                // $mail->Host = 'mail.inggroup.com.np';
                                                // $mail->Username = 'info@inggroup.com.np';
                                                // $mail->Password = '69vGA5~PW-0?';
                                                // $mail->SMTPSecure = 'tls';
                                                // $mail->Port = 587;

                                                $mail->Host = 'smtp.gmail.com';
                                                $mail->Username = 'inggroup.nepal@gmail.com';
                                                $mail->Password = 'fjdkbpukkyelfqmw'; 
                                                $mail->SMTPSecure = 'tls';
                                                $mail->Port = 587;

                                                // Local Test
                                                // $mail->Host = 'smtp.mailtrap.io';
                                                // $mail->Username = '3da7a0b112e053';
                                                // $mail->Password = '33da515623db3c';
                                                // $mail->SMTPSecure = 'tls';
                                                // $mail->Port = 2525;

                                                $mail->setFrom('info@inggroup.com.np', 'ING Group');
                                                $mail->addAddress('inggroup.nepal@gmail.com', 'ING Group');

                                                $mail->isHTML(true);
                                                $mail->Subject = "Message from ING Group Website (Inquiry).";
                                                $mail->Body = "Name: $name<br><hr>Email: $email<br><hr>Message:<br><br>$message";

                                                $mail->send();
                                                $successMessage = "success";
                                                $name = "";
                                                $email = "";
                                                $message = "";
                                                $nameError = "";
                                                $emailError = "";
                                                $messageError = "";
                                            } catch (Exception $e) {
                                                echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}";
                                                // $successMessage = "error";
                                            }
                                        }
                                    }
                                    function cleanData($data)
                                    {
                                        $data = trim($data);
                                        $data = stripslashes($data);
                                        $data = htmlspecialchars($data);
                                        return $data;
                                    }
                                    ?>
                                    <?php
                                    if (!empty($successMessage) && $successMessage == "success") { ?>
                                        <div class="success_message">
                                            <p class="message"><i class="fa fa-check-circle" aria-hidden="true"></i> <span>Your message has been sent successfully.</span></p>
                                        </div>
                                    <?php
                                    }
                                    ?>
                                    <?php
                                    if (!empty($successMessage) && $successMessage == "error") { ?>
                                        <div class="error_message">
                                            <p class="message"><i class="fas fa-exclamation-triangle"></i> <span>Your message was not send. Please try again later.</span></p>
                                        </div>
                                    <?php
                                    }
                                    ?>

                                    <span>Enquire Here:</span>
                                    <!-- PHP CODE END -->
                                    <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]); ?>">
                                        <div class="row">
                                            <div class="label">
                                                <label for="">Name *</label> <span id="name-error" class="error"> <?php echo $nameError; ?></span>
                                                <input id="name-input" class="ing__input" name="name" type="text" value="<?php echo $name; ?>">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="label">
                                                <label for="">Email *</label> <span id="email-error" class="error"> <?php echo $emailError; ?></span>
                                                <input id="email-input" class="ing__input" type="email" name="email" value="<?php echo $email; ?>">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="label">
                                                <label for="">Message *</label> <span id="message-error" class="error"> <?php echo $messageError; ?></span>
                                                <textarea id="dcryTextArea" row="8" name="message"><?php echo $message; ?></textarea>
                                            </div>
                                        </div>
                                        <div class="row btn__container">
                                            <button type="submit">Send Message</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="contact_info__container">
                                    <h1>Contact Information</h1>
                                    <p class="contact__address">Kamal Pokhari, Kathmandu, Nepal</p>
                                    <p class="contact__number">Call us : <a href="tel:9801042242">+977 9801042242</a></p>
                                    <p class="contact__number">Call us : <a href="tel:01-5970012">+01 5970012</a></p>
                                    <p class="contact__timing">We are open from Monday - Friday 9:00am - 4:00pm</p>
                                </div>
                                <div class="social-icons mobile_social_icons">
                                    <ul>
                                        <a href="#">
                                            <li><i class="fab fa-facebook-f"></i></li>
                                        </a>
                                        <a href="#">
                                            <li><i class="fab fa-linkedin-in"></i></li>
                                        </a>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </main>
        <!-- Main Section - Homepage / END -->
    </div>
    <!-- Wrapper / END -->
    <!-- <script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.js"></script> -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.js" integrity="sha512-WNLxfP/8cVYL9sj8Jnp6et0BkubLP31jhTG9vhL/F5uEZmg5wEzKoXp1kJslzPQWwPT1eyMiSxlKCgzHLOTOTQ==" crossorigin="anonymous"></script>
    <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/lethargy/1.0.9/lethargy.min.js" integrity="sha512-ux1qF1kwkCG5MM/4Hjp7MO8FqcJLyzfJavf6Nq2Xklh1Hr/YQbKk36NL0PDZMB//PzIZTBiCpMZdwScH/e4z6w==" crossorigin="anonymous"></script> -->
    <script src="assets/app.js"></script>
</body>

</html>
