@extends('Layouts.index')
@section('content')
    <!-- artikel -->
    <section class="bg-light">
        <div class="row">
            <div class="col-md-12 bg-pattern3 py-11">
                <div class="d-flex align-items-center justify-content-center">
                    <h2 class="fs-45 fw-semibold pt-5 p-0 mb-0 text-dark">Klien <span class="text-primary">Jagoti</span></h2>
                </div>
                <p class="fs-16 text-center">Daftar klien yang bermitra dengan jagoti</p>
            </div>
        </div>
        <!--/.row -->
        <div class="container pt-10">
            <div class="grid grid-view projects-masonry">
                {{-- <div class="isotope-filter filter mb-10">
              <ul>
                <li><a class="filter-item active" data-filter="*">All</a></li>
                <li><a class="filter-item" data-filter=".foods">Foods</a></li>
                <li><a class="filter-item" data-filter=".drinks">Drinks</a></li>
                <li><a class="filter-item" data-filter=".events">Events</a></li>
                <li><a class="filter-item" data-filter=".pastries">Pastries</a></li>
              </ul>
            </div> --}}
            <div class="row gy-10 mb-10">
                <div class="col-12">
                    <div class="col-4 mx-auto">
                        <p class="fs-15 text-center text-ash">untuk peserta yang menggunakan Learning Manajemen Jagoti, berikut daftar klien yang sudah mempercayakan jagoti sebagai platform pelatihan online terbaik.
                        </p>
                    </div>
                </div>
                @if (!empty($klien))
                @foreach ($klien as $item)
                    <div class="col-md-2 d-flex align-items-center">
                        <figure class="mb-0 ">
                            <img src="{{ $intcms->url }}upload/externalLogo/{!! $item['ImageMenu'] !!}" loading="eager" alt="JAGOTI" srcset="{{ $intcms->url }}upload/externalLogo/{!! $item['ImageMenu'] !!}" width="190"/>
                        </figure>
                    </div>
                @endforeach
                @endif
            </div>
                        
            </div>
            <!-- /.grid -->
        </div>
    </section>


@endsection