@extends('site.pages.build')
@section('title',__('dil.urunler'))
@push('css')
    <style>
        @media (min-width: 992px) {
            .navi_subdyn ul li{
                margin-right: 30px !important;
                width: calc(24% - 20px);
            }
        }

    </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()->products_bg }}");
                        height: 300px;
                    }
                    @media (max-width: 1200px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->products_bg }}");
                        }
                    }
                    @media (max-width: 768px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->products_bg }}");
                        }
                    }
                    @media (max-width: 480px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->products_bg }}");
                        }
                    }
                    @media (max-width: 360px) {
                        .back_resource_2247 {
                            background-image: url("/storage/{{ \App\Models\Admin\Component::first()->products_bg }}");
                        }
                    }
                </style>
                <div class="container">
                    <div class="static_header_txt static_header_p1 static_header_c1 static_header_o1"><div class="headline_title">{{ __('dil.urunler') }}</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.urunler') }}</li></ul></div>


    <div class="row_content">
        <div class="container_x">
            <div id="c1923" class="ce_element ce_id_1923 fr_default sb_ sa_">
                <div class="theme_bs_container outer_container container_template_0 flex_0">
                    <div class="container-fluid">
                        <header class="ct_header lt_">
                            <h2 class="">
                                {{ __('dil.urunler') }}
                            </h2>
                        </header>
                        <div id="c1924" class="ce_element ce_id_1924 fr_default sb_ sa_">
                            <div class="theme_tsobj theme_tsobj_navi_subdyn">
                                <div class="navi_subdyn">
                                    <ul>
                                        @foreach(\App\Models\Site\Product::where('status',1)->orderBy('rank','asc')->get() as $indexProduct)
                                            <li class="id_58 first">
                                                <a href="{{ route('site.urunler.show',$indexProduct->slug) }}">
                                                    <div class="subdyn_img">
                                                        <img
                                                                src="/storage/{{ $indexProduct->images[0]->url ?? '' }}"
                                                                width="534"
                                                                height="267"
                                                                class="img-responsive"
                                                                alt="{{ $indexProduct->name }}"
                                                                title="{{ $indexProduct->name }}"
                                                        />
                                                    </div>
                                                    <h3 class="subdyn_title">{{ $indexProduct->name }}</h3>
                                                    <p class="subdyn_desc" style="text-align: justify;font-size: 16px">{{ $indexProduct->short_description }}</p>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection