@include('temp2/common/header')
<!--main start-->
@if(!empty($title->menuimage))
<div class="page-header parallax clearfix" style="background-image:url({{url($title->menuimage)}})">@endif
        <div class="title-subtitle-holder">
        	<div class="title-subtitle-holder-inner">
    			<h2>{{$title->menutitle}}</h2>
        	</div>
        </div>
    </div>
    <!-- End Page Header -->
    <!-- Breadcrumbs -->
    <div class="lgray-bg breadcrumb-cont">
    	<div class="container">
          	<ol class="breadcrumb">
            	<li><a href="index.html">Home</a></li>
            	<li class="active">{{$title->menutitle}}</li>
          	</ol>
        </div>
    </div>
    <!-- End Page Header -->
    <!-- Breadcrumbs -->
    <div class="lgray-bg breadcrumb-cont">
    	<div class="container">
          	<ol class="breadcrumb">
            	<li><a href="{{url('/')}}">Home</a></li>
            	<li class="active">{{$title->menutitle}}</li>
          	</ol>
        </div>
    </div>
    <!-- Start Body Content -->
  	<div class="main" role="main">
    	<div id="content" class="content full">
        	<div class="container">
            	<div class="row">
                    <!-- <div class="col-md-3 col-sm-3 events-list-sidebar">
                    	<div class="event-page-cal">
                        	<span class="month">Sep</span>
                            <span class="year">2014</span>
                            <a href="javascript:void(0)" class="actions left"><i class="fa fa-angle-left"></i></a>
                            <a href="javascript:void(0)" class="actions right"><i class="fa fa-angle-right"></i></a>
                        </div>
                        <h5>Select Location</h5>
                        <select class="form-control">
                            <option>Toronto</option>
                            <option>Texas, USA</option>
                            <option>London, UK</option>
                        </select>
                   	</div> -->
                    <div class="col-md-9">
                        <div class="element-block events-listing">
                            <div class="events-listing-header">
                                <Center><h3 class="element-title" style="color: #bf0a30; font-weight: 400;">All Upcoming Events</h3></Center>
                                
                            </div>
                            <!-- <div class="events-listing-header">
                                <ul class="sort-source" data-sort-id="events" data-option-key="filter">
                                    <li data-option-value="*" class="active"><a href="#">Show All</a></li>
                                    <li data-option-value=".fests"><a href="#">Fests</a></li>
                                    <li data-option-value=".meetings"><a href="#">Meetings</a></li>
                                    <li data-option-value=".prayers"><a href="#">Prayers</a></li>
                                    <li data-option-value=".celebrations"><a href="#">Celebrations</a></li>
                                </ul>
                            </div> -->


                        <style>
                        .evtimg:hover{
                            box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
                        }
                        .evtbox:hover{
                            transform: scale(1.05);
                        }
                        .container {
                            width: 80%;
                        }
                        </style>

                            <ul data-sort-id="events">
                            
                                @foreach($allevent as $allevent)
                            <div class="col-md-4" style="padding-bottom: 2%; width: 46.333333%;">
                                <div class="owlitemactive" style="width: 380px; margin-right: 15px;">
                                    <div class="item">
                                    <div class="" >
                                                @if(empty($allevent->youtube))
                                                    @if(!empty($allevent->image))
                                                    <div href="{{ url($allevent->image)}}" data-rel="prettyPhoto" class="image-box">                                                        
                                                        <img class="imgred" src="{{ url($allevent->image)}}" alt="" style="height:150px; width:100%;">
                                                    </div>
                                                @endif   
                                                @else
                                                    <iframe height="100%" width="100%" style="border-top-left-radius: 20px; border-top-right-radius: 20px;" src="{{$allevent->youtube}}"></iframe>
                                                @endif 
                                            </div> 
                                        <div class="eventinner">
                                            <div class="eventdate" >{{ date("M d",strtotime($allevent->eventedate))}}<span class="eventtime">{{date("h:i a",strtotime($allevent->eventetime))}}</span></div><!-- .event-date -->
                                            <div class="entrytitle">
                                                <h5 class="posttitlehead">
                                                    <a class="posttitle">Event: {{$allevent->eventtitle}}</a>
                                                </h5>
                                            </div><!-- .entry-title -->
                                            <div class="postmore">
                                                <a class="readmore" href="{{url('/singleevent/'.$allevent->id)}}" >Event Details</a>
                                            </div><!-- .event-inner -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                                @endforeach
                            
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-3">
                    	<div class="widget sidebar-widget upcoming_events_widget">
                        	<h3 class="widgettitle" style="color: #bf0a30; font-weight: 400; border-bottom: 2px solid #c91e1e;">Recent Blogs</h3>
                            <div class="events-listing-content smaller-cont">
                            @foreach($blog as $blog)
                                <div class="event-list-item">                                	
                                    <div class="event-list-item-info">
                                    	<div class="lined-info event-title">
                                        	<h4 style="color:#C70039;"><b>{{$blog->title}}<b></h4>
                                        </div>
                                        <span class="meta-data"><i class="fa fa-calendar"></i>Date: {{date('M d Y',strtotime($blog->created_at))}}</span>
                                        <span class="meta-data">{!! substr($blog->metadescription,0,70) !!}</span>    
                                        <a href="{{url('/singleblog/'.$blog->id)}}" class="basic-link" style="color:blue;"><button class="btn btn-info" style="float:right; background-color:#C70039;">Continue Reading</button></a>                     
                                    </div>
                                </div>
                            @endforeach                                
                            </div>
                        </div>
                    </div>
              	</div>
           	</div>
        </div>
   	</div>
    <!-- End Body Content -->
@include('temp2/common/footer')