@extends('web.layouts.app')

@section('content')


<!-- start header =====
        ============ -->
<header class="header header-pages">

    <!-- start top-par -->
    <div class="top-par">
        <div class="main-container">
            <div class="logo">
                <a href="{{ url('/') }}">
                    <img src="{{ getSetting('logo') }}" alt="">
                </a>
            </div>



            <div class="icons-top-par">
                <div class="language">
                    @if (app()->getLocale() == 'ar')
                    <a href="{{ route('web.lang' , 'en') }}">

                        <span> En </span>
                    </a>
                    @else
                    <a href="{{ route('web.lang' , 'ar') }}">

                        <span> عربي </span>
                    </a>
                    @endif
                </div>


                <!-- ----------- -->


                <div class="menu-div">
                    <div class="content" id="times-ican">
                        <a href="#" title="Navigation menu" class="navicon" aria-label="Navigation">
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                            <span class="navicon__item"></span>
                        </a>
                    </div>
                </div>



            </div>
        </div>
    </div>
    <!-- end top-par -->



    <!-- start sub-header -->
    <div class="sub-header">
        <div class="sub-slider-header">
            <div class="img-slider" style="background-image: url({{ url('web') }}/images/bg02.png);"></div>
            <div class="text-slider-header">
                <div class="title-text-slider-header">
                    <div class="main-container">
                        <img src="{{ url('web') }}/images/img.png" alt="">
                        <h2 class="slider-title-fill h42 slider-tr-delay01 medium-title red-color" data-text="{{ awtTrans('عملاءنا') }}">
                            {{ awtTrans('عملاءنا') }}
                    </div>
                    </h2>
                </div>

                <div class="p-sub-header">
                    <div class="main-container">
                        <p>
                            <span class="slider-title-fill h42 slider-tr-delay01" data-text="{{ getSettingLang('about_application') }}">
                                {{ getSettingLang('about_application') }} </span>
                        </p>
                    </div>

                </div>
            </div>

        </div>
    </div>
    <!-- +
     sub-header -->



</header>
<!-- end header =====
============== -->

<!-- start app ====
        ===============================
        ================================
        ============== -- 
        -->
<main id="app">

    <section class="clients mr-section">
        <div class="main-container">
            <div class="title-center">
                <h2>{{ awtTrans('عملاءنا') }}</h2>
            </div>

            <div class="main-clients-index">

                @foreach ($clients as $client)

                <div class="items-grid" data-aos="{{ $loop->iteration % 2 ? 'flip-left' : 'flip-right' }}" data-aos-duration="700">
                    <div class="img-clients-index">
                        <img src="{{ $client->photo }}" alt="">
                    </div>
                    <h2>{{ $client->name }}</h2>
                </div>

                @endforeach

            </div>

        </div>
    </section>








</main>

<!-- end app ====
        =============================
        ==================================
        ==================== -->

@endsection