@if (!app()->environment('production'))
    <meta name="robots" content="noindex, nofollow">
@endif

<title>@yield('title', 'Search Chemicals & Verified Suppliers | Chemical Wholesale')</title>
<meta name="description" content="@yield('description', 'Find industrial chemicals from verified suppliers. ChemicalWholesale connects buyers with trusted supplier for fast, secure, and affordable chemical sourcing.')">
<meta name="keywords" content="@yield('keywords', 'bulk chemicals, chemical suppliers, wholesale chemicals, industrial chemicals, chemical distributors, buy chemicals online')">

<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="@yield('title', 'Chemical Wholesale')" />
<meta itemprop="description" content="@yield('description', 'Find industrial chemicals from verified suppliers. ChemicalWholesale connects buyers with trusted supplier for fast, secure, and affordable chemical sourcing.')" />
<meta itemprop="image" content="@yield('metaimage', asset('assets/img/chemicalwholesale.png'))" />

<!-- Open Graph/Facebook -->
<meta property="og:title" content="@yield('title', 'Chemical Wholesale')">
<meta property="og:description" content="@yield('description', 'Find industrial chemicals from verified suppliers. ChemicalWholesale connects buyers with trusted supplier for fast, secure, and affordable chemical sourcing.')">
<meta property="og:image" content="@yield('metaimage', asset('assets/img/chemicalwholesale.png'))">
<meta property="og:url" content="{{ request()->url() }}">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="@yield('title', 'Chemical Wholesale')">
<meta name="twitter:description" content="@yield('description', 'Find industrial chemicals from verified suppliers. ChemicalWholesale connects buyers with trusted supplier for fast, secure, and affordable chemical sourcing.')">
<meta name="twitter:image" content="@yield('metaimage', asset('assets/img/chemicalwholesale.png'))">

<meta name="msapplication-TileColor" content="#fc5825">
<meta name="theme-color" content="#ffffff">
<link rel="icon" type="image/x-icon" href="{{ asset('/assets/img/favicon.ico') }}">

@if (app()->environment('production'))
<script>
  function loadGtagOnInteraction() {
    if (window.gtagScriptLoaded) return;
    window.gtagScriptLoaded = true;

    const script = document.createElement('script');
    script.src = 'https://www.googletagmanager.com/gtag/js?id=G-1QY62YF188';
    script.async = true;
    document.head.appendChild(script);

    script.onload = function () {
      window.dataLayer = window.dataLayer || [];
      function gtag(){ dataLayer.push(arguments); }
      window.gtag = gtag;

      gtag('js', new Date());
      gtag('config', 'G-1QY62YF188');
    };

    ['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event =>
      window.removeEventListener(event, loadGtagOnInteraction)
    );
  }

  ['click', 'scroll', 'keydown', 'mousemove', 'touchstart'].forEach(event =>
    window.addEventListener(event, loadGtagOnInteraction, { once: true })
  );
</script>
@endif