@extends('layouts.web')
@section('content')
    <x-breadcrumbs level1="Ürünler"></x-breadcrumbs>

    <!-----------S10----------->
    <section class="s10">
        <div class="container">
            <h6 class="global-h6 blue text-center">ÜRÜNLER</h6>
            <h3 class="global-h3 text-center mb-3">WizzyCard İle Dijital Kartvizitiniz</h3>
            <p class="global-p text-center mb-lg-100">
                Dijital Kartvizitler: Güçlü Bağlantılar, Modern Çözümler
            </p>
            <div class="row">
                @foreach($products as $product)
                    <div class="col-xl-3 col-lg-4 col-6 px-lg-4 mb-lg-5 mb-4">
                        <a href="/products/{{ $product->slug }}" class="s10-each">
                            <div class="s10-img mb-3">
                                <img src="/assets/images/products/{{ $product->images[0]->image }}" class="s10-img-1" alt="">
                                <img src="/assets/images/products/{{ $product->images[1]->image }}" class="s10-img-2" alt="">
                            </div>
                            <h6 class="global-h6">{{ $product->name }}</h6>
                            <span class="s10-price">{{ number_format($product->price, 0, ',', '.') }}₺</span>
                        </a>
                    </div>
                @endforeach

            </div>

        </div>
    </section>
@endsection