@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->category_name}}</h3>
                    <p></p>
                </div>
            </div><!-- end col -->
        </div><!-- end row -->
    </div>
</section>

<section class="section bgwhite">
    <div class="portfolio-wrapper">
        <nav class="portfolio-filter text-center">
            <!-- <ul>
                        <li><a class="active" href="#" data-filter="*" data-toggle="tooltip" data-placement="bottom" title="22">All</a></li>
                        <li><a href="#" data-filter=".cat1" data-toggle="tooltip" data-placement="bottom" title="6">interior</a></li>
                        <li><a href="#" data-filter=".cat2" data-toggle="tooltip" data-placement="bottom" title="8">construction</a></li>
                        <li><a href="#" data-filter=".cat3" data-toggle="tooltip" data-placement="bottom" title="12">painting</a></li>
                        <li><a href="#" data-filter=".cat4" data-toggle="tooltip" data-placement="bottom" title="6">galleries</a></li>
                        <li><a href="#" data-filter=".cat5" data-toggle="tooltip" data-placement="bottom" title="7">inaugural</a></li>
            </ul> -->
        </nav>  
       
        <div id="da-thumbs" class="da-thumbs portfolio">
        @foreach($procat['data'] as $list)
            <div class="pitem item-w1 item-h1 cat1">
                <a href="{{ route('product', ['id' => $list->product_slug]) }}">
                    <img src="{{ asset('productImage/' . $list->product_imgpath) }}" alt="">
                    <div>
                        <span>{{ $list->product_name }} <small>{{ $list->category_name }}</small></span>
                    </div>
                </a>
            </div><!-- end pitem -->
        @endforeach
        </div><!-- end portfolio -->
     
    </div><!-- end portfolio-wrapper -->

</section><!-- end section -->
</section>

@endsection