@extends('layouts.front')
@section('page_title', 'News Event' . ' |' )
@section('extra_css')
    <link rel="stylesheet"
          href="{{asset('assets/vendors/bootstrap-datepicker-1.6.1/css/bootstrap-datepicker.min.css')}}">
    <style>
        .callout-card{
            margin-bottom: 20px;
        }
    </style>
@endsection

@section('extra_js')
    <script src="{{asset('assets/vendors/bootstrap-datepicker-1.6.1/js/bootstrap-datepicker.min.js')}}"></script>
@endsection
@section('main_content')

	<div class="breadcumb-area">
		<div class="container">
			<div class="row">
				<div class="breadcumb-content">
					<h1>News Event</h1>
					<ul>
						<li><a href="index.html">Home</a></li>
						<li><i class="fa fa-angle-right"></i></li>
						<li>All Topic</li>
					</ul>
				</div>				
			</div>
		</div>
	</div>

	<!--==================================================-->
	<!----START BLOG  Section ----->
	<!--===================================================-->
	<div class="blog-section style-5 bg-2 pt-80 pb-80">
		<div class="container">
			<div class="row">
			@foreach($posts as $post)
				<div class="col-sm-12 col-md-6 col-lg-4">
					<div class="blog-single-carousel">
						<div class="blog-thumb">
							<a href="{{ news_url($post) }}">
								<img src="{{$post->featured_image}}" alt="Blog img">
							</a>
						</div>
						<div class="blog-content">
							<span style="display: block; margin-bottom: 7px;"><i class="far fa-clock"></i> {{ $post->created_at->format('F j, Y') }}</span>
							<h5><a href="{{ news_url($post) }}">{{ $post->headline }}</a></h5>
							<p>{{ str_limit($post->excerpt, 150) }}...<a
                                      href="{{ news_url($post) }}" class="text-danger">Read More</a></p>
						</div>
					</div>
				</div>
				@endforeach
			</div>

			<!--PAgination-->

			<div class="pagination pt-30">
				<nav class="text-center">
                    {!! $posts->appends(\Illuminate\Support\Facades\Input::except('page'))->links() !!}
                </nav>
			</div>
		</div>
	</div>
	
		<!----- Call Do Action-2 Section ----->
	<!--===================================================-->
	<div id="call-do-action" class="call-do-action-2 style-3 bg-2 pb-80">
		<div class="container">
			<div class="cda-2-container">
				<div class="row align-items-center">
					<div class="col-sm-12 col-md-6 col-lg-5">
						<div class="cda-2-thumb">
							<img src="{{ asset('back/')}}/assets/images/call-do-action/cda2.jpg" alt="img">
						</div>
					</div>
					<div class="col-sm-12 col-md-6 col-lg-7">
						<div class="cda-2-content pl-30">
							<h2>BUILDING RELATIONSHIPS</h2>
							<h4>We Build Good Relationships With Our Clients For Professional Consultation</h4>
							<h3>
								<i class="flaticon-call"></i>
								02 8021 0155
							</h3>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	
@endsection