@extends('user/layouts/main')
@section('title')
    ผลิตภัณฑ์ |
@endsection
@section('container')
    <div id="about" class="cards-2">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="text-container">
                        <strong class="text-center">
                            <h2><u>บริษัท ยูพีพี อัลทิเมท แพคกิ้ง จำกัด</u></h2>
                            <h2><u>ผลิตภัณฑ์</u></h2>
                        </strong>
                        <hr />
                    </div>
                    <!-- end of text-container -->
                </div>
            </div>
            <!-- end of row -->
            <!-- end of row -->
            <div class="card" style="width: 100%;">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm-4" style="">
                            <p class="testimonial-text">
                                @foreach ($product as $products)
                                    @foreach (json_decode($products['products_img_multi'], true) as $value)
                                        <a href="{{ asset('' . $value['path'] . '') }}" target="_blank"><img src="{{ asset('' . $value['path'] . '') }}" class="img-fluid"></a>
                                    @endforeach
                                @endforeach
                            </p>
                        </div>
                        <div class="col-sm-8" style="text-align: left !important">
                            @foreach ($product as $products)
                                <h3 class="text-danger">{{ $products['products_name'] }}</h3>
                            @endforeach
                            <br />
                            <u><b class="text-dark">คุณลักษณะ</b></u>
                            <pre class="testimonial-author text-dark">@foreach ($product as $products)<p class="text-dark">{{ $products['products_attribute'] ? $products['products_attribute'] : '-' }}</p>@endforeach</pre>
                            <br />
                            <u><b class="text-dark">คุณสมบัติ</b></u>
                            <pre class="testimonial-author text-dark">@foreach ($product as $products)<p class="text-dark">{{ $products['products_detail'] ? $products['products_detail'] : '-' }}</p>@endforeach</pre>
                            <br />
                            <u><b class="text-dark">การใช้งาน</b></u>
                            <pre class="testimonial-author text-dark">@foreach ($product as $products)<p class="text-dark">{{ $products['products_usability'] ? $products['products_usability'] : '-' }}</p>@endforeach</pre>
                            <br />
                            <u><b class="text-dark">ข้อควรระวัง</b></u>
                            <pre class="testimonial-author text-dark">@foreach ($product as $products)<p class="text-dark">{{ $products['products_warning'] ? $products['products_warning'] : '-' }}</p>@endforeach</pre>
                        </div>
                        <div class="gradient-floor red-to-blue"></div>
                    </div>
                    <!-- end of card -->
                </div>
                <!-- end of row -->
            </div>
            <!-- end of container -->
        </div>
        <!-- end of form-1 -->
    </div>
@endsection
