@extends('layout.index')
@section('title', 'Anasayfa')
@section('content')
    

    <section class="overflow-hidden lg:border-y border-0 border-primary-200">
        <div class="overflow-hidden">
            <div id="slider-swiper" class="swiper">
                <div class="swiper-wrapper">
                    @foreach(db('slider')->orderBy('rank')->get()->all() as $slider)
                        <a class="swiper-slide block" href="{{ $slider->url }}">
                            <img src="{{ upload('desktop_image', $slider->desktop_image) }}"
                                 class="w-full lg:block hidden" alt="">
                            <img src="{{ upload('mobile_image', $slider->mobile_image) }}"
                                 class="w-full lg:hidden block" alt="">
                        </a>
                    @endforeach
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </section>

    <section class="py-9">
        <div class="max-w-7xl mx-auto flex items-center justify-between gap-3 lg:px-0 px-4 overflow-x-auto pb-1">
            @foreach($home_layout->popular_categories as $category)
                <a href="{{ site("category/" . $category->slug) }}"
                   class="flex flex-col items-center justify-center transition cursor-pointer">
                    <div class="flex items-center justify-center overflow-hidden mb-3 aspect-square lg:w-[80px] w-[40px]">
                        <img class="aspect-square lg:w-[80px] w-[40px]"
                             src="{{ site('public/upload/category/' . $category->image ) }}" alt="">
                    </div>
                    <h3 class="text-center text-black md:text-lg text-xs text-ellipsis max-w-full whitespace-nowrap overflow-hidden">
                        {{ $category->name }}
                    </h3>
                </a>
            @endforeach
            <a href="{{ site("products") }}"
               class="flex flex-col items-center justify-center transition cursor-pointer">
                <div class="flex items-center justify-center overflow-hidden mb-3 lg:w-[80px] w-[40px]">
                    <img class="aspect-square lg:w-[80px] w-[40px]" src="{{ site("public/assets/image/bars.png") }}"
                         alt="">
                </div>
                <h3 class="text-center text-primary md:text-lg text-xs text-ellipsis max-w-full whitespace-nowrap overflow-hidden">
                    Tüm Ürünler
                </h3>
            </a>
        </div>
    </section>

    <section class="my-10 lg:px-0 px-5">
        <div class="max-w-7xl mx-auto">

            <div class="mb-4 flex items-center justify-center">
                <h2 class="col-span-1 flex items-center justify-center text-2xl font-semibold">Markalara Özel Cihazlar</h2>
            </div>
            <div class="swiper mySwiper" id="product-per-view-best-seller">
                <div class="swiper-wrapper lg:pb-0 pb-4">
                    @foreach($home_layout->products as $product)
                        @if(isset($product->stock_qty))
                            @if($product->stock_qty !== "0")
                                <div class="swiper-slide">
                                    <div class="lg:p-4 p-0">
                                        <a class="rounded-xl block overflow-hidden aspect-square"
                                           href="{{ site('product/' . $product->slug) }}">
                                            <img src="{{ upload('products', json_decode($product->images)[0]) }}"
                                                 class="w-full" alt="">
                                        </a>
                                        <a href="{{ site('product/' . $product->slug) }}"
                                           class="block lg:text-sm text-xs font-bold mt-2.5 h-9"> {{ $product->name }} </a>
                                        <div class="flex lg:items-center items-start lg:gap-2.5 gap-1 lg:flex-row flex-col">
                                            <div class="flex lg:items-center items-start lg:gap-2.5 gap-1 lg:flex-row flex-col">
                                                @if($product->is_fee_show == 1)
                                                    <span class="font-bold lg:text-xl text-lg text-black">
                                                    @if($product->type == 'variant')
                                                                <br />
<b>Warning</b>:  Undefined variable $product in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Attempt to read property "variant" on null in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Deprecated</b>:  json_decode(): Passing null to parameter #1 ($json) of type string is deprecated in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Undefined variable $product in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Attempt to read property "variant" on null in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Deprecated</b>:  json_decode(): Passing null to parameter #1 ($json) of type string is deprecated in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />
<br />
<b>Fatal error</b>:  Uncaught TypeError: array_key_first(): Argument #1 ($array) must be of type array, null given in /home/istanbuldiagnost/public_html/public/view/home.blade.php:96
Stack trace:
#0 /home/istanbuldiagnost/public_html/public/view/home.blade.php(96): array_key_first()
#1 {main}
  thrown in <b>/home/istanbuldiagnost/public_html/public/view/home.blade.php</b> on line <b>96</b><br />