@extends('layouts.innerpage')

@section('title', 'New Trends')

@section('content')

<section class="section-padding bg-white" style="padding-top: 140px;">
    <div class="section-title text-center mb-5">
        <h2 class="box-provide-title" data-aos="fade-up" data-aos-delay="100">New Trends</h2>
        <div class="ps-product__sharing mt-4 mb-2 text-center d-none d-sm-none d-md-block">
            <a href="javascript:void(0);" class="font-weight-bold">Share Via : </a><br>
            <a class="mr-3" href="https://www.facebook.com/sharer/sharer.php?u=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color:#4267B2" class="fab fa-facebook fa-2x"></i></a><a class="mr-3" href="https://twitter.com/intent/tweet?text=ShriArthiJewellery&url=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color:#1DA1F2" class="fab fa-twitter fa-2x"></i></a><a class="" href="whatsapp://send?text=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color: #25D366" class="fab fa-whatsapp fa-2x"></i></a>
        </div>
    </div>
    <div class="gallery-story">

        @if(count($adminstories)>0)
            @foreach($adminstories as $storykey=>$storyitem)
                <div class="gallery-item" data-aos="fade-up" data-aos-delay="100">
                  <figure class="position-relative story-img">
                    <a class="image-popup-no-margins" href="{{url('/')}}/uploads/fanpost_images/{{$storyitem->post_images}}" title="{{$storyitem->post_name}}">
                    <img src="{{url('/')}}/uploads/fanpost_images/{{$storyitem->post_images}}" alt="story" />
                    <div class="overlay w-100 h-100 position-absolute">
                    </div>
                    </a>
                    <a href="{{$storyitem->description}}" class="btn btn-light position-absolute story-ext-link"><i class="fa fa-external-link-alt"></i> View Product</a>
                  </figure>
                  <p class="text-center">Posted on {{ date("d/m/Y",strtotime($storyitem->created_at))}}</p>
                    <div class="ps-product__sharing mt-2 mb-2 text-center d-sm-block d-md-none">
                        <a href="javascript:void(0);" class="font-weight-bold">Share Via : </a><br>
                        <a class="mr-3" href="https://www.facebook.com/sharer/sharer.php?u=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color:#4267B2" class="fab fa-facebook fa-2x"></i></a><a class="mr-3" href="https://twitter.com/intent/tweet?text=ShriArthiJewellery&url=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color:#1DA1F2" class="fab fa-twitter fa-2x"></i></a><a class="" href="whatsapp://send?text=https://www.shriarthijewellery.com/admin-story" target="_blank"><i style="color: #25D366" class="fab fa-whatsapp fa-2x"></i></a>
                    </div>
                </div>
            @endforeach
        @else
            <h4>No data to display!</h4>
        @endif

      </div>
</section>
@endsection