@include('htmlpage.frontent.layout.app')
<div class="theme_slider bg-black p-0">
    <main class="wrapper">
        <!-- Scroll Progress -->

        <!-- Our Projects -->
        <section class="projects packery" style="padding: 0px;" id="funfacts">
            <!-- Section Grid Lines -->
            <ul class="grid_lines d-none d-md-flex justify-content-between">
                <li class="grid_line"></li>
                <li class="grid_line"></li>
                <li class="grid_line"></li>
                <li class="grid_line"></li>
                <li class="grid_line"></li>
                <li class="grid_line"></li>
                <li class="grid_line"></li>
            </ul>

            <div class="grid clearfix">
                <div class="grid-sizer"></div>

                @foreach ($listallprojects as $projectsall)
                    <div class="grid-item residences width-35">
                        <div class="thumb">
                            <img class="item_image" src="{{ asset('storage/' . $projectsall->image_path) }}"
                                alt="">
                            <div class="inenr-content-absolute">
                                <div class="label-text">
                                    <h6>
                                        <a href="#">
                                            {{ optional($projectsall->categoryModel)->category ?? 'No Category Assigned' }}
                                        </a>
                                    </h6>
                                    <h5><a
                                            href="{{ route('projectdetails', ['url' => urlencode(str_replace(' ', '-', strtolower($projectsall->url)))]) }}">{{ $projectsall['project_name'] }}</a>
                                    </h5>
                                    <div class="details_link">
                                        <a
                                            href="{{ route('projectdetails', ['url' => urlencode(str_replace(' ', '-', strtolower($projectsall->url)))]) }}">
                                            <span class="link_text">View Details</span>
                                            <span class="link_icon">
                                                <span class="line"></span>
                                                <span class="circle"></span>
                                                <span class="dot"></span>
                                            </span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
            <div class="btn_group w-100 text-center">
                <button id="load-more" class="btn olive w-100">Show More Project(s)<br>
                    <img src="material/img/projects/arrow2.gif" style="width: 50px;;">
                </button>

            </div>
        </section>


    </main>

    <!-- /image grid -->
    @include('htmlpage.frontent.layout.footer')