@php
    use app\Post;
    use Modules\Project\Entities\Project;
    use Modules\CaseStudy\Entities\CaseStudy;
    $posts = App\Post::all();
    $projects = $posts->where('post_type', 'Modules\Project\Entities\Project');
    if(isset($sub->project_url)) {
        $case_study = Post::where('slug', $sub->project_url . '-case-study')->first();
        $post = Post::where('slug', $sub->project_url)->where('post_type', 'Modules\Project\Entities\Project')->first();
        $project = Project::find($post->post_id);
    }
@endphp

{{-- Project Gallery --}}
@if(isset($sub->project_url))
    <div class="container">
        <div id="component-project-gallery-wrapper" class="row">
            <div class="col-12">

                    <div id="column-carousel-{{$sub->id}}" class="row column-carousel mx-0" data-cols="3">
                        @foreach($post->gallery->images as $image)
                            <div class="col-12 col-md-4 px-0">
                                @php
                                    $thumb = (preg_replace('/(.*)(\/)([^\/]+)$/', '$1/thumbs/' . basename($image->url), $image->url));

                                    if(file_exists(public_path( $thumb ))){
                                        $thumb = $thumb;
                                    } else {
                                        $thumb = $image->url;
                                    }
                                @endphp

                                <div class="position-relative column-carousel-wrapper p-0">
                                    <div class="position-relative px-1">
                                        <div class="column-carousel-image-wrapper light-image-col">
                                            <a href="{{ $image->url }}" data-src="{{ $image->url }}" class="light-link column-carousel-image-wrapper inner embed-responsive embed-responsive-1by1">
                                                <img src="{{ $thumb }}" loading="lazy" alt="{{ $image->alt_text ?: $post->title . ' Landscape design by Costata, image ' . $loop->iteration }}" title="" class="lightgallery-image img-fluid embed-responsive-item">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    </div>

            </div>
        </div>

        <div class="row justify-content-between justify-content-md-center py-5">
            <div class="col-auto">
                @if(isset($post->slug))
                    <a data-toggle="modal" data-target="#fsModal-{{$post->id}}" data-whatever="@mdo" class="project-gallery-button text-uppercase mx-2">View Project</a>
                @endif
            </div>
            <div class="col-auto">
                @if(isset($case_study->slug))
                    <a class="project-gallery-button text-uppercase mx-2" href="{{ $case_study->slug }}">View Case Study</a>
                @endif
            </div>
        </div>

    </div>
@endif

{{-- Project Gallery Modal --}}
@if(isset($sub->project_url))
    @include('componentproject::layouts.modal')
@endif