<div class="container">
    <div class="row">

        <div class="col-md-5 col-md-offset-1">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h2 class="form-signin-heading">Contact Us</h2>

                </div>
              
                <div class="panel-body">
                    
                    <?php echo validation_errors('<p class="alert alert-dismissable alert-danger">'); ?>

                    <?php if ($this->session->flashdata('email_sent')) : ?>
                        <p class="alert alert-dismissable alert-success"><?php echo $this->session->flashdata('email_sent'); ?></p>
                    <?php endif; ?>
                        

                    <?php $attributes = array('class' => 'form-horizontal'); ?>
                
                    <?php echo form_open('contact', $attributes); ?>

                    <span class="msgF pull-right">* required field.</span>  
                    <!--email/sendEmail-->
                    <?php // echo form_open('epc_listings/email/sendEmail', $attributes); ?>
                    
                    <div class="form-group">
                        <label for="title" class="col-sm-3 control-label">Title:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="title" name="title" autocomplete="off" value="<?php echo set_value('title'); ?>" placeholder="Title">
                        </div>
                    </div>
                    
                    <div class="form-group">           
                        <label for="fname" class="col-sm-3 control-label">First Name:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="fname" name="fname" autocomplete="off" value="<?php echo set_value('fname'); ?>" placeholder="First Name">
                        </div>
                        <div class="col-sm-1">
                            <span class="error2">*</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="lname" class="col-sm-3 control-label">Last Name:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="lname" name="lname" autocomplete="off" value="<?php echo set_value('lname'); ?>" placeholder="Last Name">
                        </div>
                        <div class="col-sm-1">
                            <span class="error2">*</span>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="phone" class="col-sm-3 control-label">Phone:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="phone" name="phone" autocomplete="off" value="<?php echo set_value('phone'); ?>" placeholder="Phone">
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="email" class="col-sm-3 control-label">Email:</label>
                        <div class="col-sm-5">
                            <input type="email" class="form-control" id="email" name="email" autocomplete="off" value="<?php echo set_value('email'); ?>" placeholder="Email">
                        </div>
                        <div class="col-sm-1">
                            <span class="error2">*</span>
                        </div>
                    </div>
                    
                    <hr>

                    <div class="form-group">
                        <label for="company" class="col-sm-3 control-label">Company:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="company" name="company" autocomplete="off" value="<?php echo set_value('company'); ?>" placeholder="Company">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="address" class="col-sm-3 control-label">Address:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="address" name="address" autocomplete="off" value="<?php echo set_value('address'); ?>" placeholder="Street Address">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="address2" class="col-sm-3 control-label"></label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="address2" name="address2" autocomplete="off" value="<?php echo set_value('address2'); ?>" placeholder="Street Address Line 2">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="city" class="col-sm-3 control-label">City:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="city" name="city" autocomplete="off" value="<?php echo set_value('city'); ?>" placeholder="City">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="state" class="col-sm-3 control-label">State:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="state" name="state" autocomplete="off" value="<?php echo set_value('state'); ?>" placeholder="State">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="zipcode" class="col-sm-3 control-label">Postal/Zip Code:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="zipcode" name="zipcode" autocomplete="off" value="<?php echo set_value('zipcode'); ?>" placeholder="Postal/Zip Code">
                        </div>
                    </div>

                    <div class="form-group">           
                        <label for="country" class="col-sm-3 control-label">Country:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="country" name="country" autocomplete="off" value="<?php echo set_value('country'); ?>" placeholder="Country">
                        </div>
                    </div>
                    
                    <hr>

                    <div class="form-group">
                        <label for="website" class="col-sm-3 control-label">Website:</label>
                        <div class="col-sm-5">
                            <input type="text" class="form-control" id="website" name="website" autocomplete="off" value="<?php echo set_value('website'); ?>" placeholder="Website">
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="messagebox" class="col-sm-3 control-label">Message:</label>
                        <div class="col-sm-5">
                            <textarea type="text" class="form-control" rows="7" id="message" name="messagebox" placeholder="Message"><?php echo set_value('messagebox'); ?></textarea>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-6 col-sm-offset-3">
                   <?php echo $recaptcha; ?>
                        </div>                        
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-10">
                            <button type="submit" class="btn btn-primary btn-xs">Send 
                                <i class="glyphicon glyphicon-envelope"></i></button>
                            <a href="javascript:window.history.go(-1);">  <!--home-->
                                <button type="button" class="btn btn-default btn-xs">Close</button></a>
                        </div>
                    </div>
                    <?php echo form_close(); ?>
                </div>                                
            </div>
        </div>
        
        
        <div class="col-md-5">
            
            <div class="panel panel-default">       
                <div class="panel-body">
                    <!-- Responsive iFrame -->
                    <div class="Flexible-container">
                        <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" 
                                src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=P.O.+Box+4405,+irvine+ca+92616&amp;aq=&amp;sll=27.698638,-83.804601&amp;sspn=15.103281,24.851074&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=Irvine,+California+92616&amp;ll=33.647899,-117.834701&amp;spn=0.013897,0.024269&amp;z=14&amp;output=embed">
                        </iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=P.O.+Box+4405,+irvine+ca+92616&amp;aq=&amp;sll=27.698638,-83.804601&amp;sspn=15.103281,24.851074&amp;t=m&amp;ie=UTF8&amp;hq=&amp;hnear=Irvine,+California+92616&amp;ll=33.647899,-117.834701&amp;spn=0.013897,0.024269&amp;z=14" 
                                                 style="color:#0000FF;text-align:left">View Larger Map</a></small>
                    </div>
                </div>
            </div>
        </div>
        
        
        
    </div>
</div>
