@extends('layouts.app')

@section('content')

<section>
    
    <div class="container">
        <div class="col-6">
                <form method="post" action="{{route('homesearch')}}">
                    @csrf
                    <input type="text" class="form-control" name="search" placeholder="Search Content...">
                </form>
            </div>
        <div class="row justify-content-center p-2 mt-3 mb-3">
            
            @if ($posts->count() > 0)
            @foreach($posts as $det)
        <div class="col-lg-4 shadow-sm">
             <div class="card-body">
            <img src="{{asset('images/post/'.$det->image)}}" class="img-thumbnail" alt="" width="100%">
            <h2 class="p-2 mt-1">{{$det->title}}</h2>
            <strong>{{$det->sub_title}}</strong><strong class="text-danger"> Posted By: {{$det->posted_by}} | {{$det->updated_at}}</strong>
            <hr class="border-primary">
           <div class="col-12">
               <a href="{{route('detailspost',$det->id)}}" class="btn btn-primary btn-sm">Read more...</a>
           </div>
        </div>
        </div>
        @endforeach
        @else
        
        <h4 class="text-center">Opps!! No result found, kindly try again</h4>
        
        @endif
        @include('components.sidebar')
        </div>
    </div>
    
</section>
@endsection