{{-- Case Study --}}

{{-- Introduction --}}
<section id="" class="container-fluid bg-powder-white " style="">
    <div id="" class="container  " style="">
        <div id="" class="row py-md-5 " style="">
            <div id="" class="col-12  ">
                <div class="component-image-title-and-text bg-white left">
                    <div class="row align-items-center ">
                        <div class="col-md-6">
                            <div class="overflow-hidden overlay-image embed-responsive embed-responsive-1by1">
                                <img src="{{ $post->featured_image }}" alt="{{ $post->alt_text ?: $post->title . ' landscape design by Costata' }}" class="embed-responsive-item">
                            </div>
                        </div>
                        <div class="col-md-6 px-md-5">

                            <h1 class="title" style="font-family:inherit;font-weight:inherit;line-height:inherit;">
                                {{$post->title}}
                            </h1>

                            <p class="location pt-3">
                                {{-- @dd($post) --}}
                                {{$case_study->location}}
                            </p>

                            <div class="divider"></div>

                            {!!$post->description!!}

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- End Introduction --}}

{{-- The Brief --}}
<section class="container bg-white">
    <div class="row justify-content-center text-center">
        <div class="col-12">
            <div class="case-study bg-white center">
                <div class="row justify-content-center">
                    <div class="col-md-12 px-md-5">
                        <p class="title">
                            The Brief
                        </p>
                        <div class="divider"></div>
                    </div>
                </div>
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-8">
                        {!!$case_study->brief!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- End The Brief --}}

{{-- The Solution --}}
<section class="container bg-white">
    <div class="row justify-content-center text-center">
        <div class="col-12">
            <div class="case-study bg-white center">
                <div class="row justify-content-center">
                    <div class="col-md-12 px-md-5">
                        <p class="title">
                            The Solution
                        </p>
                        <div class="divider"></div>
                    </div>
                </div>
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-8">
                        {!!$case_study->solution!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- End The Solution --}}

{{-- Client Feedback --}}
<section class="container bg-white">
    <div class="row justify-content-center text-center">
        <div class="col-12">
            <div class="case-study bg-white center">
                @if(!empty($case_study->client_feedback))
                    <div class="row justify-content-center">
                        <div class="col-md-12 px-md-5">
                            <p class="title">
                                Client Feedback
                            </p>
                            <div class="divider"></div>
                        </div>
                    </div>
                @endif
                <div class="row align-items-center justify-content-center">
                    <div class="col-md-8">
                        {!!$case_study->client_feedback!!}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- End Client Feedback --}}

{{-- Gallery --}}
@if(!$post->gallery->images->isEmpty())
    <div class="container-fluid container-case-study-gallery pt-md-5">
        {{-- Gallery --}}
        @if(isset($post->gallery))
            <div class="container">
                <div class="row justify-content-center" id="case-study-gallery-wrapper">
                    @include('casestudy::partials.gallery')
                </div>
            </div>
        @endif
    </div>
@endif
{{-- End  Gallery --}}

{{-- Links --}}
<section class="container">
    <div class="row">
        <div class="col-12 px-md-0">
            <div class="container bottom-links" id="links-29">
                <div class="row justify-content-center pb-md-2 pb-lg-3">
                    <div class="col-md-6 col-lg-3 text-center px-0 px-md-2 my-md-2 my-lg-0">
                        <a class="d-inline-flex align-items-center justify-content-center btn btn-submit btn-secondary btn-expand w-100 mb-3 mb-md-0" href="landscape-design" target="_self">Landscape Design</a>
                    </div>
                    <div class="col-md-6 col-lg-3 text-center px-0 px-md-2 my-md-2 my-lg-0">
                        <a class="d-inline-flex align-items-center justify-content-center btn btn-submit btn-secondary btn-expand w-100 mb-3 mb-md-0" href="building-design" target="_self">Building Design</a>
                    </div>
                    <div class="col-md-6 col-lg-3 text-center px-0 px-md-2 my-md-2 my-lg-0">
                        <a class="d-inline-flex align-items-center justify-content-center btn btn-submit btn-secondary btn-expand w-100 mb-3 mb-md-0" href="landscape-construction" target="_self">Landscape Construction</a>
                    </div>
                    <div class="col-md-6 col-lg-3 text-center px-0 px-md-2 my-md-2 my-lg-0">
                        <a class="d-inline-flex align-items-center justify-content-center btn btn-submit btn-secondary btn-expand w-100 mb-3 mb-md-0" href="gallery" target="_self">Gallery</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{-- End Links --}}

{{-- End Case Study --}}