@extends('front._layouts.master')
@section('title', trans('home.catalogs') . ' | ' . trans('home.title'))
@section('content')


    <!--
    HEADER
    -->
    <section class="row mx-0">
        @if(App::isLocale('tr'))
            <img class="clients-header-outer" src="/assets/front/img/pages-header-celen-TR.jpg" alt="">
        @else
            <img class="clients-header-outer" src="/assets/front/img/clients-header.jpg" alt="">
        @endif
    </section>

    <!--
    CLIENTS
    -->
    <section class="row mx-0">
        <div class="container">
            <h3 class="text-center mt-5 header-font">{{ trans('home.catalogs') }}</h3>
            <div class="row col my-5 mx-auto">
                @foreach($catalogs as $catalog)
                    <div class="col-6 col-md-3 mb-5 text-center">
                        <div class="">
                            <img src="/uploads/catalogs/{{ $catalog->preview }}" class="card-img-top gray-img"
                                 alt="{{ $catalog->name }}" style="height: 200px; width: auto">
                        </div>
                        <a href="{{ $catalog->link }}">
                            <p class="mt-2 chakra-semibold text-secondary">{{ $catalog->name }}</p>
                        </a>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    @include('front._partials.testimonial')

    @include('front._partials.certs')

@endsection