@props([
    'twitterHandle' => null,
    'title' => null,
    'metaDescription' => null,
    'socialDescription' => null,
    'keywords' => null,
    'image' => null,
])

<meta property="og:type" content="website" />
<meta property="og:locale" content="en" />
<meta property="og:url" content="{{ url()->current() }}" />
<meta name="twitter:url" content="{{ url()->current()  }}" />
<meta name="twitter:card" content="summary" />

@if(isset($twitterHandle))
    <meta name="twitter:site" content="{{$twitterHandle}}" />
@endif

@if(isset($title))
    <title>{!! $title !!}</title>
    <meta property="og:title" content="{!! $title !!}" />
    <meta name="twitter:title" content="{!! $title !!}" />
@endif

@if(isset($metaDescription) && trim($metaDescription) !== '')
    <meta name="description" content="{!! $metaDescription !!}" />
@endif

@if(isset($socialDescription) && trim($socialDescription) !== '')
    <meta property="og:description" content="{!! $socialDescription !!}" />
    <meta name="twitter:description" content="{!! $socialDescription !!}" />
@elseif(isset($metaDescription) && trim($metaDescription) !== '')
    <meta property="og:description" content="{!! $metaDescription !!}" />
    <meta name="twitter:description" content="{!! $metaDescription !!}" />
@endif

@if(isset($image))
    <meta property="og:image" content="{!! url($image) !!}" />
    <meta name="twitter:image" content="{!! url($image) !!}" />
@endif

@if(isset($keywords))
    @if(is_array($keywords) && count($keywords) > 0)
        <meta name="keywords" content="{{ explode(',', $keywords) }}" />
    @elseif(is_string($keywords) && trim($keywords) !== '')
        <meta name="keywords" content="{!! $keywords !!}" />
    @endif

@endif