@extends('frontend.layouts.mobile')

@php
    $title = trim($data['category']->meta_title);
    if($title != null && $title != 'NULL')
            $title = $data['category']->meta_title;
    else
        $title = $data['category']->name . ' - ' . app_name();

    if($data['category']->do_index == 'N' || $data['category']->status == 'N')
        $no_index = 'NOINDEX';

    $video_tag = '';

    if(trim($data['category']->video_link) != null)
    {
        if($data['category']->video_site == 'YouTube')
        {
            $video_tag = '<iframe width="560" height="315" src="https://www.youtube.com/embed/'. $data['category']->video_link .'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
        }
        else
        {
            $video_tag = '<iframe class="mb-5" style="width:100%;height:480px;" src="https://player.vimeo.com/video/'. $data['category']->video_link .'" frameborder="0"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
        }
    }
@endphp

@section('title', $title)

@if(trim($data['category']->meta_description) != null && $data['category']->meta_description != 'NULL')
    @section('meta_description', $data['category']->meta_description)
    @section('meta_keywords', $data['category']->meta_keywords)
@endif

@if($data['category']->is_canonical == 'Y')
    @php
        if($data['category']->canonical_url != '')
            $url = $data['category']->canonical_url;
        else
            $url = URL::to( '/' . $data['category']->slug);


        $video_tag = '';
        if(trim($data['category']->video_link) != null)
        {
            if($data['category']->video_site == 'YouTube')
            {
                $video_tag = '<div class="categ-video-section my-3 custom-video-spacing"><iframe style="width: -webkit-fill-available; height: -webkit-fill-available; min-width: -webkit-fill-available; min-height: -webkit-fill-available; position: relative;" src="https://www.youtube.com/embed/'. $data['category']->video_link .'" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
            }
            else
            {
                $video_tag = '<div class="categ-video-section my-3 custom-video-spacing"><iframe class="mx-1" style="width: -webkit-fill-available; height: -webkit-fill-available; min-width: -webkit-fill-available; min-height: -webkit-fill-available; position: relative;" src="https://player.vimeo.com/video/'. $data['category']->video_link .'" frameborder="0"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>';
            }
        }
    @endphp
    @push('head-area')
        <link rel="canonical" href="{{ $url }}" />
    @endpush
@endif

@if(isset($no_index))
    @push('head-area')
        <META NAME="ROBOTS" CONTENT="{{ $no_index }}">
    @endpush
@endif
@push('schema')
    @component('frontend.layouts.schema')
    {{-- <script type="application/ld+json"> --}}
        {
            "@context": "https://schema.org/",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://www.germedusa.com/"
            }
            @if(count($data['category']->subcategories) > 0),@endif
            @php
                $counter = 2;
            @endphp
            @foreach ($data['schema_breadcrumbs'] as $key => $schema_breadcrumbs)
                {
                    "@type": "ListItem",
                    "position": {{ $counter }},
                    "name": "{{ @$schema_breadcrumbs[0]['name'] }}",
                    "item": "{{ @$schema_breadcrumbs[0]['url'] }}"
                }
                @if($key < count($data['schema_breadcrumbs']) -1)
                    ,
                @endif
                @php
                    $counter++;
                @endphp
            @endforeach
            ]
        }
        {{-- </script> --}}

    @endcomponent
@endpush

@section('content')

{{-- <div class="row">
    <div class="col-md-12"> --}}
        {{-- <div class="shop_title">
            <h1 class="title">{{ $data['category']->name }}</h1>
        </div> --}}
        {{-- <div>
            <div class="category-description" id="div-category-description">{!! $data['category']->description !!}</div>
            <div class="text-right d-md-none"><a href="javascript:;" id="show-category-description">Read more ...</a></div>
        </div> --}}

    {{-- </div>
</div> --}}

    {{-- <div class="container">





        <div class="product-wrapper pt-5">
            <div class="product-intro divide-line up-effect">


                @foreach($data['categories'] as $category)

                    {!! \App\Models\Category::categoryBlockFlex($category) !!}

                @endforeach

            </div>
        </div>





    </div> --}}



    <!-- ...:::Start Catagories - 1 Section:::... -->
        <div class="catagories-section">
            <div class="container">
                <div class="title-content mb-5">
                    <h2 class="title">{{ $data['category']->name }}</h2>
                </div>
                <div class="mb-15 dynamic-data-mobile">
                    {!! $data['category']->short_description ? $data['category']->short_description : $data['category']->description !!}
                </div>
                <div class="video-list mb-3">
                    {!! $video_tag !!}

                </div>

                <div class="product-wrapper">
                    <div class="product-wrapper-content--4">
                        @foreach($data['categories'] as $category)
                            {!! \App\Models\Category::categoryBlockFlex($category, 'mobile') !!}
                        @endforeach
                    </div>

                </div>
                @if(isset($data['category']) && $data['category']->short_description != null)
                    <div class="mb-15 dynamic-data-mobile">
                        {!! $data['category']->description !!}
                    </div>
                @endif
            </div>
        </div>
        <!-- ...:::Start Catagories - 1 Section:::... -->

    @push('before-scripts')
        <input type="hidden" value="shop" id="page_id">
    @endpush

@endsection