@extends('frontend.slices.main')
@section('content')
<div class="section banner-page about">
    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div class="title-page" style="background-color: #083472; padding: 5px 5px 5px 5px; border-radius: 5px;">Product Update</div>
            </div>
        </div>
    </div>
</div>
<div class="section why overlap">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="box-partner">
                    @foreach($products as $product)
                    <div class="item">
                        <div class="box-image">
                            <div class="client-img">
                                <a href="#"><img src="{{ url($product->image ?? '') }}" alt="" class="img-responsive"></a>
                            </div>
                        </div>
                        <div class="box-info">
                            <div class="heading">{{ $product->name }}</div>
                            <p>{!! $product->description ?? '' !!}</p>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="row">
                    <div class="col-12" style="text-align: center; font-size: 16px;">
                        {{ $products->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection