@extends('web.layouts.app')

@section('content')

<!-- start heeder -->
@include('web.layouts.header')
<!-- end heeder -->

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

    <!-- start our-client-index -->
    <section class="our-client-index">
        <div class="main-container">
            <div class="title-center">
                <h4> {{ awtTrans('Testimonial') }}  <span></span></h4>
                <h2> {{ awtTrans('Our Client') }} </h2>
            </div>
            <div class="owl-carousel owl-theme maincarousel" id="slider-client">

                @foreach ($customers as $customer)

                <div class="item">
                    <div class="sub-our-client-index">
                        <div class="img-our-client-index">
                            <img src="{{ $customer->photo }}" alt="">
                        </div>
                        <div class="text-our-client-index">
                            <img src="{{ url('web') }}/images/bxs.png" alt="">
                            <p>{{ $customer->pio }}
                            </p>
                            <h2> {{ $customer->name }} <span></span></h2>
                            <h4>{{ $customer->job_title }}</h4>
                        </div>
                    </div>
                </div>

                @endforeach


            </div>
        </div>
    </section>
    <!-- end our-client-index -->

</main>
<!-- end app -->

@endsection