<?php 
/**
 * @version     $Id$
 * @author      OvaTheme
 * @package     Joomla.Site
 * @subpackage  com_ovacomposer
 * @copyright   Copyright (C) 2013 OvaTheme. All rights reserved.
 * @license     License GNU General Public License version 2 or later; see LICENSE.txt, see LICENSE.
 */

defined('_JEXEC') or die('Restricted access');
?>
 <div class="container">
      <div class="col-md-8 col-md-offset-2">

            <form id="contact-<?php echo $id; ?>" method="post" action="index.php?option=com_ovacomposer&task=item.contact&tmpl=component" class="contact-form">

                <div class="message"></div>
                <?php if(trim($title)){ ?>
                    <div class="title"><?php echo $title; ?></div>
                <?php } ?>
                <?php if(trim($description)){ ?>
                    <div class="description"><?php echo $description; ?></div>
                <?php } ?>


                 <div class="col-md-5 col-sm-5 col-xs-12 animated hiding" data-animation="slideInLeft">
                      <div class="form-group">
                        <input type="text" name="name" class="nameform form-control input-lg" placeholder="<?php echo JText::_('COM_OVACOMPOSER_CONTACT_NAME'); ?>">
                      </div>
                      <div class="form-group">
                        <input type="email" name="email" class="emailform form-control input-lg" placeholder="<?php echo JText::_('COM_OVACOMPOSER_CONTACT_EMAIL'); ?>">
                      </div>
                      <div class="form-group">
                        <input type="text" name="phone" class="phoneform form-control input-lg" placeholder="<?php echo JText::_('COM_OVACOMPOSER_CONTACT_PHONE'); ?>">
                      </div>
                </div>
                <div class="col-md-7 col-sm-7 col-xs-12 animated hiding" data-animation="slideInRight">
                  <div class="form-group">
                    <textarea name="message" class="messageform form-control input-lg" placeholder="<?php echo JText::_('COM_OVACOMPOSER_CONTACT_MESSAGE'); ?>"></textarea>
                  </div>
                </div>
                <input type="submit" class="btn btn-custom up animated hiding form-button" value="<?php echo JText::_('COM_OVACOMPOSER_CONTACT_SEND_MESSAGE'); ?>" data-animation="fadeInUpBig">

                <input type="hidden" class="emailauthorform" name="emailauthor" value="<?php echo $email; ?>" />
                <input type="hidden" class="subjectform" name="subject" value="<?php echo $subject; ?>" />
                <input type="hidden" class="thankform" name="thanks" value="<?php echo $thanks; ?>" />
            </form>
</div></div>  
<script>
    jQuery(document).ready(function() {
        jQuery('#contact-<?php echo $id; ?>').validate({
            rules: {
                name:"required",
                email:{
                    required:true,
                    email:true
                },
                message:"required"
            },
            messages: {
                name:"<?php echo JText::_('COM_OVACOMPOSER_CONTACT_PLEASE_ENTER_YOUR_NAME'); ?>",
                email:{
                    required:"<?php echo JText::_('COM_OVACOMPOSER_CONTACT_PLEASE_ENTER_YOUR_EMAIL'); ?>",
                    email:"<?php echo JText::_('COM_OVACOMPOSER_CONTACT_PLEASE_ENTER_A_VALID_EMAIL_ADDRESS'); ?>"
                },
                message:"<?php echo JText::_('COM_OVACOMPOSER_CONTACT_PLEASE_ENTER_MESSAGE'); ?>"
            },
            submitHandler:function(form){
                var data={
                    name:jQuery('#contact-<?php echo $id; ?> .nameform').val(),
                    email:jQuery('#contact-<?php echo $id; ?> .emailform').val(),
                    emailauthor:jQuery('#contact-<?php echo $id; ?> .emailauthorform').val(),
                    phone:jQuery('#contact-<?php echo $id; ?> .phoneform').val(),
                    message:jQuery('#contact-<?php echo $id; ?> .messageform').val(),
                    subject:"<?php echo $subject; ?>",
                    thanks:"<?php echo $thanks; ?>"
                };
                jQuery.ajax({
                    type:'POST',
                    url:'index.php?option=com_ovacomposer&task=contact&tmpl=component',
                    data:data,
                    beforeSend:function(){
                        jQuery('#contact-<?php echo $id; ?>').find("input, select, button, textarea").prop("disabled",true);
                    },
                    success:function(reponse){
                        reponse = jQuery.parseJSON(reponse);
                        if(reponse.check==0){
                            jQuery('#contact-<?php echo $id; ?> .message').removeClass('alert alert-error alert-success').addClass('alert alert-error').html(reponse.message);
                        }else{
                            jQuery('#contact-<?php echo $id; ?> .message').removeClass('alert alert-error alert-success').addClass('alert alert-success').html(reponse.message);
                        }
                        window.setTimeout(function(){
                            jQuery('#contact-<?php echo $id; ?> .message').removeClass('alert alert-error alert-success').html("");
                        },4000);
                    }
                }).done(function(){
                    jQuery('#contact-<?php echo $id; ?>').find("input.form-control, select, button, textarea").prop("disabled",false).val("");
                    jQuery('#contact-<?php echo $id; ?>').find("input.form-button").prop("disabled",false);
                });
            }
        });
    });
</script>