@extends('site.pages.build')
@section('title',__('dil.arama'))
@push('css')
    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
    <style>
        .sliderImage{
            max-width: 100%;
            height: auto;
        }
        @media (max-width: 500px) {
            .teaser-text div span{
                font-size: 2rem !important;
            }
            .flex_1 .gridcol{
                max-width: 100% !important;
                width: unset !important;
            }
            .ct_text h2{
                font-size: 28px !important;
            }
        }
        @media (min-width: 992px) {
            .urunler .navi_subdyn ul li {
                width: 100%;
            }
        }
    </style>
@endpush
@section('content')
    <div class="row_header">

        <div id="c2247" class="ce_element ce_id_2247 fr_default sb_ sa_">
            <div class="static_header back_resource back_resource_2247">
                <style type="text/css" scoped="scoped">
                    .back_resource_2247 {
                        background-image: url("/storage/{{ \App\Models\Admin\Component::first()->search_bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->search_bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->search_bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->search_bg }}");
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->search_bg }}");
                        }
                    }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1"><div class="headline_title">{{ __('dil.arama') }}</div></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row_breadcrumb"><ul class="breadcrumb"><li class="first"><a href="/">{{ __('dil.anaSayfa') }}</a></li><li class="last">{{ __('dil.arama') }}</li></ul></div>


    <div class="row_header">
        <div id="c168" style="margin-top: 3rem" class="ce_element ce_id_168 fr_default sb_ sa_">
            <div class="subheader-teasers row">
                @foreach($products as $product)
                    <div class="col-sm-6 col-md-3 news-col small">
                        <div class="nnn-height-fix">
                            <div class="news_img"><img src="/storage/{{ $product->images[0]->url }}" width="650" height="380" class="img-responsive" alt="" /></div>
                            <h2 style="line-height: 45px;font-size: 2.5rem;">
                                <a href="{{ route('site.urunler.show',$product->slug) }}" title="{{ $product->name }}">
                                    {{ $product->name }}
                                </a>
                            </h2>
                            <div class="site-category-button">/ {{ __('dil.urunler') }}</div>
                            <a
                                    href="{{ route('site.urunler.show',$product->slug) }}"
                                    title="{{ $product->name }}"
                                    target="_self"
                                    class="stretchedlink"
                            >
                                {{ __('dil.devaminiOku') }}
                            </a>
                        </div>
                    </div>
                @endforeach
                @foreach($services as $service)
                    <div class="col-sm-6 col-md-3 news-col small">
                        <div class="nnn-height-fix">
                            <div class="news_img"><img src="/storage/{{ $service->image }}" width="650" height="380" class="img-responsive" alt="" /></div>
                            <h2 style="line-height: 45px;font-size: 2.5rem;">
                                <a href="{{ route('site.cozumler.show',$service->slug) }}" title="{{ $service->name }}">
                                    {{ $service->name }}
                                </a>
                            </h2>
                            <div class="site-category-button">/ {{ __('dil.cozumler') }}</div>
                            <a
                                    href="{{ route('site.cozumler.show',$service->slug) }}"
                                    title="{{ $service->name }}"
                                    target="_self"
                                    class="stretchedlink"
                            >
                                {{ __('dil.devaminiOku') }}
                            </a>
                        </div>
                    </div>
                @endforeach
                @foreach($blogs as $blog)
                    <div class="col-sm-6 col-md-3 news-col small">
                        <div class="nnn-height-fix">
                            <div class="news_img"><img src="/storage/{{ $blog->image }}" width="650" height="380" class="img-responsive" alt="" /></div>
                            <h2 style="line-height: 45px;font-size: 2.5rem;">
                                <a href="{{ route('site.haberler.show',$blog->slug) }}" title="{{ $blog->name }}">
                                    {{ $blog->name }}
                                </a>
                            </h2>
                            <div class="site-category-button">/ {{ __('dil.haberler') }}</div>
                            <a
                                    href="{{ route('site.haberler.show',$blog->slug) }}"
                                    title="{{ $blog->name }}"
                                    target="_self"
                                    class="stretchedlink"
                            >
                                {{ __('dil.devaminiOku') }}
                            </a>
                        </div>
                    </div>
                @endforeach

            </div>
        </div>
    </div>
@endsection