@extends('ui.layout.withBanner')
@section('overRideCustomCss')
    <link rel="stylesheet" href="{{ asset('ui/css/style.css') }}" />
    <link rel="stylesheet" href="{{ asset('ui/css/custom.css') }}" />
    <link rel="stylesheet" href="{{ asset('ui/css/responsive.css') }}" />
    <link rel="stylesheet" href="{{ asset('ui/css/bootstrap.css') }}" />
@endsection
@section('contents')
    <section class="plr">
        <div class="blog_details_area">
            <div class="blog_details_left_sec">
                <div class="blog_banner_img">
                    <img src="{{ asset($project->banner_image) }}" alt="Blog 3" class="img-fluid">
                </div>
                <div class="blog_detail_header">
                    <p>
                        <span class="blog_date">{{ user_date($project->created_at) }}</span>
                        <span class="dashed"></span>
                    </p>
                </div>

                <div class="blog_details_content">
                    <p class="body_typography">
                        {!! $project->detail !!}
                    </p>
                </div>
            </div>
            <div class="blog_details_right_sec">
                <div class="popular_post_header">
                    <h2>OTHER CASE STUDIES</h2>
                </div>
                <div class="popular_blogs">
                    @foreach ($latestProjects as $latestProject)
                        <div class="pop_blog_box">
                            <div class="pop_blog_img">
                            <a href="{{ route('front.caseStudy', $project->slug) }}">
                                <img src="{{ asset($latestProject->thumb_image) }}" alt="{{$latestProject->project_title}}" class="img-fluid">
                            </a>
                            </div>
                            <div class="pop_blog_content">
                                <p>
                                    <a href="{{ route('front.caseStudy', $project->slug) }}">{{ $latestProject->project_title }}</a>
                                </p>
                                {{-- <p>He Who Has A Why To Live Can Bear Almost Any How</p> --}}
                                <p>{{user_date($latestProject->created_at)}}</p>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </section>
@endsection