@extends('layouts.frontend.index')

@section('metas')
<title>{{ $settings_translate['home_meta_title']['value'] }}</title>
@endsection

@section('content')

{{-- <div class="alert alert-info" role="alert">
    <p>
        Уважаеми клиенти,<br>
        Бихме искали да ви уведомим, че тази година нашият онлайн магазин, както и физическите ни обекти, ще бъдат в
        коледна
        ваканция.
    </p>

    <p>
        Ще приемаме поръчки до 21.12.2025 г., като ще се постараем всички те да бъдат обработени и изпратени до
        23.12.2025 г..
        Поръчките, направени след тази дата, ще бъдат изпращани след 06.01.2026 г.
    </p>

    <p>
        Благодарим ви за разбирането и ви пожелаваме светли и весели празници!
    </p>
</div> --}}
<div class="swiper">
    <div class="swiper-wrapper">
        @foreach ($banners->where('position', 'SLIDER') as $key => $slide)
        <div class="swiper-slide">
            <a href="{{ $slide->url }}">
                <img class="img-fluid" src="{{ asset('storage/banners/' . $slide->image) }}" alt="">
            </a>
        </div>
        @endforeach
    </div>
</div>


<div class="options">
    <div class="row">
        <div class="col-6 col-md-3 option">
            <img src="{{ asset('/frontend/icons/truck_fast_icon.png') }}" alt="">
            <div>
                Безплатна доставка<br>
                за цяла България
            </div>
        </div>
        <div class="col-6 col-md-3 option">
            <img src="{{ asset('/frontend/icons/badge_icon.png') }}" alt="">
            <div>
                Оригинални продукти<br>
                гарантиран произход
            </div>
        </div>
        <div class="col-6 col-md-3 option">
            <img src="{{ asset('/frontend/icons/box_icon.png') }}" alt="">
            <div>
                Преглед и тест<br>
                вижте преди да платите
            </div>
        </div>
        <div class="col-6 col-md-3 option">
            <img src="{{ asset('/frontend/icons/refresh_icon.png') }}" alt="">
            <div>
                Възможност за връщане
                в рамките на 14 дни
            </div>
        </div>
    </div>
</div>

<div class="products-container">
    <div class="products-title">
        <h3>Специални предложения</h3>
        <a href="{{ route('specials') }}">Виж всички <i class="fa-solid fa-arrow-right-long"></i></a>
    </div>
    <div class="products">
        @foreach ($special_products as $product)
        <div class="col-6 col-md-4 col-xl-3">
            <a class="product" href="{{ route('product.show', $product->translation->slug . '-' . $product->id) }}">
                <span class="sticker" style="background: {{ $product->sticker->color }}">{{
                    $product->sticker->translation->title }}</span>
                <img src="{{ asset('/storage/products/resized/' . $product->photo) }}" alt="">
                <span class="title">
                    {{ $product->translation->title }}
                </span>
                <span class="delimiter"></span>
                <span class="rating">
                    {!! $product->stars($product->rates->avg('rate')) !!}
                </span>
                <span class="price">
                    @money($product->last_price, 'EUR', true)
                    <span>
                        @if($product->last_price != $product->price)
                            @money($product->price, 'EUR', true)
                        @else
                            @if($product->price_old > 0)
                                @money($product->price_old, 'EUR', true)
                            @endif
                        @endif
                    </span>
                </span>
                <span class="price">
                    @money($product->price * $eur_rate, 'BGN', true)
                    @if ($product->price_old > $product->price)
                    <span class="price-old">@money($product->price_old * $eur_rate, 'BGN', true)</span>
                    @endif
                </span>
            </a>
        </div>
        @endforeach
    </div>
</div>

<div class="banners">
    @foreach ($banners as $key => $banner)
    @if ($banner->position == 'B1')
    <a href="{{ $banner->url }}" class="banner shine">
        <img src="{{ asset('storage/banners/' . $banner->image) }}" alt="">
    </a>
    @endif
    @if ($banner->position == 'B2')
    <a href="{{ $banner->url }}" class="banner shine">
        <img src="{{ asset('storage/banners/' . $banner->image) }}" alt="">
    </a>
    @endif
    @endforeach


</div>

<div class="products-container">
    <div class="products-title">
        <h3>Нови продукти</h3>
        {{-- <a href="#">Виж всички <i class="fa-solid fa-arrow-right-long"></i></a> --}}
    </div>
    <div class="products">
        @foreach ($new_products as $product)
        <div class="col-6 col-md-4 col-xl-3">
            <a class="product" href="{{ route('product.show', $product->translation->slug . '-' . $product->id) }}">
                @if ($product->sticker_id > 0)
                <span class="sticker" style="background: {{ $product->sticker->color }}">{{
                    $product->sticker->translation->title }}</span>
                @endif
                <img src="{{ asset('/storage/products/resized/' . $product->photo) }}" alt="">
                <span class="title">
                    {{ $product->translation->title }}
                </span>
                <span class="delimiter"></span>
                <span class="rating">
                    {!! $product->stars($product->rates->avg('rate')) !!}
                </span>
                <span class="price">
                    @money($product->last_price, 'EUR', true)
                    <span>
                        @if($product->last_price != $product->price)
                            @money($product->price, 'EUR', true)
                        @else
                            @if($product->price_old > 0)
                                @money($product->price_old, 'EUR', true)
                            @endif
                        @endif
                    </span>
                </span>
                <span class="price">
                    @money($product->last_price * $eur_rate, 'BGN', true)
                    <span>
                        @if($product->last_price != $product->price)
                            @money($product->price * $eur_rate, 'BGN', true)
                        @else
                            @if($product->price_old > 0)
                                @money($product->price_old * $eur_rate, 'BGN', true)
                            @endif
                        @endif
                    </span>
                </span>
            </a>
        </div>
        @endforeach
    </div>
</div>

<section class="about">
    <div class="row">
        <div class="col-lg-7">
            <h1>{!! $settings['about_us_title']['value'] !!}</h1>
            <p>
                {!! nl2br($settings['about_us_text']['value']) !!}
            </p>
        </div>
        <div class="col-lg-5 shine">
            <img class="" src="{{ asset('/storage/settings/' . $settings['about_us_image']['value']) }}" alt="">
        </div>
    </div>
</section>
@endsection