@extends('user.layouts.app')
@section('metapart')
<meta property="og:url" content="{{ \Illuminate\Support\Facades\URL::full() }}">
<meta property="og:title" content="{{$sitesetting->meta_tag}}">
<meta property="og:description" content="{{ $categoryfirst->name }} | {{$sitesetting->meta_tag}}">
<meta property="og:type" content="Website">
<meta property="og:image" content="{{$categoryfirst->image_url}}">
<meta property="og:image:secure_url" content="{{$categoryfirst->image_url}}">	
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

@endsection

@section('pagetitle')
<title>{{ $categoryfirst->name }} | {{ $sitesetting->comp_name }}</title>
@endsection

@section('body')
<section class="breadcrumb-area" style="background-image: url({{ url('public/assets/user') }}/images/breadcrumb-bg.jpg);">
	<div class="container-fluid text-center">
		<h1>{{ $categoryfirst->name }}</h1>
		<div class="breadcrumb-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <div class="left pull-left">
                            <ul>
                                <li><a href="{{ url('/') }}">Home</a></li>
                                <li><i class="fa fa-angle-right" aria-hidden="true"></i></li>
                                <li>{{ $categoryfirst->name }}</li>
                            </ul>    
                        </div>    
                    </div>
                </div>
            </div>
		</div>
	</div>
</section>
<section class="service-page-area">
    <div class="container">
		<div class="row">
			<div class="col-md-3">
				<div class="sidevar_menu">
					<div class="widget-content">
						<h4 class="top_tital">Product</h4>
						<ul id="accordion">
							@foreach($category as $singlecat)
							<li>
								<a href="{{ url('/categorylist'.'/'.$singlecat->slug) }}"><img alt="" src="{{ $singlecat->image_url }}"></a>
								<h4> <a href="{{ url('/categorylist'.'/'.$singlecat->slug) }}">{{ $singlecat->name }}</a></h4>
							</li>
							@endforeach
						</ul>
					</div>
				</div>
			</div>
			<div class="col-md-9">
				<div class="row border_left">
					@foreach($productbycategory as $singlepro)
						<div class="single-project-item col-md-4 col-sm-4 col-xs-12 filter-item resid commer corp">
							<div class="img-holder">
								<a href="{{ url('/product'.'/'.$singlepro->slug) }}">
									<img src="{{ $singlepro->image_url }}" alt="{{ $singlepro->name }}">
								</a>
							</div>
							<div class="text-holder">
								<a href="{{ url('/product'.'/'.$singlepro->slug) }}"><h3>{{ $singlepro->name }}</h3></a>
							</div>   
						</div>
					@endforeach
				</div>
				{{ $productbycategory->links() }}
			</div>
		</div>
    </div>
</section>

@endsection
@section('js')


@endsection