@extends('frontend.layouts.app')

@section('content')
@if( isset( $module->module_banner_image ) )

 @php
  $bannerImage = asset('module-banner/'.$module->module_banner_image);
 @endphp
<style type="text/css">
  .inner-banner-section
  {
    background-image:url("{{$bannerImage}}");
  }
</style>
@endif
<!-- Banner Section Start -->
<div class="inner-banner-section">
    <div class="inner-banner-content">
      <div class="page-name">
        <p>Fundraisers</p>
      </div>
      <div class="breadcrumb">
        <ul>
          <li><a href="{{route('home.index')}}">Home</a></li>
          <li><a class="active">Fundraisers</a></li>
        </ul>
      </div>
    </div>
</div>
<!-- Banner Section End -->


 <div class="fundraise-page-section">
      <div class="container">
        <div class="search-box mb-4">
          <div class="row">
            <div class="col-md-8"></div>
            <div class="col-md-4">
              <form action="{!!\Request::url()!!}" method="GET">
                <div class="input-group">
                  <input name="fundrazier_title" type="text" class="form-control" placeholder="Search" aria-label="Recipient's username" aria-describedby="basic-addon2">
                  <div class="input-group-append">
                    <button class="btn btn-outline-secondary" type="submit"><i class="fas fa-search"></i></button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
	    	@if( isset($events) && count($events))
        <div class="row">
          

	    		@foreach($events as $event)

          <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="box">
              <div class="image">
                <a href="{{route('fundrazier.detail',$event->slug)}}">
                		@if(isset($event->featured_image))
                    <img src="{{asset('fundrazier/'.$event->featured_image )}}" class="img-fluid" alt="{!!$event->featured_image!!}">
                  @else
                    <img src="{{asset('site-settings/logo16240014531624292244.png')}}" class="img-fluid" alt="Event Image">
                  @endif
                </a>
              </div>
              <div class="title">
                <a href="{{route('fundrazier.detail',$event->slug)}}">{!!$event->title!!}</a>
              </div>
              <div class="salogan">
                <p>{!!$event->fundrazier_logo_title!!}</p>
              </div>
              <div class="description">
                <p>{!!substr(strip_tags($event->overview_description),0,100)!!} .</p>
              </div>
              <div class="read-more">
                <a href="{{route('fundrazier.detail',$event->slug)}}" class="btn btn-warning">Read More</a>
              </div>
            </div>
          </div>
          
		      @endforeach

        </div>
		    @else

		    	<div class="row">

		    		<div class="col-lg-12 col-md-12 col-sm-12">

		    				<p>No fundraisers founds!</p>

		    		</div>

		    	</div>
		    		  
	      @endif
        <!-- <nav aria-label="..." class="pagination-section">
          <ul class="pagination justify-content-center">
            <li class="page-item disabled">
              <span class="page-link">Previous</span>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item active">
              <span class="page-link">
                2
                <span class="sr-only">(current)</span>
              </span>
            </li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
              <a class="page-link" href="#">Next</a>
            </li>
          </ul>
        </nav> -->
      </div>
    </div>


@endsection


@section('scripts')
    


@endsection