<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<style>
   .mce-branding
   {
      display:none;
   }
   .modal label
   {
       font-size: 16px !important;
   }  
   .modal input
   {
       font-size: 16px !important;
       color: black !important;
       border-width: 1px !important;
   }   
   #form_message
   {
       font-size: 16px !important;
       color: black !important;
   }  
</style>

<div class="modal fade" id="emailModal" tabindex="-1" role="dialog" aria-labelledby="emailModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-md" role="document">
    <div class="modal-content">
      <div class="modal-header" style="display: inline;padding-top: 10px;padding-bottom: 10px;">
        <h5 class="modal-title" id="emailModalLabel" style="display: inline;font-size: 18px;">Share Link</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 24px;">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" style="padding-top: 0px;">
         <form action="" method="post" >
          <div class="row">
             <input type="hidden" name="Sender[firstname]" class="form-control" value="<?php echo isset($senderFirstname)?$senderFirstname:'Firstname' ?>" >
             <input type="hidden" name="Sender[lastname]" class="form-control" value="<?php echo isset($senderLastname)?$senderLastname:'Lastname' ?>" >
             <input type="hidden" name="Sender[email]" class="form-control" value="<?php echo isset($senderEmailAddress)?$senderEmailAddress:'info@cloudagesolutions.com' ?>" data-error="Firstname is required.">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="form_name">First Name <span class="required">*</span></label>
                      <input value="<?php echo isset($_POST['Receiver']['firstname'])?$_POST['Receiver']['firstname']:'' ;?>" id="form_name" type="text" name="Receiver[firstname]" class="form-control" placeholder="Friend's first name here *" required="required" data-error="First Name is required.">
                  </div>
              </div>
              
          </div>
          <div class="row">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="form_lastname">Last Name <span class="required">*</span></label>
                      <input value="<?php echo isset($_POST['Receiver']['lastname'])?$_POST['Receiver']['lastname']:'' ;?>" id="form_lastname" type="text" name="Receiver[lastname]" class="form-control" placeholder="Friend's last name here *" required="required" data-error="Last Name is required.">
                  </div>
              </div>
          </div> <div class="row">
              <div class="col-md-12">
                  <div class="form-group">
                      <label for="form_email">Email <span class="required">*</span></label>
                      <input value="<?php echo isset($_POST['Receiver']['email'])?$_POST['Receiver']['email']:'' ;?>" id="form_email" type="email" name="Receiver[email]" class="form-control" placeholder="Friend's email here." required="required" data-error="Valid email is required.">
                  </div>
              </div>
          </div>
         <div class="row">
              <div class="col-md-12">
                  <div class="form-group" style="width:100%;">
                      <label for="form_message">Message </label>
                      <textarea style="height: 77px !important;" id="form_message" name="Receiver[message]" class="form-control" placeholder="Your message here" rows="4" ><?php echo isset($message)?$message:'' ;?></textarea>
                  </div>
              </div>
          </div>
         <div class="row">
              <div class="col-md-12">
                  <div class="form-group" style="width:100%;margin-top: 15px;" >
                      <div class="g-recaptcha" data-sitekey="6LceZEkUAAAAAK8BWVyBmEo9_qvlMjaMjcez6VBC"></div>
                  </div>
              </div>
          </div>

      </div>
      <div class="modal-footer">
        <input style="color:white !important;padding: 10px 15px;margin-top: 0px;font-size: 14px !important;" type="submit" class="btn btn-success" value="Send email" >
      </div>
    </div>
  </div>
  </div>
</div>

