000

<!DOCTYPE html>
<html lang="en">

<link rel="shortcut icon" type="image/x-icon" href="{{ asset('images/favicon.png') }}" />

<link rel="stylesheet" href="{{ asset('plugins/themefisher-font/style.css') }}">
    
    <link rel="stylesheet" href="{{ asset('plugins/bootstrap/css/bootstrap.min.css') }}">

<link rel="stylesheet" href="{{ asset('plugins/animate/animate.css') }}">
    
    <link rel="stylesheet" href="{{ asset('plugins/slick/slick.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/slick/slick-theme.css') }}">

<link rel="stylesheet" href="{{ asset('css/style.css') }}">

</script>
     <script>
        document.getElementById('search_form').addEventListener('submit', function(event) {
            event.preventDefault(); // Prevent default form submission
            funSearch(); // Call search function
        });

// Search function
        function funSearch() {
            var search_str = jQuery('#search_str').val().trim(); // Trim whitespace
            if (search_str && search_str.length > 3) {
                var encodedSearchStr = encodeURIComponent(search_str); // Encode search string
                var url = '/search/' + encodedSearchStr;
                console.log('Redirecting to:', url); // Debugging: log the URL
                window.location.href = url; // Redirect to the search results page
            } else {
                alert("Please enter a search term longer than 3 characters."); // Alert for invalid input
            }
        }
    </script>
</head>

</div>
            <div class="col-md-4 col-xs-12 col-sm-4">
                
                <div class="logo text-center">
                    <a href="index.html">
                        <svg width="px" height="29px" viewBox="0 0 350 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" font-size="40" font-family="AustinBold, Austin" font-weight="bold">
                                <g id="Group" transform="translate(-108.000000, -297.000000)" fill="#000000">
                                    <text id="AVIATO">
                                        <tspan x="108.94" y="325">THE WEAVENEST</span>
                                    </text>
                                </g>
                            </g>
                        </svg>
                    </a>
                </div>
            </div>
            <div class="col-md-4 col-xs-12 col-sm-4">
                
                @php
                    $getAddToCartTotalItem = getAddToCartTotalItem();
                    $totalCartItem = count($getAddToCartTotalItem);
                    $totalPrice = 0;
                @endphp 
                <ul class="top-menu text-right list-inline">
                    <li class="dropdown cart-nav dropdown-slide">
                        <a href="{{ route('cart') }}" id="cartBox" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
                            <img src="{{ asset('storage/media/Animation - 1716870689053.gif') }}" alt="Cart" class="animated-cart-icon">
                            <span class="aa-cart-notify">{{ $totalCartItem }}</span>
                        </a>

<div class="dropdown-menu cart-dropdown aa-cartbox-summary">
                            
                            @if($totalCartItem > 0)
                                <ul>
                                    @foreach($getAddToCartTotalItem as $cartItem)
                                        @php
                                            $totalPrice += $cartItem->qty * $cartItem->price;
                                        @endphp
                                        <li>
                                            <div class="media">
                                                <a class="aa-cartbox-img" href="#"><img src="{{ asset('storage/media/'.$cartItem->image) }}" alt="img"></a>
                                                <div class="media-body">
                                                    <h4 class="media-heading"><a href="#">{{ $cartItem->name }}</a></h4>
                                                    <div class="cart-price">
                                                        <p>{{ $cartItem->qty }} * Rs {{ $cartItem->price }}</p>
                                                    </div>
                                                    <a href="#!" class="remove"><i class="tf-ion-close"></i></a>
                                                </div>
                                            </div>
                                        </li>
                                    @endforeach
                                    <li>
                                        <span class="aa-cartbox-total-title">Total</span>
                                        <span class="aa-cartbox-total-price">Rs {{ $totalPrice }}</span>
                                    </li>
                                </ul>
                                <div class="cart-summary">
                                    <span>Total</span>
                                    <span class="total-price">Rs {{ $totalPrice }}</span>
                                </div>
                                <ul class="text-center cart-buttons">
                                    <li><a href="{{ route('cart') }}" class="btn btn-small">View Cart</a></li>
                                    <li><a href="{{ url('checkout') }}" class="btn btn-small btn-solid-border">Checkout</a></li>
                                </ul>
                            @else
                                <p>Your cart is empty.</p>
                            @endif       
                        </div>
                    </li>
                    <li class="dropdown search dropdown-slide">
    <a href="#!" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
        <i class="tf-ion-ios-search-strong"></i> Search
    </a>
    <ul class="dropdown-menu search-dropdown">
        <li>
            <form id="search_form">
                <input type="text" id="search_str" class="form-control" placeholder="Search...">
            </form>
        </li>
    </ul>
</li>

@if(session()->has('FRONT_USER_LOGIN'))
                    <li class="order page">
                    <li><a href="{{url('/order')}}">My Order</a></li>
                        </li>
                        <li class="login page">
                            <a href="{{ url('/logout') }}">Logout</a>
                        </li>
                    @else
                    <li class="login page">
                            <a href="{{ route('login') }}">My Account
                            <img src="{{ asset('storage/media/Animation - 1716873857503.gif') }}" alt="Account" class="animated-cart-icon"></a>
                        </li>
                    @endif
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="menu">
    <nav class="navbar navigation">
        <div class="container">
            <div class="navbar-header">
                <h2 class="menu-title">Main Menu</h2>
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

