<!DOCTYPE html>
<html lang="en">
<!--<![endif]-->

<!-- Head BEGIN -->
<head>
  @if($title)
  <title>{{$title->service_type}} | Samuhik Saving & Co-Operative Society Ltd.</title>
  @else
  <title>Service | Samuhik Saving & Co-Operative Society Ltd.</title>
  @endif
@include('Client.Parts.MetaCSS')

 <link href="{{url('assets/pages/css/portfolio.css')}}" rel="stylesheet">
</head>
<!-- Head END -->
@php
  $data=session('lng');
@endphp
<!-- Body BEGIN -->
<body class="corporate">
  @include('Client.Parts.SocialNetwork')

      @include('Client.Parts.Header')

      <!-- Page header -->
<div class="page-top-section margin-bottom-40">
  <div class="overlay"></div>
  <div class="container text-right">
    <div class="page-info">
  @if($title)     
<h2 style="text-align: center">{{$title->service_type}}</h2>
 @else
 <h2 style="text-align: center">Service</h2>
 @endif

      <div class="page-links">
        <a href="{{url("$data")}}">Home</a>
         @if($title)
        <span>{{$title->service_type}}</span>
        @else
         <span>Service</span>
        @endif
      </div>
    </div>
  </div>
</div>
<!-- Page header end-->

    <div class="main">
      <div class="container">
        <!-- BEGIN SIDEBAR & CONTENT -->
      <div class="row margin-bottom-40">
          <!-- BEGIN CONTENT -->
          <div class="col-md-12 col-sm-12">
            @if($title)
            <h1>{{$title->service_type}}</h1>
            @else
            <h1>Service</h1>
            @endif
            <div class="content-page">
                <div class="filter-v1">
                                    <div class="row mix-grid thumbnails">
                                      @foreach($services as $service)
                                      <div class="col-md-4 col-sm-6 mix category_1 mix_all" style="display: block;  opacity: 1;">
                                        <div class="mix-inner">
                                           <img alt="{{$service->title}}" src="{{url('img/Service/'.$service->file_name)}}?t={{rand()}}" class="img-responsive">
                                           <div class="mix-details">
                                              <h4>{{$service->title}}</h4>
                                              <p>{!!implode(" ", array_slice(explode(" ",strip_tags($service->description)), 0, 30))!!}...</p>
                                              <a class="mix-link" href="service/{{$service->title}}?id={{$service->token}}"><i class="fa fa-link"></i></a>
                                              <a data-rel="fancybox-button"  href="{{url('img/Service/'.$service->file_name)}}?t={{rand()}}" class="mix-preview fancybox-button"><i class="fa fa-search"></i></a>
                                           </div>           
                                        </div>                       
                                      </div>
                                      @endforeach

                                      <div style="text-align:center;">
                                        {!!$services->links()!!}
                                      </div>
                                  
                                  </div>
              </div>
            </div>
          </div>
          <!-- END CONTENT -->
        </div>
    </div>

@include('Client.Parts.FooterJs')
</body>
<!-- END BODY -->
</html>
