<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="<?php echo base_url(); ?>public/images/favicon.ico" type="image/x-icon">

    <!-- SEO TAGS -->
    <meta name="description"  content="<?php if($seo !== "No Data"){ echo $seo[0]->description; }?>"/>
    <meta name="keywords"  content="<?php if($seo !== "No Data"){ echo $seo[0]->keywords; }?>"/>
    <title><?php if($seo !== "No Data"){ echo $seo[0]->title; }?></title>

    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/slick.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/slick-theme.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/pushy.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/header_footer.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/aos.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/smooth-scrollbar.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/jquery.fancybox.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/home.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/inner.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/css/easy-responsive-tabs.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>public/custom/css/custom.css">
    
    <script>var CI_ROOT = "<?php echo base_url(); ?>";</script>
    
    <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-146157274-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-146157274-1');
</script>

	</head>
	
	<body>
    <div id="preloader">
      <div id="status">
        <img class="img-fluid" src="<?php echo base_url(); ?>public/images/loader.gif">
      </div>
    </div>

       <div class="quickLink orangeBg_1 flipPdf">
      <a href="javascript:;" data-fancybox data-src="#tradeEnquiry" class="d-flex">
        <div class="quickIcon fadeAnim">
          <i class="fa fa-book" aria-hidden="true"></i>
        </div>
        trade enquiry
      </a>
    </div>

		<?php $this->load->view('includes/home-header');
		$path = $module. '/' . $viewFile;
		echo $this->load->view($path);  ?>
		<?php $this->load->view('includes/home-footer');?>

    <div id="tradeEnquiry" style="display:none">
      <h1 class="redColor mb-4">Make a Trade Enquiry</h1>
      <form id="tradeEnquiryForm">
        <div class="container">
          <div class="row mb-4">
            <div class="col-md-6 mb-3">
              <input type="text" class="form-control" id="trade_enquiry_name" name="trade_enquiry_name" placeholder="Name">
              <label for="trade_enquiry_name" class="error"></label>
            </div>

            <div class="col-md-6 mb-3">
              <input type="text" class="form-control" id="trade_enquiry_company" name="trade_enquiry_company" placeholder="Company Name">
              <label for="trade_enquiry_company" class="error"></label>
            </div>

            <div class="col-md-6 mb-3">
              <input type="email" class="form-control" id="trade_enquiry_email" name="trade_enquiry_email" placeholder="Email">
              <label for="trade_enquiry_email" class="error"></label>
            </div>

            <div class="col-md-6 mb-3">
              <input type="number" class="form-control" id="trade_enquiry_contact" name="trade_enquiry_contact" placeholder="Contact Details">
              <label for="trade_enquiry_contact" class="error"></label>
            </div>

            <div class="col-md-6 mb-3">
              <input type="number" class="form-control" id="trade_enquiry_hs" name="trade_enquiry_hs" placeholder="HS code">
              <label for="trade_enquiry_hs" class="error"></label>
            </div>

            <div class="col-md-12 mb-3">
              <textarea class="form-control" id="trade_enquiry_address" name="trade_enquiry_address" placeholder="Address"></textarea>
              <label for="trade_enquiry_address" class="error"></label>
            </div>

            <div class="col-md-12 mb-3">
              <textarea class="form-control" id="trade_enquiry_message" name="trade_enquiry_message" placeholder="Message"></textarea>
              <label for="trade_enquiry_message" class="error"></label>
            </div>
          </div>
          
          <div class="row mb-3">     
            <div class="col-md-6">
              <input type="submit" value="Submit" class="btn redGradientBg whiteColor">
            </div>
          </div>  
        </div>
      </form>
    </div>
   
    <script src="<?php echo base_url(); ?>public/js/jquery.min.js"></script>
    <script src="<?php echo base_url(); ?>public/js/menu.js"></script>
    <script src="<?php echo base_url(); ?>public/js/pushy.min.js"></script>
    <script src="<?php echo base_url(); ?>public/js/slick.min.js"></script>
    <script src="<?php echo base_url(); ?>public/js/aos.js"></script>
    <script src="<?php echo base_url(); ?>public/js/jquery.fancybox.min.js"></script>
    <script src="<?php echo base_url(); ?>public/js/common.js"></script>
    <script src="<?php echo base_url(); ?>public/js/easy-responsive-tabs.js"></script>

    <!-- CUSTOM JS FILES -->
    <script src="<?php echo base_url(); ?>public/custom/js/sweetalert.min.js"></script>
    <script src="<?php echo base_url(); ?>public/custom/js/form.js"></script>
    <script src="<?php echo base_url(); ?>public/custom/js/highlight.js"></script>
    <?php if(isset($scriptFile) && !empty($scriptFile)){ ?>
    <script src="<?php echo base_url(); ?>public/custom/js/<?php echo $scriptFile; ?>.js"></script>
    <?php } ?>
    
    <!--<script src="js/element.js?cb=googleTranslateElementInit"></script>-->
    <script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

    <script type="text/javascript">
      function googleTranslateElementInit(){
        new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element');
      }

	    function triggerHtmlEvent(element, eventName) {
        var event;
        if(document.createEvent){
          event = document.createEvent('HTMLEvents');
          event.initEvent(eventName, true, true);
          element.dispatchEvent(event);
        }else{
          event = document.createEventObject();
          event.eventType = eventName;
          element.fireEvent('on' + event.eventType, event);
        }
	    }

	    jQuery('.lang-select').click(function(){
	      var theLang = jQuery(this).attr('data-lang');
	      jQuery('.goog-te-combo').val(theLang);

        //alert(jQuery(this).attr('href'));
        window.location = jQuery(this).attr('href');
        location.reload();
      });

      $("#text-search").bind('keyup change', function(ev) {
        var searchTerm = $(this).val();
        $('body').removeHighlight();
 
        if(searchTerm){
          $('body').highlight(searchTerm);
        }
      });

      /*$('.quickLink').hover(function(){
        $(this).stop().animate({right:'0px'});
      },function(){
        $(this).stop().animate({right:'-260px'}); 
      });*/
    </script>   
  </body>
</html>