@extends('layouts.front')

@section('content')
<!-- Inner Section Start -->
  <section class="inner-area parallax-bg" data-background="{{asset('front/images/FnA_HD.jpg')}}" data-type="parallax" data-speed="3">
    <div class="container">
      <div class="section-content">
        <div class="row">
          <div class="col-12">
            <h4>{{$event->title}}</h4>
            <p>Home <a href="#">{{$event->title}}</a></p>
          </div>
        </div>
      </div>
    </div>
  </section>
<!-- Inner Section End -->
 <!-- Services Section Start -->
 <section class="service-section4">
  <div class="container">
      <div class="row">
        @foreach($all_events as $key => $one_event)
          <div class="col-md-6">
              <div class="service-item style-4">
                  <div class="thumb">
                      <img alt="service img" src="{{asset($one_event->image)}}">
                      {{-- <div class="service-link-box">
                          <a href="#">Read More</a>
                      </div> --}}
                  </div>
                  <div class="content">
                      <h3>{{$one_event->title}}</h3>
                      <h4>{{date("dM Y H:i A", strtotime($one_event->created_at))}}</h4>
                      <br>
                      {!!$one_event->content!!}
                  </div>
              </div>
          </div>
          @endforeach
         
      </div>
  </div>
</section>
<!-- Services Section End -->
<!-- Projects Section Start -->

@endsection
{{-- @section('scripts')
<script async src="https://static.addtoany.com/menu/page.js"></script>
<script type="text/javascript">
  var slideIndex = 1;
  showDivs(slideIndex);

  function plusDivs(n) {
    showDivs(slideIndex += n);
  }

  function showDivs(n) {
    var i;
    var x = document.getElementsByClassName("mySlides");
    if (n > x.length) {slideIndex = 1}
    if (n < 1) {slideIndex = x.length}
    for (i = 0; i < x.length; i++) {
      x[i].style.display = "none";  
    }
    x[slideIndex-1].style.display = "block";
</script>
@endsection --}}