@extends('web.layout.master')
@section('title', 'Welcome! | House Runs For Me')
@section('content')
<style>
.user-details img {
    height: 167px !important;
}
</style>
@include('web.pages.navbar')
    {{-- <div class="box-shadow-for-ui">
        <div class="uou-block-2b">
            <div class="container"> <a href="{{ url('home') }}" class="logo"><img
                        src="{{ asset('assets/web/img/logo.png') }}" alt=""></a> <a href="#"
                    class="mobile-sidebar-button mobile-sidebar-toggle"><span></span></a>
                <nav class="nav">
                    <ul class="sf-menu">
                        <li class="navLinkA"> <a href="{{ url('home') }}"><img
                                    src="{{ asset('assets/web/images/home.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Home</a> </li>
                        <li class="navLinkA"> <a href="{{ url('about') }}"><img
                                    src="{{ asset('assets/web/images/2.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />About</a></li>
                        <li class="navLinkA"> <a href="{{ url('recommended') }}"><img
                                    src="{{ asset('assets/web/images/3.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Recommended</a></li>
                        <li class="navLinkA active"> <a href="{{ url('services-provider') }}"><img
                                    src="{{ asset('assets/web/images/4.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Services</a>
                            <ul class="demo-menu" style="display: none;">
                                <li id="nav-menu-item-865"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/generalservices') }}"
                                        class="menu-link sub-menu-link">General Services</a>
                                </li>
                                <li id="nav-menu-item-866"
                                    class="sub-menu-item  menu-item-odd menu-item-depth-1 menu-item menu-item-type-custom menu-item-object-custom">
                                    <a href="{{ url('services-provider/professionalservices') }}"
                                        class="menu-link sub-menu-link">Professional Services</a>
                                </li>
                            </ul>
                        </li>
                        <li class="navLinkA"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Service Regions</a></li>
                        <li class="navLinkA"> <a href="{{ url('faq') }}"><img
                                    src="{{ asset('assets/web/images/8.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />FAQ'S</a></li>
                        <li class="navLinkA"> <a href="{{ url('contact') }}"><img
                                    src="{{ asset('assets/web/images/9.png') }}" class="img-responsive mr-2 mt-2"
                                    height="20" width="20" />Contact</a></li>
                        <li class="navLinkA active"> <a href="{{ url('comingsoon') }}"><img
                                    src="{{ asset('assets/web/img/shoppingtrolley.png') }}"
                                    class="img-responsive mr-2 mt-2" height="20" width="20" /></a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- end .uou-block-2b -->
    </div> --}}
    
    <div class="vh-100 bg-white home-pro" style="margin-top: 77px;margin-bottom: 41px;">
        <div class="blog-content pt60">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="text-center">{{$Categoryname}}</h3>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div>
                            <!-- Members -->
                            <section class="pro-mem">
                                <div class=" pb30">
                                    <div class="row">
                                        @foreach ($sub_cat as $sub_categories)
                                        <div class="col-sm-3">
                                            <div class="uou-block-6a uer-directory-single">
                                                <a href="{{url('/servicecategory/detail').'/'.$sub_categories->id.'/'.$sub_categories->name}}">
                                                    <div class="uer-image"
                                                        style="background: url('') center center no-repeat; background-size: cover;">
                                                         {{-- <img src="{{asset('assets/web/gs/23.png')}}" alt="" style="width: 70px;padding-top: 10px;">  --}}
                                                    </div>
                                                </a>

                                                <div class="user-details">
                                                    <a href="{{url('/servicecategory/detail').'/'.$sub_categories->id.'/'.$sub_categories->name}}">
                                                     @if(isset($sub_categories->image))   
                                                    <img src="{{asset('admin/category/images/'.$sub_categories->image)}}" alt="">
                                                    @else
                                                    <img src="{{asset('assets/web/gs/222.jpeg')}}" alt="">
                                                    @endif 
                                                        <h6>
                                                            {{$sub_categories->name}}
                                                        </h6>
                                                    </a>
                                                    <!--<p><i class="fa fa-map-marker"></i> 71 Hester St, New York, NY-->
                                                    <!--    10002&nbsp;</p>-->
                                                </div>

                                            </div>
                                            <!-- end .uou-block-6a -->
                                        </div>
                                        @endforeach
                                    </div>
                                </div>
                            </section>
                            <div class="text-center">
                                <div id="pagination" class="pagination"></div>
                            </div>
                        </div>
                    </div>




                </div> <!--  end blog-single -->
            </div>

        </div>
    </div>
@endsection