import type { Metadata } from 'next'
import { Providers } from '../components/providers'
import './globals.css'
import Script from 'next/script'

export const metadata: Metadata = {
  title: 'AKTIV - Poslovno knjigovodstveni program',
  description: 'Pouzdan partner u Vašem poslovnom usponu. Online knjigovodstveni program za efikasno poslovanje.',
  metadataBase: new URL('https://aktiv.rs'),
  icons: {
    icon: 'https://media.aktiv.rs/2020/07/program-za-knjigovodstvo-logo-mini.png',
    shortcut: 'https://media.aktiv.rs/2020/07/program-za-knjigovodstvo-logo-mini.png',
    apple: [
      { url: 'https://media.aktiv.rs/2020/07/program-za-knjigovodstvo-logo-mini.png' },
      { url: 'https://media.aktiv.rs/2020/07/program-za-knjigovodstvo-logo-mini.png', sizes: '72x72', type: 'image/png' },
      { url: 'https://media.aktiv.rs/2020/07/program-za-knjigovodstvo-logo-mini.png', sizes: '114x114', type: 'image/png' },
    ],
  },
  openGraph: {
    type: 'website',
    locale: 'sr_RS',
    url: 'https://aktiv.rs',
    siteName: 'AKTIV Program knjigovodstvo',
  },
}

const organizationSchema = {
  '@context': 'https://schema.org',
  '@type': 'Organization',
  name: 'AKTIV Program knjigovodstvo',
  url: 'https://aktiv.rs',
  logo: 'https://aktiv.rs/images/aktiv-logo.png',
  description: 'Online knjigovodstveni program za efikasno poslovanje',
  address: {
    '@type': 'PostalAddress',
    streetAddress: 'Bulevar Nemanjića 85, TC Zona 2, lokal 85',
    addressLocality: 'Niš',
    addressCountry: 'RS'
  },
  contactPoint: {
    '@type': 'ContactPoint',
    telephone: '+381-60-62-62-844',
    contactType: 'customer service',
    email: 'info@aktiv.rs'
  },
  sameAs: [
    'https://www.facebook.com/aktiv.rs',
    'https://www.instagram.com/aktiv.rs/',
    'https://www.youtube.com/@aktiv6845'
  ]
}

const websiteSchema = {
  '@context': 'https://schema.org',
  '@type': 'WebSite',
  name: 'AKTIV Program knjigovodstvo',
  url: 'https://aktiv.rs',
  potentialAction: {
    '@type': 'SearchAction',
    target: 'https://aktiv.rs/blog?search={search_term_string}',
    'query-input': 'required name=search_term_string'
  }
}

export default function RootLayout({
                                     children,
                                   }: {
  children: React.ReactNode
}) {
  return (
    <html lang="sr">
    <head>
      {/* Google Analytics */}
      <Script
        strategy="afterInteractive"
        src="https://www.googletagmanager.com/gtag/js?id=G-1DXQ14RGED"
      />
      <Script
        id="google-analytics"
        strategy="afterInteractive"
        dangerouslySetInnerHTML={{
          __html: `
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-1DXQ14RGED');
          `,
        }}
      />

      {/* JSON-LD Schemas */}
      <Script
        id="organization-schema"
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(organizationSchema) }}
      />
      <Script
        id="website-schema"
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(websiteSchema) }}
      />
    </head>
    <body>
    <Providers>
      {children}
    </Providers>
    </body>
    </html>
  )
}