@extends('web.layouts.app')

@section('title', transWord('اراء عملائنا'))
@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> {{ transWord('اراء عملائنا') }}</h2>
                <h6> <a href="{{ route('web.solutions.home') }}"> {{ transWord('الرئيسية') }} </a> <i
                        class="bi bi-chevron-double-left"></i> {{ transWord('اراء عملائنا') }}
                </h6>
            </div>
        </div>
    </div>
@endsection

@section('content')
    <section class="customer-page">

        <!-- start customer-index  -->
        <div class="customer-index pg-section">
            <div class="main-container">
                <div class="title-start">
                    <h2>{{ transWord('اراء عملائنا') }} </h2>
                </div>

                <div class="row row-gap">
                    @foreach ($feedbacks as $feedback)
                        <div class="col-lg-6">
                            <div class="sub-customer-index">
                                <div class="img-customer-index">
                                    <img src="{{ url('web') }}/imges/feedback.png" alt="{{ $feedback->name }}">
                                </div>
                                <div class="text-customer-index">
                                    <p>{{ $feedback->review }}</p>
                                    <h2>{{ $feedback->name }} </h2>
                                    <h4>{{ $feedback->job_title }}</h4>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
        <!-- end customer-index  -->

        <!-- our-customers -->
        <div class="our-customers mr-section">
            <div class="title-center">
                <h2> {{ transWord('عملائنا') }}</h2>
            </div>
            <div class="main-our-customers">
                <div class="main-container">
                    <div class="owl-carousel owl-theme" id="slider-our-customer">
                        @foreach ($clients as $client)
                            <div class="item">
                                <div class="sub-our-customers">
                                    <img src="{{ asset('storage/' . $client->image) }}" alt="">
                                </div>
                            </div>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
        <!-- our-customers -->

    </section>

@endsection