@extends('web.layouts.app')

@section('title', getSetting('sector_name' , app()->getLocale() )) 
@description(Str::limit(strip_tags(getSetting('desc_seo', app()->getLocale())), 160))
@keywords(implode(',', json_decode(getSetting('keyword', app()->getLocale()))))
@image(asset('storage/' . getSetting('logo')))

@section('sub_header')
    <div class="sub-header">
        <div class="main-container">
            <div class="text-about-header">
                <h2>{{ getSetting('sector_name' , app()->getLocale() )  }}</h2>
                <h6> <a href="{{ route('web.solutions.home') }}"> {{ transWord('الرئيسية') }} </a> <i
                        class="bi bi-chevron-double-left"></i>{{ getSetting('sector_name' , app()->getLocale() )}}</h6>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <section class="services mr-section">
        <div class="main-container">
            <div class="text-about">
                <h2>{{ getSetting('sector_name' , app()->getLocale() )  }}</h2>
                <img src="{{ url('') . '/web/' . 'imges/1.png' }}" alt="">
            </div>
            <div class="row align-items-center mt-2">
                @foreach ($sectors as $sector)
                    <div class="col-lg-4 col-md-6">
                        <div data-aos="zoom-in-up" class="sub-services">
                            <div class="img-services">
                                <img src="{{ url('') . '/' . $sector->image }}" alt="">
                            </div>
                            <div class="author">
                                <img src="{{ url('') . '/' . $sector->icon }}" alt="">
                            </div>
                            <div class="text-services">
                                <h2>{{ $sector->title }}</h2>
                                <p>{{ Str::limit(strip_tags($sector->desc), 80) }}</p>
                                <a href="{{ route('web.solutions.sectors.show', $sector->slug) }}"> <span>
                                        {{ transWord('قراءة المزيد') }}<img src="{{ url('web') }}/imges/Vector.png"
                                            alt=""></span>
                                </a>

                            </div>
                        </div>
                    </div>
                @endforeach

            </div>
        </div>
    </section>
@endsection