@extends('web.layouts.layout')

@section('content')

    <main>
        <!-- Start section -->
        <section class="services-pg section career-pg bg_lightblue3">
            <div class="container">
                <div class="row">
                    @foreach($services as $service)
                        <div class="col-lg-6">
                            <div class="career_card wow fadeInUp">
                                <div class="img_box">
                                    <img src="{{ getImage($service->image) }}" alt="{{ $service->currentDescription->name }}" class="sec-img"/>
                                </div>
                                <div class="card-body">
                                    <h5 class="title fw-bold mb-3">{{ $service->currentDescription->name }}</h5>
                                    <p class="p mb-3">
                                        {{ wordLimit($service->currentDescription->description, 30) }}
                                    </p>
                                    <a href="{{ route('service.show', $service->id) }}" class="butn primary_border_butn px-4 mt-4">
                                        <i class="bi bi-arrow-right ms-0 me-2"></i> {{ __('main.read_more') }}
                                    </a>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>

@endsection