@extends('front.layout')
@section('content')

<section class="section bgdark">
    <div class="container">
        <div class="row">
        </div><!-- end row -->
    </div>
</section>

<section class="section bglight">
    <div class="container">
        <div class="row">
            <div class="col-md-12 pt-3 pb-3">
                <div class="tagline-message page-title darkcolor text-center">
                    <h3>{{$result->product_name}}</h3>
                    <p></p>
                </div>
            </div><!-- end col -->
        </div><!-- end row -->
    </div>
</section>

<section class="section bgwhite">
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div class="work-images">
                    <a href="" data-lightbox="image-1" data-title="Single Portfolio Item"><img src="{{ asset('productImage/' . $result->product_imgpath) }}" alt="" class=" w-75"></a>
                </div><!-- end work-images -->
            </div><!-- end col -->
                
            <div class="col-md-4">
                 <div class="work-details">
                    <h4>Description</h4>
                        <p>{{$result->product_dis}}</p>

                        <ul class="work-information">
                            <li>Category : @foreach($cat['category'] as $data) @if($data->category_slug == $result->category_id)<a href="{{ route('category', ['id' => $data->id]) }}"> {{$data->category_name}} </a> @endif @endforeach</li>
                        </ul>
                </div><!-- end details -->
            </div><!-- end col -->
        </div><!-- end row -->  
    </div>
</section><!-- end section -->

@endsection