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

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

</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-inside"></div>
  <div class="container text-right">
    <div class="page-info">
      <div class="row">
        <h2 style="text-align: center">Events</h2>
      </div>


      <div class="page-links">
        <a href="{{url("$data")}}">Home</a>
        <a href="{{url("$data/event")}}">Events</a>
        <span>{{$event->title}}</span>
      </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">
        <h1>{{$event->title}}</h1>
        <div class="content-page">
          <div class="row">
            <!-- BEGIN LEFT SIDEBAR -->
            <div class="col-md-9 col-sm-9 blog-item">
              <div class="blog-item-img">
                <!-- BEGIN CAROUSEL -->
                <div class="front-carousel">
                  <div id="myCarousel" class="carousel slide">
                    <!-- Carousel items -->
                    <div class="carousel-inner">
                      @foreach($images as $image)
                      @if($loop->index==0)
                      <div class="item active">
                        <img src="{{url('img/Event/'.$image->file_name)}}?t={{rand()}}" alt="">
                      </div>
                      @else
                      <div class="item">
                        <img src="{{url('img/Event/'.$image->file_name)}}?t={{rand()}}" alt="">
                      </div>
                      @endif
                      @endforeach
                    </div>
                    <!-- Carousel nav -->
                    <a class="carousel-control left" href="#myCarousel" data-slide="prev">
                      <i class="fa fa-angle-left"></i>
                    </a>
                    <a class="carousel-control right" href="#myCarousel" data-slide="next">
                      <i class="fa fa-angle-right"></i>
                    </a>
                  </div>
                </div>
                <!-- END CAROUSEL -->
              </div>
              <h2><a href="javascript:;">{{$event->date}}</a></h2>
               <small><cite title="Source Title">{{$event->location}}</cite></small>
             
              <blockquote>
                <p>{!!$event->description!!}</p>
               
              </blockquote>
             
            </div>
            <!-- END LEFT SIDEBAR -->

            <!-- BEGIN RIGHT SIDEBAR -->
            <div class="col-md-3 col-sm-3 blog-sidebar">
              <!-- BEGIN RECENT NEWS -->
              <h2>Recent Event</h2>
              <div class="recent-news margin-bottom-10">
                @foreach($relates as $relate)
                <div class="row margin-bottom-10">
                  <div class="col-md-4">
                    <img class="img-responsive" alt="" src="{{url('img/Event/'.$relate->file_name)}}">
                  </div>
                  <div class="col-md-8 recent-news-inner">
                    <h3><a href="{{$relate->title}}?id={{$relate->token}}">{{$relate->title}}</a></h3>
                    <p>{{$relate->date}}</p>
                  </div>
                </div>
                @endforeach
               
                
              </div>
              <!-- END RECENT NEWS -->


            </div>
            <!-- END RIGHT SIDEBAR -->
          </div>
        </div>
      </div>
      <!-- END CONTENT -->
    </div>
    <!-- END SIDEBAR & CONTENT -->
  </div>
</div>

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