@extends('layouts.app')
@section('content')

    <div class="innerBanner">
        <img src="{{asset('images/innerBan.jpg')}}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="secHeading text-white">Services</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <section class="serviceInner">
        <div class="container">
            <h2 class="subHeading text-center p-0 mb-4">Services</h2>

            <div class="row">
                <div class="col-md-12">
                    <div class="serviceWrps">
                        <img src="{{asset('admin/service_images/'.$find_Services->image ? : assset('admin/placeholder.png'))}}" class="img-fluid"
                             alt="">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="srvBox">
                        <h3 class="secHeading">{{$find_Services->title ?? ''}}</h3>
                        <p>
                            {{$find_Services->description ?? ''}}
                        </p>
                        <a href="{{route('front.estimation',$find_Services->id)}}">FREE ESTIMATE</a>
                    </div>
                </div>
            </div>

            <h2 class="subHeading text-center p-0 mb-4 mt-4">Services Gallery</h2>
            @php
                $get_decode = json_decode($find_Services->images);
            @endphp
            @if($get_decode)
                <div class="row">
                @foreach($get_decode as $index => $all_images)

                    <div class="col-md-4">
                    <img src="{{ asset('admin/service_images/'.$all_images) }}" class="img-fluid"
                         alt="">
                    </div>

            @endforeach
                </div>
            @else
                <h4 class="text-center">
                    Services Gallery Not Found
                </h4>
                @endif
        </div>
    </section>

@endsection