@extends('layouts.welcomelayouts.app')
@section('title')
<title> {{ $brand->title }}  - {{$appSetting->h1}} | {{$appSetting->slogan}}</title>
@endsection
@section('SEO')
<meta name="description" content="{!!$appSetting->meta_description!!}">
<meta name="keywords" content="{{$appSetting->meta_keyword}}">
<meta property="og:title" content="{{ $brand->title }} - {{$appSetting->h1}} {{$appSetting->slogan}}">
<meta property="og:description" content="{!!$appSetting->meta_description!!}">
<meta property="og:image" content="{asset($appSetting->logo())}}">
<meta property="og:url" content="{{ route('welcome.productBrand',[$brand,new_slug($brand->title)]) }}">
@endsection
@push('css')
<style>
    .branddiv{
        background: #fff;
        margin: 10px 0;
        padding: 10px;
    }
    .productsdivctg{
        background: white;
        min-height: 500px;
    }
    ul.brandlist {
    margin: 0;
    list-style: none;
    padding: 0;
    }
    ul.brandlist li a {
        color: gray;
    }
</style>
@endpush
@section('contents')

<div class="row" style="background: #e7e7e7;margin: 0;">
    <div class="col-md-2 hidemobiletopsidebar" style="padding: 0;">
        @include('layouts.welcomelayouts.topsidebarmenu')
    </div>
    <div class="col-md-12 col-lg-10" style="background: white;">
        <p style="margin: 0;cursor: pointer;padding: 5px;">
            <a style="text-decoration: none;color: gray;font-size: 14px;" href="{{ route('welcome.productCategory',[$brand,new_slug($brand->title)]) }}">{{ $brand->title }}</a> 
        </p>
    </div>
</div>

        <div style="border-top: 2px solid #c6c6c6;">
            <div class="row" style="margin:0;">
                <div class="col-md-12" style="padding-right: 0;margin-top: 10px;">
                    <div class="productsdivctg">
                        <div class="row" style="margin: 0;padding: 10px 0;">
                        @foreach($products as $product)
                        <div class="col-6 col-lg-2 col-md-3 col-sm-4" style="padding: 5px;">
                            @include('welcome.products.include.productCard')
                        </div>
                        @endforeach
                        <div class="col-md-12">
                        @if(!$products->count() > 0)
                            <center style="margin: 10% 0;font-size: 25px;color: #ea4335;">No found Products</center>
                        @endif
                        {{$products->links()}}
                        </div>
                    </div>
                </div>
                </div>
            </div>

        </div>
@endsection
@push('js')

@endpush