<div id="navbar" class="navbar-collapse collapse text-center">
                <ul class="nav navbar-nav">
                    
                    <li class="dropdown">
                        <a href="{{ url('/') }}">Home</a>
                    </li>
                  
                    <li class="dropdown">
                        {!! getTopNavCat() !!}
                    </li>

<div class="col-lg-6 col-md-6 mb-sm-3">
                                    <ul>
                                      
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </li>

<li class="dropdown full-width dropdown-slide">
                   
                        <div class="dropdown-menu">
                            <div class="row">
                                
                                <div class="col-sm-3 col-xs-12">
                                    <ul>
                                        
                                    </ul>
                                </div>

<div class="col-sm-3 col-xs-12">
                                    <ul>
                                        
                                    </ul>
                                </div>

<div class="col-sm-3 col-xs-12">
                                    <a href="shop.html">
                                        <img class="img-responsive" src="images/shop/header-img.jpg" alt="menu image" />
                                    </a>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</section>

@yield('content')
    @if ($subcatman->isNotEmpty() || $subcatwomen->isNotEmpty())

@if ($subcatman->isNotEmpty())
    <h1 class="collection-subheading">For Men</h1>
    <div class="row">
        @foreach($subcatman as $subcat)
            
            <div class="col-md-4">
                <div class="post">
                    <div class="post-thumb">
                        <a href="{{ url('allprod/' . $subcat->id) }}">
                            <img class="img-responsive" src="{{ asset('storage/media/category/' . $subcat->Sub_Category_Image) }}" alt="{{ $subcat->Sub_Category_Name }}">
                            <div class="overlay">
                                <h3 class="post-title">
                                    @foreach(explode(' ', $subcat->Sub_Category_Name) as $word)
                                        <span>{{ $word }}</span>
                                    @endforeach
                                </h3>
                                <button class="shop-now-button">Shop Now</button>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif

@if ($subcatwomen->isNotEmpty())
    <h1 class="collection-subheading">FOR WOMEN</h1>
    <div class="row">
        @foreach($subcatwomen as $subcat)
            
            <div class="col-md-4">
                <div class="post">
                    <div class="post-thumb">
                        <a href="{{ url('allprod/' . $subcat->id) }}">
                            <img class="img-responsive" src="{{ asset('storage/media/category/' . $subcat->Sub_Category_Image) }}" alt="{{ $subcat->Sub_Category_Name }}">
                            <div class="overlay">
                                <h3 class="post-title">
                                    @foreach(explode(' ', $subcat->Sub_Category_Name) as $word)
                                        <span>{{ $word }}</span>
                                    @endforeach
                                </h3>
                                <button class="shop-now-button">Shop Now</button>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        @endforeach
    </div>
@endif
@endif
<div class="footer-slider">
    <div class="slide">
        <div class="rating">★★★★★</div>
        <h3>Unique & Lovely Designs</h3>
        <p>I chanced upon 
        THE WEAVENEST , and I am so glad for this happy accident. I received a gorgeous saree that was exactly as per the pictures. It was elegant, well-crafted, and great quality. The design of the sarees at
        THE WEAVENEST are also quite unique and different from those on other websites. Besides, the costing is better than other sites. I look forward to picking up more sarees from 
        THE WEAVENEST in the future.</p>
        <p class="author">Rachel V, Mumbai, MH, IN</p>
    </div>

</div>

overflow: hidden;
        position: relative;
    }
    .slide {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        animation: slide 20s infinite;
    }
    .rating {
        font-size: 24px;
        color: #333333;
        margin-bottom: 10px;
    }
    h3 {
        font-size: 20px;
        margin: 10px 0;
    }
    p {
        font-size: 16px;
        margin: 5px 0;
    }
    .author {
        margin-top: 20px;
        font-weight: bold;
    }
    @keyframes slide {
        0% { opacity: 0; transform: translateY(100%); }
        10% { opacity: 1; transform: translateY(0); }
        90% { opacity: 1; transform: translateY(0); }
        100% { opacity: 0; transform: translateY(-100%); }
    }

