@extends('web.layouts.container')

@section('content')
    <section class="product_det">
        <div class="container">
            <div class="inner">
                <div class="swiper-container peoduct-det-swiper">
                    <div class="swiper-wrapper">
                        @foreach($product->images as $image)
                        <div class="swiper-slide">
                            <img src="{{asset($image)}}" alt="" class="peoduct_det_img"/>
                        </div>
                        @endforeach
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
                <div class="text-box">
                    <h4 class="title">{{$product->name}}</h4>
                    <p class="text_p">{!! $product->description !!}</p>
                    @if($product->show_advantages)
                    <h5 class="subtitle mt-4">{{$product->advantage_desc ?? __('products.product_advantage_hint')}}</h5>
                    <ul class="custom-list">
                        @if(count($advantages))
                            @foreach($advantages as $advantage)
                                <li class="li">{{stripText($advantage)}}</li>
                            @endforeach
                        @endif
                    </ul>
                    @endif
                    @if($product->show_table)
                    <div class="responsive-table mt-5">
                        <table class="table">
                            <tr>
                                <th><p class="data headline br-tr">{{__('products.desc')}}</p></th>
                                <th><p class="data headlin">{{$product->minimum_title ?? __('products.minimum')}}</p></th>
                                <th><p class="data headline br-tl">{{$product->maximum_title ?? __('products.maximum')}}</p></th>
                            </tr>
                            @foreach($product->points[$lang] as $key => $point)
                                <tr>
                                    <th><p class="data"><b>{{$point}}</b></p></th>
                                    <td><p class="data">{{$product->points['minimum'][$key]}}</p></td>
                                    <td><p class="data">{{$product->points['maximum'][$key]}}</p></td>
                                </tr>
                            @endforeach

                        </table>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection