@include($add_small)

<div class="container blog-content section-big">

    <div class="row">
        <div class="col-sm-3">
            <div class="widget widget-recent-posts">
                <h3 class="widget-title">{{$title}}</h3>
                <ul>
                    @foreach($services as $service)
                        <li>
                            <img src="assets/img/icons/{{$service->category_icon}}" alt="" height="64">
                            <a class="post-title" href="{{url("/service?serId=$service->id")}}">{{$service->category_name}}</a>
                            <div class="post-details">
                                <span><i class="fa fa-comments-o"></i> <b></b> </span>
                            </div>
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>
        <div class="col-md-9" style="padding-top: 20px;">
            @if(count($lists) > 0)
                @foreach($lists as $list)
                    <div class="single-post">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="featured-img">
                                    <img class="" src="{{url("assets/images/services/$list->ser_image")}}" alt="" height="200">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <h3>{{$list->ser_name}}</h3>
                                <p style="text-align: justify">{{mb_substr($list->ser_comments,0,300)}}</p>
                                <a class="btn" href="{{url("/ser?serID=$list->id")}}">Дэлгэрэнгүй...</a>
                            </div>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="alert alert-light" role="alert">
                   Одоогоор бүртгэл олдсонгүй. Үйлчилгээний өөр төрөл сонгох бол <a href="{{url("/services")}}" class="alert-link">Энд</a> дарна уу.
                </div>
            @endif
        </div>
    </div>
</div>