@extends('frontend.layouts.mobile')
@section('title', 'Blog - ' . app_name())
@php
    $url = URL::current();
@endphp
@push('head-area')
    <link rel="canonical" href="{{ $url }}" />
@endpush
@section('content')

    <!-- ...:::Start Catagories - 1 Section:::... -->
        <div class="catagories-section">
            <div class="container">
                <div class="title-content mb-5">
                    <h2 class="title">
                       Blog
                    </h2>
                </div>








                @if($data['posts'])

                    <div class="product-wrapper">
                        <div class="product-wrapper-content--4">

                            @foreach($data['posts'] as $post)

                                @php
                                    $link = '/blog/'.$post->slug;
                                    $image = '/up_data/blog/'.$post->image_thumbnail;
                                @endphp

                                <!-- Start Product Single Item -->
                                <div id="single-product-item" class="single-product-item product-item--style-4">
                                    <a aria-label="{{ $post->name }}" href="{{ $link }}" class="image">
                                        <img width="90" height="90" class="img-fluid" src="{{ $image }}" alt="{{ $post->name }}">
                                    </a>
                                    <div class="content">
                                        <div class="content--left">
                                            <a href="{{ $link }}" class="title">
                                                {{ $post->name }}
                                            </a>
                                            {{-- <p>{{ $post->short_content }}</p> --}}
                                        </div>
                                        <div class="content--right">
                                            <a href="{{ $link }}" aria-label="See Details" class="btn btn--size-33-33 btn--center btn--round btn--color-radical-red btn--bg-white btn--box-shadow">
                                                <i class="icon icon-carce-ios-arrow-forward"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <!-- ENd Product Single Item -->

                            @endforeach
                            
                        </div>
                    </div>

                @endif


                @if($data['posts'])
                    <div class="div-pagination-container">
                        <div class="pagination-widget">
                            <div class="site-pagination">
                                {!! $data['posts']->appends( request()->except('page') )->links() !!}
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    <!-- ...:::Start Catagories - 1 Section:::... -->

@push('after-scripts')
        <script src="mobile/assets/js/tabs.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-modal/0.9.1/jquery.modal.min.css" />
@endpush

@push('head-area')

    <script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@graph": [
        {
        "@type": "Organization",
        "@id": "https://www.gervetusa.com/#organization",
        "name": "GerVetUSA",
        "url": "https://www.gervetusa.com/",
        "logo": "https://www.gervetusa.com/vsi/image/gvu_logo.png",
        "email": "sales@gervetusa.com",
        "telephone": "+1-516-385-3434",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "1188 Willis Ave Suite #801",
            "addressLocality": "Albertson",
            "addressRegion": "NY",
            "postalCode": "11507",
            "addressCountry": "USA"
        },
        "sameAs": [
            "https://www.facebook.com/gervetusa",
            "https://www.instagram.com/gervetusa",
            "https://www.linkedin.com/company/gervetusa"
        ]
        },
        {
        "@type": "Blog",
        "@id": "https://www.gervetusa.com/blog/#blog",
        "url": "https://www.gervetusa.com/blog",
        "name": "GerVetUSA Blog",
        "description": "Best articles and insights on veterinary surgical instruments, procedures, and industry trends from GerVetUSA.",
        "publisher": {
            "@id": "https://www.gervetusa.com/#organization"
        },
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https://www.gervetusa.com/blog/#webpage"
        }
        },
        {
        "@type": "WebPage",
        "@id": "https://www.gervetusa.com/blog/#webpage",
        "url": "https://www.gervetusa.com/blog",
        "name": "Blog - GerVetUSA",
        "description": "Read the latest blog posts from GerVetUSA about veterinary tools, surgical tips, industry events, and more.",
        "breadcrumb": {
            "@id": "https://www.gervetusa.com/blog/#breadcrumb"
        },
        "publisher": {
            "@id": "https://www.gervetusa.com/#organization"
        }
        },
        {
        "@type": "BreadcrumbList",
        "@id": "https://www.gervetusa.com/blog/#breadcrumb",
        "itemListElement": [
            {
            "@type": "ListItem",
            "position": 1,
            "name": "Blog",
            "item": "https://www.gervetusa.com/blog"
            }
        ]
        }
    ]
    }
    </script>


@endpush

@endsection