@extends('layout.layout')
@section('meta')
    @include('layout.partials.seo', [
        'title' => nova_get_setting_translate('tag_site_title') ?? env('APP_NAME'),
        'description' =>nova_get_setting_translate('tag_site_description') ?? env('APP_NAME'),
        'keywords' => nova_get_setting_translate('tag_site_keywords') ?? env('APP_NAME'),
        'image' => Storage::url(nova_get_setting('tag_banner')),
        'schema' => $settings['tag_schema'] ?? ''
    ])
@endsection
@section('content')
    <main class="main">
        <div class="page-header text-center" style="background-image: url('{{ Storage::url(nova_get_setting('tag_banner')) }}');background-size: cover;background-position: center;background-repeat: no-repeat"
        title="{{nova_get_setting_translate('tag_banner_title')}}"
         aria-label="{{nova_get_setting_translate('tag_banner_alt')}}">
            <div class="container">
                <h1 class="page-title">{{$tags->heading}}<span>
                      {!!$tags->description!!}
                </span>
                </h1>
            </div>
        </div>
        <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">
            <div class="container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('general.home') }}</a></li>
                    <li class="breadcrumb-item active" aria-current="page">{{$tags->name}}</li>
                </ol>
            </div>
        </nav>
        <div class="mb-2"></div>
            <div class="cta-heading style_cta_heading">
                <h3 class="cta-title text-center"><span class="text-primary">{{json_decode($settings['tag_title_product'])->{app()->getLocale()} }}</span> <br>{!!json_decode($settings['tag_description_product'])->{app()->getLocale()} !!}</h3>
            </div>

        <div class="blog-posts">
            <div class="container">
                <div class="row">
                    @foreach ($products as $product)
                        <div class="col-md-3 col-lg-3 col-6">
                            @include('layout.partials.product-box',['product' => $product,'style' => 'product'])
                        </div>
                    @endforeach
                </div>
            </div>
        </div>


            <div class="cta-heading style_cta_heading">
                <h3 class="cta-title text-center"><span class="text-primary">{{json_decode($settings['tag_title_article'])->{app()->getLocale()} }}</span> <br>{!!json_decode($settings['tag_description_article'])->{app()->getLocale()} !!}</h3>
        </div>
        <div class="blog-posts">
            <div class="container">
                <div class="row">
                    @foreach ($articles as $article)
                        <div class="col-md-3">
                            @include('layout.partials.article-box',['article' => $article])
                        </div>
                    @endforeach
                </div>
            </div>
        </div>


    </main>
    @include('layout.partials.faq')
    @include('layout.partials.news_letter')
@endsection