@extends('frontend.layouts.mobile')
@section('title', 'Catalogs - ' . app_name())
@push('head-area')
    <link rel="canonical" href="{{ URL::to('/catalogs') }}" />
@endpush
@section('content')
    <!-- ...:::Start Catagories - 1 Section:::... -->
        <div class="catagories-section">
            <div class="container">
                <div class="title-content mb-5">
                    <h2 class="title">
                       Catalogs
                    </h2>
                </div>
                
                @if($data['flyers'])
                <div class="catagories-wrapper">
                    <div class="catagories-wrapper-content">
                    @foreach($data['flyers'] as $post)
                        @php
                            $image = '/up_data/flyers/images/'.$post->image;
                            $link = '/up_data/flyers/pdfs/'.$post->pdf_file;
                        @endphp
                        @push('head-area')
                            <link rel="preload" href="{{ $image }}" as="image">
                        @endpush

                        <div class="single-product-item product-item--style-1 product-item--bg-lime-green">
                            <a href="#" class="image">
                                <img width="150" class="img-fluid" src="{{ $image }}" alt="{{ $post->name }}" />
                            </a>
                            <div class="content">
                                <div class="content--left">
                                    <a href="{{ $link }}" class="title">{{ $post->name }}</a>
                                </div>
                                <div class="content--right">
                                    <a href="{{ $link }}" aria-label="Buy Now" 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>
                        
                        
                    @endforeach
                    </div>
                </div>
                @endif

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