@php
    $color_base = '#f6921e';
    
    $descripcion = isset($descripcion) ? $descripcion : config('metas.descripcion');
    $fullUrl = request()->fullUrl();
    $titulo = isset($titulo) ? $titulo : config('app.name');
    $site_name = config('app.name');
    
    $img = isset($imagen) ? $imagen : Vite::asset('resources/js/images/logoShare.png');
    $imagen = $img . '?dat=' . rand(100, 999);
    
    $twitter_user = config('metas.twitterUser');
    
    $autor = config('metas.author');
    $keywords = config('metas.keywords');
    
    $imagen_file = public_path($img);
    
    if (File::exists($imagen_file)) {
        $extension = 'image/' . File::extension($imagen_file);
        $imagen_data = getimagesize($imagen_file);
        $image_width = $imagen_data['0'];
        $image_height = $imagen_data['1'];
    } else {
        $extension = 'image/png';
        $image_width = 1200;
        $image_height = 630;
        $imagen = $img . '?dat=' . rand(100, 999);
    }
@endphp
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
{{-- INDEX_SITE=1 permite indexar el sitio, 0 evita que aparezca en buscadores --}}
@php
    $indexSite = filter_var(config('parametros.robot', 0), FILTER_VALIDATE_BOOLEAN, FILTER_NULL_ON_FAILURE);
    $robotsContent = $indexSite === true ? 'index, follow' : 'noindex, nofollow';
@endphp
<meta name="robots" content="{{ $robotsContent }}">

{{-- <meta name="viewport" content="width=device-width,initial-scale=1" /> --}}
<meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="theme-color" content="{{ $color_base }}">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="{{ $color_base }}">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="{{ $color_base }}">

<meta name="author" content="{{ $autor }}">
<meta name="keywords" content="{{ $keywords }}">

<meta property="og:title" content="{{ $titulo }}" />
<meta name="description" content="{{ $descripcion }}" />

<meta property="og:image" itemprop="image" content="{{ $imagen }}" />
<meta property="og:image:url" content="{{ $imagen }}" />
<meta property="og:image:secure_url" content="{{ $imagen }}" />
<meta property="og:image:alt" content="{{ $titulo }}" />
<link itemprop="thumbnailUrl" href="{{ $imagen }}" />
{{-- Dinamic Image Size --}}
<meta property="og:image:height" content="{{ $image_width }}" />
<meta property="og:image:width" content="{{ $image_height }}" />
<meta property="og:image:type" content="{{ $extension }}" />

<meta property="og:type" content="article" />
<meta property="og:url" content="{{ $fullUrl }}" />
<meta property="og:description" content="{{ $descripcion }}" />
<meta property="og:site_name" content="{{ $site_name }}" />

{{-- Twitter Meta Tags --}}
<meta property="twitter:url" content="{{ $fullUrl }}">
<meta name="twitter:title" content="{{ $titulo }}">
<meta name="twitter:description" content="{{ $descripcion }}">
<meta name="twitter:image" content="{{ $imagen }}">
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="{{ $fullUrl }}">

<meta name="twitter:site" content="{{ $twitter_user }}" />
<meta name="twitter:creator" content="{{ $twitter_user }}" />

<meta name="twitter:image:src" content="{{ $imagen }}" />
<meta name="twitter:description" content="{{ $descripcion }}" />