<div class="tab-container">
   <form  method="post" class="form-horizontal setting-information-form">
      <fieldset>
         <!-- Form Name -->
        <legend><i class="fa fa-exclamation-circle"></i> <?php echo $wo['lang']['page_information'];?> <small><a href="<?php  echo $wo['setting']['url'];?> ?>">(<?php echo $wo['setting']['name'];?>)</a></small></legend>

         <div class="setting-information-alert setting-update-alert"></div>
         <!-- Text input-->
         <!-- Textarea -->
         <div class="form-group">
            <label class="col-md-2" for="page_description"><?php echo $wo['lang']['page_description'];?></label>
            <div class="col-md-6">             
               <textarea class="form-control" id="page_description" name="page_description" cols="20" rows="3"><?php echo $wo['setting']['page_description'];?></textarea>
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="company"><?php echo $wo['lang']['company'];?></label>  
            <div class="col-md-6">
               <input id="company" name="company" type="text" class="form-control input-md" value="<?php echo $wo['setting']['company'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="phone"><?php echo $wo['lang']['phone_number'];?></label>  
            <div class="col-md-6">
               <input id="phone" name="phone" type="text" class="form-control input-md" value="<?php echo $wo['setting']['phone'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="address"><?php echo $wo['lang']['location'];?></label>  
            <div class="col-md-6">
               <input id="address" name="address" type="text" class="form-control input-md" value="<?php echo $wo['setting']['address'];?>">
            </div>
         </div>
        <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="website"><?php echo $wo['lang']['website']; ?></label>  
            <div class="col-md-6">
               <input id="website" name="website" type="text" class="form-control input-md" value="<?php echo $wo['setting']['website'];?>">
               <span class="help-block"><?php echo $wo['lang']['site_eg'];?></span>
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="facebook"><i class="fa fa-facebook-official fa-2x" style="color:#395B9A"></i> </label>  
            <div class="col-md-6">
               <input id="facebook" name="facebook" type="text" class="form-control input-md" value="<?php echo $wo['setting']['facebook'];?>" placeholder="<?php echo $wo['lang']['username'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="twitter"><i class="fa fa-twitter fa-2x" style="color:#659FCB"></i></label>  
            <div class="col-md-6">
               <input id="twitter" name="twitter" type="text" class="form-control input-md" value="<?php echo $wo['setting']['twitter'];?>" placeholder="<?php echo $wo['lang']['username'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="google"><i class="fa fa-google-plus fa-2x" style="color:#DC493C"></i></label>
            <div class="col-md-6">
               <input id="google" name="google" type="text" class="form-control input-md" value="<?php echo $wo['setting']['google'];?>" placeholder="<?php echo $wo['lang']['username'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="vk"><i class="fa fa-vk fa-2x" style="color:#4C75A3"></i></label>
            <div class="col-md-6">
               <input id="google" name="vk" type="text" class="form-control input-md" value="<?php echo $wo['setting']['vk'];?>" placeholder="<?php echo $wo['lang']['username'];?>">
            </div>
         </div>
         <!-- Text input-->
         <div class="form-group">
            <label class="col-md-2" for="linkedin"><i class="fa fa-linkedin fa-2x" style="color:#0177B5"></i></label>  
            <div class="col-md-6">
               <input id="linkedin" name="linkedin" type="text" class="form-control input-md" value="<?php echo $wo['setting']['linkedin'];?>" placeholder="<?php echo $wo['lang']['username'];?>"> 
            </div>
         </div>
         <div class="form-group">
            <label class="col-md-2"></label>  
            <div class="col-sm-4 text-left">
               <button type="submit" name="save_setting" id="save-setting" tabindex="4" value="Save" class="form-control btn-main-color btn-main" >
               <i class="fa fa-floppy-o progress-icon" data-icon="floppy-o"></i> <?php echo $wo['lang']['save']; ?>
               </button>
            </div>
         </div>
         <input type="hidden" name="page_id" value="<?php echo $wo['setting']['page_id'];?>">
      </fieldset>
   </form>
</div>
<script type="text/javascript">
$(function() {
  $('form.setting-information-form').ajaxForm({
    url: Wo_Ajax_Requests_File() + '?f=pages&s=update_information_setting',
    beforeSend: function() {
      Wo_progressIconLoader($('form.setting-information-form').find('button'));
    },
    success: function(data) {
      if (data.status == 200) {
        scrollToTop();
        $('.setting-information-alert').html('<div class="alert alert-success">' + data.message + '</div>');
        $('.alert-success').fadeIn('fast', function() {
          $(this).delay(2500).slideUp(500, function() {
            $(this).remove();
          });
        });
      } else {
        var errors = data.errors.join("<br>");
        scrollToTop();
        $('.setting-profile-alert').html('<div class="alert alert-danger">' + errors + '</div>');
        $('.alert-danger').fadeIn(300);
      }
      Wo_progressIconLoader($('form.setting-information-form').find('button'));
    }
  });
});
</script>