.post-thumb {
        position: relative;
    }
    .post-thumb img {
        width: 100%;
        height: auto;
    }
    .post-thumb .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: rgba(0, 0, 0, 0.5); /* Optional: Adds a dark overlay */
    }
    .post-title {
        color: white; 
        font-size: 1.5em; 
        text-align: center;
        margin: 0;
    }
    .post-title span {
        display: block; /* Forces each word to be on a new line */
    }
     .button-container {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .shop-now-button {
        margin-top: 41px;
        padding: 5px 26px;
        background-color: white; /* White background color */
        color: black; /* Black text color */
        border: none;
        border-radius: 20px; /* Creates the curved button effect */
        cursor: pointer;
        font-size: 1em;
        text-align: center;
    }
    .shop-now-button:hover {
        background-color: #f0f0f0; /* Optional: Slightly different white on hover for visual feedback */
    }
   .post-thumb {
        height: 250%; /* Set a fixed height for the image container */
        display: flex;
      
        justify-content: center;
        overflow: hidden;
    }

.post-thumb img {
        width: 100%; /* Ensures the image takes up the full width of its container */
        height: auto; /* Maintains the aspect ratio */
        max-width: 600px; /* Optional: Set a max width to prevent images from becoming too large */
        max-height: 500px; /* Optional: Set a max height to prevent images from becoming too large */
        object-fit: cover; 
        bac/* Ensures the image covers the given dimensions without distortion */
    }
    .post {
        margin-bottom: 20px; /* Add some spacing between posts */
    }

.collection-heading {
        text-align: center; /* Center-align the heading text */
        margin-top: 20px; /* Add some margin to the top of the heading */
    }

.collection-subheading {
        text-align: center; /* Center-align the subheading text */
        margin-bottom: 20px; /* Add some margin to the bottom of the subheading */
    }
    .post-title{
        text-align: center; /* Center-align the subheading text */
        margin-bottom: 20px; /* Add some margin to the bottom of the subheading */
    }
                     
</style>

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="title text-center">
                <h1>BLOG POSTS</h1>
            </div>
        </div>
    </div>
    <div class="row" id="blog-posts">
        
        <style>
    .post-content p {
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Limit to two lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
</style>

@foreach($posts->take(2) as $post)
<div class="col-md-6 post">
    <div class="pos-thumb">
        <a href="{{ route('blog.single', ['id' => $post->id]) }}">
            <img class="img-responsive" src="{{ asset('storage/media/category/' . $post->image) }}" alt="{{ $post->title }}" style="width: 100%; height: 250px; object-fit: cover;">
        </a>
    </div>
    <h2 class="post-title"><a href="blog-single.html">{{ $post->title }}</a></h2>
    <div class="post-content">
        <p>{{ $post->description }}</p>
        <a href="{{ route('blog.single', ['id' => $post->id]) }}" class="glow-on-hover " style="border-radius: 25px; display: block; text-align: center;">Read Blog Posts</a>

</div>
</div>

@endforeach
<div class="col-md-12 text-center" style="margin-bottom: 44px; ">
        <a href="{{ route('blog') }}" class="btn btn-primary btn-black" style="border-radius: 25px; margin-top: 25px;">View Posts</a>
    </div>

</div>
  
</div>

<footer class="footer section text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ul class="social-media">
                        <li>
                            <a href="https://www.facebook.com/themefisher">
                                <i class="tf-ion-social-facebook"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.instagram.com/themefisher">
                                <i class="tf-ion-social-instagram"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.twitter.com/themefisher">
                                <i class="tf-ion-social-twitter"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.pinterest.com/themefisher/">
                                <i class="tf-ion-social-pinterest"></i>
                            </a>
                        </li>
                    </ul>
                    <ul class="footer-menu text-uppercase">
                        <li>
                            <a href="contact.html">CONTACT</a>
                        </li>
                        <li>
                            <a href="shop.html">SHOP</a>
                        </li>
                        <li>
                            <a href="pricing.html">Pricing</a>
                        </li>
                        <li>
                            <a href="contact.html">PRIVACY POLICY</a>
                        </li>
                    </ul>
                    <p class="copyright-text">Copyright &copy;2021, Designed &amp; Developed by <a href="http://www.logimetrix.co.in/">logimetrix techsolutions pvt.Ltd</a></p>
                </div>
            </div>
        </div>
    </footer>

<script src="plugins/jquery/dist/jquery.min.js"></script>
    
    <script src="plugins/bootstrap/js/bootstrap.min.js"></script>
    
    <script src="plugins/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.min.js"></script>
    
    <script src="plugins/instafeed/instafeed.min.js"></script>
    
    <script src="plugins/ekko-lightbox/dist/ekko-lightbox.min.js"></script>
    
    <script src="plugins/syo-timer/build/jquery.syotimer.min.js"></script>

<script src="plugins/slick/slick.min.js"></script>
    <script src="plugins/slick/slick-animation.min.js"></script>
    <script src="js/custom.js"></script> 
    
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>
    <script type="text/javascript" src="plugins/google-map/gmap.js"></script>

if (content.style.display === "none") {
            content.style.display = "block";
            btn.textContent = "Show Less";
        } else {
            content.style.display = "none";
            btn.textContent = "Continue Reading";
        }
    }
    $(document).ready(function(){
        // Show the first slide initially
        $(".slide:first").addClass("active");

// Function to slide to the next slide
        function slideNext() {
            var currentSlide = $(".slide.active");
            var nextSlide = currentSlide.next(".slide");

if (nextSlide.length !== 0) {
                currentSlide.removeClass("active");
                nextSlide.addClass("active");
            } else {
                $(".slide:first").addClass("active");
                currentSlide.removeClass("active");
            }
        }

// Function to auto slide every 5 seconds
        setInterval(function(){
            slideNext();
        }, 5000);
    });
</script>

</body>

</html>