@extends('frontend.layouts.app')
@section('content')
    <!-- About Section -->
    <div class="details-section p-30">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="pakage-sliders">
                        <div class="second-pakage-slide-inner owl-carousel">
                            @foreach ($images as $image)
                                <div class="p-3">
                                    <div class="slide-pakage-block">
                                        <img height="400" src="/{{ $image->image }}">
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="content-part">
                        <h3 class="pb-4 text-center">{{ $concern->concern_name }}</h3>
                        <p>
                            {!! $concern->details !!}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @if (count($related_concern) > 0)
        <div class="sister-concern-section p-30">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="content-part text-center">
                            <h3 class="pb-4">Related Services</h3>
                        </div>
                    </div>
                    @foreach ($related_concern as $concern)
                      		    <div class="col-md-4 pb-4">
                        <a href="/service/{{ $concern->slug }}">
                            <div class="breadcumb-box">
                                <div class="logo-section">
                                    <img src="/{{ $concern->image }}" width="100%" height="auto">
                                </div>
                                <div class="content-section text-center">
                                    <h2>{{ $concern->concern_name }}</h2>
                                    <p class="text-center">{{ $concern->short_details }}</p>
                                    <a href="/service/{{ $concern->slug }}">Read More</a>
                                </div>
                            </div>
                        </a>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    @endif
@endsection