@extends('front.layouts.app')

@section('content')

    @include('front.common.breadcrumb')

   



<section class="about-us-us services-detail-padd-upper product-float-left">

        @if(!empty($product))

            <div class="container">

                <div class="row">

                    <div class="col-md-12">

                        <div class="main-our-services-us ">

                            

                        </div>

                    </div>

                    <div class="col-12">

                        <div class="for-padd-usss float-left">

                            <a class="card-link thumbnail" href="#" data-toggle="modal" data-image="{!! asset($product->image) !!}" data-target="#image-gallery" data-image-id="">

                            <div class="card border-0 mx-auto">

                                <div class=" about-image product-detail-img-box  img-box-hah d-flex justify-content-center align-items-center product-detail-padd">

                                <img class="img-fluid" src="{!! imageUrl(asset($product->image),555,468,95,2) !!}" alt="Card image">
                                <div class="product-upper-link-icon position-absolute">
                            <img class="img-fluid" src="{{ url('assets/front/img/chain.png') }}" alt="Card image">
                        </div>
                                </div>

                            </div>

                            </a>

      {{--                            <div class="about-image pt-5 pb-3 pl-4 ">--}}

      {{--                                <img src="{{ url(asset($service->image)) }}" class="img-fluid" alt="">--}}

      {{--                            </div>--}}

                        </div>

                        <div class="for-padd-us">

                            <div class="inner-services-us">

                                <h2 class="our-sercices-us-tittle product-detail-margin">{{ $product->translation->title }}</h2>

                            </div>

                            <div class="about-content-us services-text-setting">

                            {!! $product->translation->content !!}

                            </div>

                        </div>

                    </div>

                </div>

                @else

                    <div class="container">

                        <div class="col-12">

                            <div class="alert alert-info">

                                {!! __("No record found.") !!}

                            </div>

                        </div>

                    </div>

                @endif

            </div>



            @include('front.common.model')

</section>

    <!-- end about us -->

@endsection