@extends('layouts.master')
@section('content')
    <!--<section class="container">-->
    <!--    <div class="outer clearfix">-->
    <!--        @foreach ($publicaton as $item)-->
    <!--            <div class="projcard1 projcard-blue">-->
    <!--                <div class="projcard-innerbox">-->
    <!--                    @if (pathinfo($item->image, PATHINFO_EXTENSION) == 'pdf')-->
                            <!-- Display the PDF file using an iframe -->
    <!--                        <iframe src="{{ asset('public/upload/' . $item->image) }}" width="30%" height="400px"></iframe>-->
    <!--                    @else-->
                            <!-- Display the image -->
    <!--                        <img class="projcard-img" src="{{ asset('public/upload/' . $item->image) }}"-->
    <!--                            @if (empty($item->image)) src="{{ asset('/public/frontend_assets/images/background/default.png') }}" @endif />-->
    <!--                    @endif-->

    <!--                    <div class="projcard-textbox">-->
    <!--                        <div class="projcard-title">{{ $item->title }}-->
    <!--                            <a download href="{{ url('public/upload/' . $item->image) }}"><button>Download-->
    <!--                                    Report</button></a>-->
    <!--                        </div>-->
    <!--                        <div class="projcard-bar"></div>-->
    <!--                        <div class="projcard-description">{!! $item->longDetails !!}</div>-->

    <!--                    </div>-->
    <!--                </div>-->
    <!--            </div>-->
    <!--        @endforeach-->
    <!--    </div>-->
    <!--</section>-->
    {{-- </div> --}}
<!--<section class="recent-projects">-->
<!--        <div class="auto-container">-->
<!--            <div class="row clearfix">-->
<!--                @foreach ($publicaton as $item)-->
<!--                    <div class="column default-featured-column col-md-4 col-sm-6 col-xs-12">-->
<!--                        <article class="inner-box wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">-->
<!--                            <figure class="image-box">-->
<!--                                <a href="{{ asset('public/upload/' . $item->image) }}"  Download><img height="500px" src="{{ asset('public/upload/' . $item->image) }}"-->
<!--                                        alt=""></a>-->
<!--                            </figure>-->
<!--                        </article>-->
<!--                    </div>-->
<!--                @endforeach-->
<!--            </div>-->
<!--        </div>-->
<!--    </section>-->
    <section class="gallery-section">
        <div class="auto-container">
            
    <div class="images-container">

                <div class="items-container row clearfix">
                    @foreach ($publicaton as $item)
                        <!--Column-->
                        <div class="column all eco plants col-md-4 col-sm-6 col-xs-12">
                            <!--Default Portfolio Item-->
                            <div class="default-portfolio-item">
                                <div class="inner-box text-center">
                                    <!--Image Box-->

                                    <figure class="image-box"><img height="400px"
                                            src="{{ asset('public/upload/' . $item->image) }}" alt="">
                                    </figure>
                                    <div class="overlay-box">
                                        <div class="inner-content">
                                            <div class="content">
                                                <h3><a href="#">{{ $item->title }}</a></h3>
                                                <a class="arrow lightbox-image"
                                                    href="{{ asset('public/upload/' . $item->image) }}"
                                                    title="{{ $item->title }}"><span
                                                        class="icon flaticon-cross-4"></span></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach


                </div>

            </div>
    

    </section>
@endsection