@extends('frontend.layouts.app')
@section('content')
    <div class="search-overlay">
        <div class="d-table">
            <div class="d-table-cell">
                <div class="search-layer"></div>
                <div class="search-layer"></div>
                <div class="search-layer"></div>
                <div class="search-close">
                    <span class="search-close-line"></span>
                    <span class="search-close-line"></span>
                </div>
                <div class="search-form">
                    <form>
                        <input type="text" class="input-search" placeholder="Search here...">
                        <button type="submit"><i class="bx bx-search"></i></button>
                    </form>
                </div>
            </div>
        </div>
    </div>


    <div class="inner-banner" id="banner-opc">
        <div class="container">
            <div class="inner-title text-center">
                <h3>Ventures</h3>
                <ul>
                    <li>
                        <a href="{{ route('home') }}">Home</a>
                    </li>
                    <li>
                        <i class="bx bx-chevrons-right"></i>
                    </li>
                    <li>Ventures</li>
                </ul>
            </div>
        </div>
        <div class="inner-shape">
            <img src="{{ asset('frontend/images/shape/inner-shape.png') }}" alt="Images">
        </div>
    </div>

    <div class="venture-area pt-100 pb-70">
        <div class="container">
            <div class="section-title text-center">
                <span class="sp-color2">Ventures</span>
                <h2>Let’s Check Some Ventures</h2>
            </div>
            <div class="row pt-45">
                @foreach ($ventures as $venture)
                    <div class="col-lg-4 col-md-6">
                        <div class="venture-card">
                            <div class="venture-img">
                                <a href="{{route('showventure',$venture->slug )}}">
                                    <img src="{{ asset('backend/images/ventures/' . $venture->image) }}" alt="Venture Images">
                                </a>
                            </div>
                            <div class="content">
                                <a href="{{route('showventure',$venture->slug )}}">
                                    <h3>
                                        {{ $venture->title }}
                                    </h3>
                                </a>
                                <p>{!! $venture->short_description !!}</p>
                                <a href="{{route('showventure',$venture->slug )}}" class="read-btn">Read More <i
                                        class="bx bx-chevron-right"></i></a>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="pagination-wrapper text-center">
                {{ $ventures->links() }}
            </div>
        </div>
    </div>
@endsection