<?php
//Message Vars
$msg ='';
$msgClass='';

	// Check For Submit
	if(filter_has_var(INPUT_POST, 'submit')){
		// Get Form Data
		$name = htmlspecialchars($_POST['name']);
		$email = htmlspecialchars($_POST['email']);
		$phone = htmlspecialchars($_POST[$phone]);
		$subject = htmlspecialchars($_POST['subject']);

/*Check Required Fields*/

if(!empty($name) && (!empty($email) && (!empty($phone) &(!empty($subject)){
 			// Passed
			// Check Email
			if(filter_var($email, FILTER_VALIDATE_EMAIL) === false){
				// Failed
				$msg = 'Please use a valid email';
				$msgClass = 'alert-danger';
			} else {
				// Passed
				$toEmail = 'lmrenner10@gmail.com';
				$subject = 'Contact Request From '.$name;
				$body = '<h2>Contact Request</h2>
					<h4>Name</h4><p>'.$name.'</p>
					<h4>Email</h4><p>'.$email.'</p>
					<h4>Phone</h4><p>'.$phone.'</p>
					<h4>Subject</h4><p>'.$subject.'</p>
				';
				
				// Email Headers
				$headers = "MIME-Version: 1.0" ."\r\n";
				$headers .="Content-Type:text/html;charset=UTF-8" . "\r\n";

				// Additional Headers
				$headers .= "From: " .$name. "<".$email.">". "\r\n";
				
					if(mail($toEmail, $subject, $body, $headers)){
					// Email Sent
					$msg = 'Your email has been sent';
					$msgClass = 'alert-success';
				} else {
					// Failed
					$msg = 'Your email was not sent';
					$msgClass = 'alert-danger';
				}
			}		
				
			} else {
		  //Failed  
	      $msg ='Please fill in all fields';
	      $msgClass ='alert-danger'
		  }
        }

?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>LH Design and Photography</title>
    <!-- Bootstrap -->
    <link href="file:///Macintosh HD/Users/lmrenner/Library/Application Support/Adobe/Dreamweaver 2020/en_US/Configuration/Temp/Assets/eam7e26b5d5.TMP/css/bootstrap-4.3.1.css" rel="stylesheet">
	<link href="http://www.geocities.ws/lynseyheideman/Portfolio/CSS/bootstrap.css" rel="stylesheet">
	<link href="http://www.geocities.ws/lynseyheideman/Portfolio/CSS/bootstrap-theme.min.css" rel="stylesheet">
	<link href="http://www.geocities.ws/lynseyheideman/Portfolio/CSS/bootstrap-4.3.1.css" rel="stylesheet">
	<link href="http://www.geocities.ws/lynseyheideman/Portfolio/CSS/bootstraptestnew.css" rel="stylesheet">
	<link href="http://www.geocities.ws/lynseyheideman/Portfolio/CSS/styleportfolio.css" rel="stylesheet">
  </head>
  <body>
	  <div class="text-center">
	  <img class="logo" alt="LH Design Logo" src="http://www.geocities.ws/lynseyheideman/Portfolio/Images/Portolio%20Website%20Logo.svg" style="width:  30%"/>
	</div>	  
   <!--Nagivation-->
   <nav class="navbar navbar-expand-sm navbar-light bg-light">
        <div class="container-fluid">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample08" aria-controls="navbarsExample08" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample08">
            <ul class="navbar-nav">
              <li class="nav-item ">
                <a class="nav-link" href="http://www.geocities.ws/lynseyheideman/Portfolio/index.html">Home <span class="sr-only">(current)</span></a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="http://www.geocities.ws/lynseyheideman/Portfolio/Resume.html">Resume</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="http://www.geocities.ws/lynseyheideman/Portfolio/portfolio.html" >Portfolio</a>

              </li>
			  <li class="nav-item active">
                <a class="nav-link" href="http://www.geocities.ws/lynseyheideman/Portfolio/contactme.html">Contact</a>
              </li>	
            </ul>
          </div>
        </div>
      </nav>
<!--End Navigation-->  
    <section>
      <div class="jumbotron text-center mt-2">  
        <div class="container">
          <div class="row">
            <div class="col-12">
              <h1>I would love to work with you.</h1>
              <p> Thank you so much for taking the time to get to know me.<br>Please complete the information below and I'll be in touch soon!</p>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section>
   <h3 class="contactheader">Contact Me!</h3>
<div class="contactcontainer">
	    <?php if($msg != ''): ?>
    		<div class="alert <?php echo $msgClass; ?>"><?php echo $msg; ?></div>
    	<?php endif; ?>
   <form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
	  
    <label for="name">Name</label>
    <input type="text" id="fname" name="firstname" placeholder="Your name.." value="<?php echo isset($_POST['name']) ? $name : ''; ?>">

	<label for="e-mail">E-mail Address</label>
    <input type="text" id="email" name="email" placeholder="you@example.com" value="<?php echo isset($_POST['email']) ? $email : ''; ?>">
	  
	  
	<label for="phone">Phone Number</label>
    <input type="text" id="phone" name="phone" placeholder="XXX-XXX-XXXX" value="<?php echo isset($_POST['phone']) ? $phone : ''; ?>">
	
	  
    <label for="subject">Subject</label>
    <textarea id="subject" name="subject" placeholder="Write something.." style="height:200px"><?php echo isset($_POST['subject']) ? $subject : ''; ?></textarea>
	  
    <input type="submit" value="Submit" name="submit">
  </form>
	
</div>
    </section>
    <hr>
    <footer class="text-center">
      <div class="footercontainer">
        <div class="row">
          <div class="col-12">
            <p>Copyright © LH Design. All rights reserved.</p>
          </div>
        </div>
      </div>
    </footer>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="file:///Macintosh HD/Users/lmrenner/Library/Application Support/Adobe/Dreamweaver 2020/en_US/Configuration/Temp/Assets/eam7e26b5d5.TMP/js/jquery-3.3.1.min.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/JS/jquery-3.3.1.min.js"></script>  
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="file:///Macintosh HD/Users/lmrenner/Library/Application Support/Adobe/Dreamweaver 2020/en_US/Configuration/Temp/Assets/eam7e26b5d5.TMP/js/popper.min.js"></script>
    <script src="file:///Macintosh HD/Users/lmrenner/Library/Application Support/Adobe/Dreamweaver 2020/en_US/Configuration/Temp/Assets/eam7e26b5d5.TMP/js/bootstrap-4.3.1.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/Libraries/bootstrap.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/Libraries/jquery-3.4.1.min.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/Libraries/bootstrap.min.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/Libraries/popper.min.js"></script>
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/JS/jquery.slim.min.js"></script>  
	<script src="http://www.geocities.ws/lynseyheideman/Portfolio/JS/bootstrap.bundle.min.js"></script>  
	  <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
      <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js"></script>
  </body>
</html>