@extends('layouts.master')

@section('content')


<link rel="stylesheet" type="text/css" href="{{asset('css/blog.css')}}">
<section class="#074c89">
  <div class="container">
  <div class="row text-center text-light">
         
  </div>
  </div>
</section>

<div class="tags-list">
<div class="content">
<ul class="tags-list__list">
<li class="tags-list__tag"><a class="tags-list__link tags-list__link--selected" href="{{URL::to('/blog/')}}">Most recent</a></li>
<li class="tags-list__tag"><a class="tags-list__link" href="{{URL::to('/blog/topic/.Net Core')}}">.Net Core</a></li>
<li class="tags-list__tag"><a class="tags-list__link" href="{{URL::to('/blog/topic/Angular')}}">Angular</a></li>
<li class="tags-list__tag"><a class="tags-list__link" href="{{URL::to('/blog/topic/Laravel')}}">Laravel</a></li>

</ul>
</div>
</div>


  <section class="py-10 bg-light">
    <div class="container px-5"> 
      <div class="row gx-5">

      	@php $slno=0; @endphp
 		@foreach($cases as $case)

 		@php $slno++; 

 		if($slno==1||$slno==2)
 			$classname = 'col-md-12 col-xl-6 mb-5';
 		else
 			$classname = 'col-md-6 col-xl-4 mb-5';

 		@endphp

         
        <div class="{{$classname}}" >
          <div class="posts-list__post"><a class="posts-list__illustration"
              href="{{URL::to('/blogs/')}}/{{$case->slug}}" style="text-align:center;">
              <img  
              src="{{asset('uploads/casestudies/')}}/{{$case->logo}}" alt="" class="card-img-top"></a>

            <p class="posts-list__tags">

            @php
                $tags = explode(",",$case->tags);
                foreach($tags as $tag)
                { @endphp
                  <a class="posts-list__tag" href="{{URL::to('/blog/topic/')}}/{{trim($tag)}}">{{trim($tag)}}</a>&nbsp;
               @php
                }
              @endphp

             
  
            </p>
            <a class="posts-list__title" href="{{URL::to('/blogs/')}}/{{$case->slug}}">{{ $case->title }}</a>
            <div class="posts-list__lead">
             {!! substr($case->details,0,300) !!}...
            </div>
            <div class="posts-list__author">
              Raintels Technologies
              <!--<span class="posts-list__author-date">• {{$case->created_at->format('j F, Y')}} </span>-->
            </div>
          </div>
        </div>

       

      @endforeach

    </div>
    <div class="d-flex justify-content-center text-right mt-2">
      <nav>
        <ul class="pagination pagination-blog">
          @if($pageno>1)
          <li class="page-item"><a class="page-link" href="{{URL::to('/blog/')}}/{{$pageno-1}}" aria-label="Previous"><span
                aria-hidden="true">«</span></a></li>
           @endif
          @php
          	for($i=1;$i<=$total_pages;$i++)
          	{
          	@endphp
          		@if($i==$pageno)
          		 <li class="page-item active"><a class="page-link" href="{{URL::to('/blog/')}}/{{$i}}">{{$i}}</a></li>
          		@else
          		 <li class="page-item"><a class="page-link" href="{{URL::to('/blog/')}}/{{$i}}">{{$i}}</a></li>
          		@endif
          	@php
          	}


          @endphp
         
          
         @if($pageno<$total_pages)
          <li class="page-item"><a class="page-link" href="{{URL::to('/blog/')}}/{{$pageno+1}}" aria-label="Next"><span aria-hidden="true">»</span></a>
          </li>
         @endif
        </ul>
      </nav>

    </div> 
    </div>
  </section>


    
  
 <section id="Contact">
      <div class="container">
        <div class="row">
         
            
           <div class="col-sm-12 section-header">
                <h2 class="margin-top-0 wow fadeIn">Have a question? Get in touch with us! <i class=" object"></i></h2>
                <hr class="primary">
                <p>We love feedback. Fill out the form below and we'll get back to you as soon as possible.</p>
        <a class="btn btn-success" href="contact" target="_blank"><i class="fa fa-home "></i> Get in touch</a>
            </div>
        </div>
      </div>
    </section>


    
@endsection