@extends('layout')

@section('pageTitle', "首頁｜".config('globals.app_name'))
{{-- @endsection --}}

{{-- @section('breadcrumb')
@php
    $breadcrumb = [
        ['name' => __("menu.LOC_BONUS_SETTINGS")],
        ['name' => __('menu.LOC_BONUSES')],
        ['name' => __('other.LOC_EDIT')],
    ];
    $moduleName = __('menu.LOC_BONUSES');
    $backBtn = "/bonus/bonus/";

@endphp
@endsection --}}

@section('content')
@if (config('globals.is_mobile'))
    <div class="mobile-show">
        <div class="container banner p-0">
            <div class="owl-carousel owl-theme">
                {{-- <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/banner1.jpg?1" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div> --}}
                <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/banner2.jpg?1" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div>
                <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/banner3.jpg?1" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div>
                {{-- <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/banner4.jpg" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div> --}}
            </div>
        </div>
    </div>
@else
    <style>
        .pc-show .banner{
            margin-top: 10px;
        }
    </style>
    <div class="pc-show">
        <div class="container banner p-0">
            <div class="owl-carousel owl-theme">
                <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/fatbanner1.jpg" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div>
                <div class="item">
                    <a class="keyword_link" href="https://www.instagram.com/hoom.tw/" rel="nofollow"  target="_blank" title="{{ config('globals.app_name') }}_IG">
                        <img class="d-block w-100" src="images/banner/fatbanner2.jpg" alt="{{ config('globals.app_name') }}_IG">
                    </a>
                </div>
            </div>
        </div>
    </div>
@endif
{{-- <section class="banner-bottom">
    <img src="/images/banner下方圖片.jpg" alt="">
</section> --}}
<section>
    <div class="container">
        <div class="row mt-4">
            <div class="col-12 text-center">
                <h4 class="color-all-title big-title m-3">｜新鮮食材．用心製作｜</h4>
                <p style="font-size: 16px;">
                    在每一口的滋味中，我們秉持著傳承與創新的理念<br>
                    精心打造出獨特的雞肉滷味。選用新鮮的優質雞肉，搭配獨特的秘製滷汁<br>
                    讓每一塊雞肉都充分吸收醇厚的味道，口感鮮嫩多汁<br>
                    我們堅持使用天然香料，無添加防腐劑，讓您在享受美味的同時也能品味健康。<br><br>
                    我們的雞肉滷味不僅是一道佳餚，更是情感的寄託<br>
                    帶您回到那充滿溫馨的家鄉味道<br>
                    無論是作為下酒菜，還是日常的家庭聚餐，都是您理想的選擇<br>
                    一起品嚐這份用心製作的美味，讓每一餐都充滿幸福的滋味！
                </p>
            </div>
        </div>
    </div>
</section>

<section>
    <div class="container text-center mt-4">
        <h4 class="color-all-title big-title m-3">｜皮滷精選．熱銷商品｜</h4>
        <div class="product mt-4">
            @foreach ($Products as $item)
                <div class="col-md-3 col-6 mb-3">
                    <a href="product?send={{ $item->id }}" style="text-decoration: none;">
                        <div class="product-img">
                            {{-- <img src="/images/product/product1.jpg" alt=""> --}}
                            <img src="@hasProductImg($item->pImgSrc)" alt="{{ $item->Name.'｜'.config('globals.app_name') }}">
                        </div>
                        <div class="product-title">
                            {{ $item->Name }}
                        </div>
                        <div class="product-price">
                            NT$
                            @php
                                // dd($products);
                                $money_range = json_decode($item->AmountJson,true);
                                // dd($money_range);
                                $min = 0;
                                $max = 0;
                                foreach($money_range as $key1 => $bag_array){
                                    $money = $bag_array['Amount'];
                                    if($min == 0 || $min > $money){
                                        $min = $money;
                                    }
                                    if($max == 0 || $max < $money){
                                        $max = $money;
                                    }

                                }

                                if($min == $max){
                                    echo $min;
                                }
                                else{
                                    echo $min .' - '.$max;
                                }
                            @endphp
                            {{-- {{ $item->AmountJson }} --}}
                        </div>
                    </a>

                </div>
            @endforeach

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