@extends('website.layout.main')

@section('meta_title')
Services
@endsection
@section('content')






 <!-- Page Title -->
        <div class="page-title-area" style="background-image: url({{render_image_path(get_banners('Services')?->image)}})">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="container">
                        <div class="title-content">
                            <h2>

                                @lang('front.services')
                            </h2>
                            {{-- <ul>
                                <li>
                                    <a href="index.html">
                                        @lang('front.home')
                                    </a>
                                </li>
                                <li>
                                    <span>{{render_post_title($post)}}</span>
                                </li>
                            </ul> --}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Page Title -->

            <!-- Services -->
        <section class="services-area-two pt-100 pb-70">
            <div class="container">

                <div class="row">

                    @foreach ($posts as $item)

                    <div class="col-sm-6 col-6 col-lg-4">
                        <div class="services-item-two">
                            <div class="top">
                                <img src="{{ render_image_path($item->image) }}"  style="height: 240px" alt="
                                    {{render_post_title($item)}}   ">
                            </div>
                            <div class="bottom">
                                <h3 style="min-height: 80px">
                                    <a href="{{render_route('service.show',$item->id)}}">

                                    {{render_post_title($item)}}

                                    </a>
                                </h3>

                                <p>
                                    {!!strip_tags(str()->words(render_post_description($item),20   ))!!}
                                </p>
                                <div class="services-btn">
                                    <a href="{{render_route('service.show',$item->id)}}">


                                        @lang('front.more')
                                        @if (is_rtl())
                                        <i class="bx bx-left-arrow-alt"></i>
                                       @endif
                                        @if (!is_rtl())
                                        <i class="bx bx-right-arrow-alt"></i>
                                        @endif
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach




                </div>
            </div>
        </section>
        <!-- End Services -->


    @endsection
