@extends('layout.master')

@section('meta')
    @include('layout.partials.seo', [
        'title' => $more_product_subcategory->meta_title ?? env('APP_NAME'),
        'description' => $more_product_subcategory->meta_description ?? env('APP_NAME'),
        'keywords' => $more_product_subcategory->meta_keywords ?? env('APP_NAME'),
        'image' => $more_product_subcategory->getFirstMediaUrlOrDefault(MediaHelper::MORE_PRODUCT_SUB_CATEGORY_MEDIA_PATH, 'webp')['url'],
        'schema' => $more_product_subcategory->schema,
    ])
@endsection

@section('extraStyles')
@endsection
@section('content')
    <div class="container-fluid bg-breadcrumb"style="  position: relative;
                                                    background: linear-gradient(#d09d5b30, #cc944e47), url({{ $more_product_subcategory->getFirstMediaUrlOrDefault(MediaHelper::MORE_PRODUCT_SUB_CATEGORY_BANNER_MEDIA_PATH, 'webp')['url'] }});
                                                    background-position: center center;
                                                    background-repeat: no-repeat;
                                                    background-size: cover;
                                                    padding: 60px 0 100px 0;
                                                    transition: 0.5s;">
        <div class="container text-center py-5" style="max-width: 900px;">
            <h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">
                {{ $more_product_subcategory->name  }}
            </h4>
        </div>
    </div>

    <div class="container-fluid  py-3 banar">
        <ol class="breadcrumb text-dark mb-0 wow fadeInDown" data-wow-delay="0.3s">
            <li class="breadcrumb-item"><a href="{{ route('home') }}" class="text-dark">{{ __('general.home') }}</a></li>
            <li class="breadcrumb-item active text-secondary"> {{ nova_get_setting_translate('more_products_title') }}</li>
        </ol>
    </div>







    <div class="container-fluid service overflow-hidden mt-5">
        <div class="container ">
            <div class="section_title ">
                <div class="col-12">
                    <h3>  {{ $more_product_subcategory->heading  }}    </h3>
                    <p>
                        {!! $more_product_subcategory->description  !!}
                    </p>
                </div>
            </div>

            @if ($more_product_subcategory->url != '' ||$more_product_subcategory->url!= null)
            <div class="text-center mt-4">
                <a target="blank" href="{{ $more_product_subcategory->url }}" class="btn btn-lg btn-primary px-5 py-3 rounded-pill shadow">
                    {{ __('general.view_more') }}
                </a>
            </div>
            
            @endif
            
        </div>
    </div>
@endsection
@section('extraScripts')
@endsection