@include('head')
@include('header')

<div class="inner-page-wrapper">
                <div class="wrapper-container">
                    <div class="row">
                        <div class="col-md-12">
                            <h2><span></span>Services </h2>
							<div class="clearfix">
                            <div id="main">
                                <div class="row">
                                    <div class="col-sm-6">
                                        <div class="filter-btn"><a href="#"><span class="filter-icon"><i class="fa fa-filter" aria-hidden="true"></i></span> Filter</a></div>
                                    </div>

                                    <div class="col-sm-6">
                                        <form>
                                            <div class="sort-list">
                                                <div class="row">
                                                    <div class="col-sm-4">
                                                        <label>Sort By</label>
                                                    </div>
                                                    <div class="col-sm-8 select-dropdown">

                                                        <select class="selectpicker">
                                                            <option value="City">City</option>
                                                            <option value="Rating">Rating</option>
                                                        </select>

                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="clearfix"></div>

                                </div>
                                <div class="row">
                                    <div class="filter-panel">
                                        <div class="filter-form">
                                            <form>
                                                <div class="row select-row">
                                                    <div class="col-sm-4">
                                                        <label>Category</label>
                                                        <select class="selectpicker" multiple data-selected-text-format="count > 3">
                                                            <option value="All" selected="selected">All</option>
                                                            <option value="Manufacturer">Manufacturer</option>
                                                            <option value="Service">Service</option>
                                                            <option value="Trader">Trader</option>
                                                            <option value="Artist">Artist</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-8">
                                                        <label>Skill</label>
                                                         <div class="autocomplete form-group">
															<input id="skillinput" type="text" name="skill" placeholder="">
															<!--<div id="skill-list-block" class="skill-list-block"></div>-->
														  </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                   
                                                    <div class="col-sm-4">
                                                        <label>Location</label>
                                                        <select class="selectpicker" multiple data-selected-text-format="count > 3">
                                                            <option selected="selected" value="All">All</option>
                                                            <option value="Karnatak">Karnatak</option>
                                                            <option value="Kerala">Kerala</option>
                                                            <option value="Maharashtra">Maharashtra</option>
                                                            <option value="Gujrat">Gujrat</option>
                                                            <option value="Rajasthan">Rajasthan</option>
                                                            <option value="Delhi">Delhi</option>
                                                            <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                            <option value="Karnatak">Karnatak</option>
                                                            <option value="Kerala">Kerala</option>
                                                            <option value="Maharashtra">Maharashtra</option>
                                                            <option value="Gujrat">Gujrat</option>
                                                            <option value="Rajasthan">Rajasthan</option>
                                                            <option value="Delhi">Delhi</option>
                                                            <option value="Andhra Pradesh">Andhra Pradesh</option>
                                                        </select>
                                                    </div>
                                                    <div class="col-sm-8 form-group">
                                                        <label>Ratings</label>
                                                        <div class="rating-block clearfix">
                                                            <fieldset class="rating">
    <input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="5 stars"></label>
    <input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="4.5 stars"></label>
    <input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="4 stars"></label>
    <input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="3.5 stars"></label>
    <input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="3 stars"></label>
    <input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="2.5 stars"></label>
    <input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="2 stars"></label>
    <input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="1.5 stars"></label>
    <input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="1 star"></label>
    <input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="0.5 stars"></label>
</fieldset>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                @foreach ($services as $list)
    
                                    <div class="filterlist-block">
                                       <a href="viewprofile/{{ $list->id }}">
                                        <div class="row">                                            
                                            <div class="col-sm-12 filterlist-detail">
                                                <div class="row">
                                                    <div class="col-sm-9">
                                                    <div class="filterlist-detail-block">
                                                       <div class="filterlist-img"><img src="images/girl-image.jpg"></div>
                                                        <div class="filterlist-info">
                                                            <h3 class="filterlist-name">{{ $list->company }} </h3>
                                                            <div class="filterlist-location"><i class="fa fa-map-marker"></i><p>{{ $list->companyaddress }}</p></div>
                                                            <div class="filterlist-work-description">{{ $list->businessdetails }}</div>
                                                            
                                                            <ul class="filterlist-tags">
                                                            	<li>{{ $list->operationarea }}</li>
                                                            </ul>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-3">
                                                        <div class="filterlist-id_info">
                                                            <ul>
                                                                <li><h4>ID  {{ $list->membershipno }}</h4></li> 
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row add-this-block">
                                                    <div class="col-sm-6">
                                                        <div class="rating-panel">
                                                            <ul>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star"></i></li>
                                                            	<li><i class="fa fa-star-half-o"></i></li>
                                                            	<li><i class="fa fa-star-o"></i></li>
                                                            </ul>
                                                            <div class="ratings-count">(660 reviews)</div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-6">
                                                        <button class="interest-btn">Interested?</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        </a>
                                    </div>   
                                @endforeach
                                   
                                </div>
                                <div class="row">
                                    <div class="pagination-row list-pagination col-sm-12">
                                    {{ $services->render() }}
                                    </div>
                                </div>
                                

                            </div>
                            <div class="right-block">
                                @include('sidebar')
                            </div>
                            </div>
                            @include('adblockbottom')
                        </div>
                    </div>
                </div>
            </div>

            @include('footer')