@extends('frontend.layouts.master')
@section('content') <br>
      <section class="blog-grid">
        <div class="container">
            <div class="col-md-12">

            </div>
          <div class="row">
            <!-- Post Item #1 -->
            @foreach($data as $camp)
            <div class="col-sm-12 col-md-6 col-lg-4">
              <div class="post-item">
                <div class="post__img">
                  <a href="{{ route('healthcamp.showFront.show', ['id' => $camp->id]) }}">
                    <img src="{{ asset('camp/images/' . $camp->campimage) }}" alt="post image" loading="lazy" style="width: 400px; height:300px">
                  </a>
                </div><!-- /.post__img -->
                <div class="post__body">
                  <div class="post__meta-cat">
                    <a href="https://madalasafoundation.com/" target="_blank">Supported By <b>Madalasa Foundation</b> </a>
                  </div><!-- /.blog-meta-cat -->
                  <div class="post__meta d-flex">
                    <span class="post__meta-date">{{ $camp->campdate }} {{ $camp->camptime }}</span>
                    <a class="post__meta-author" href="#">{{ $camp->location }}</a>
                  </div>
                  <h4 class="post__title"><a href="{{ route('healthcamp.showFront.show', ['id' => $camp->id]) }}">{{$camp->name}}</a></h4>
  
                  <p class="post__desc">{{ substr($camp->des, 0, 176) }}..
                  </p>
                  <a href="{{ route('healthcamp.showFront.show', ['id' => $camp->id]) }}" class="btn btn__secondary btn__link btn__rounded">
                    <span>Read More</span>
                    <i class="icon-arrow-right"></i>
                  </a>
                </div><!-- /.post__body -->
              </div><!-- /.post-item -->
            </div>
            @endforeach
            
            
            <!-- /.col-lg-4 -->
             
          </div><!-- /.row -->
          
        </div><!-- /.container -->
      </section><!-- /.blog Grid -->
  
@endsection