File: /var/www/kosmicfarms/resources/views/blog/view.blade.php
@extends('layouts.pages')
@section('content')
<!-- Hero Start -->
<section class="bg-half bg-light d-table w-100" style="background: url('{{ asset('images/kosmic-organic-hydroponic-vegetable.jpg') }}');">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-12 text-center">
<div class="page-next-level">
<h4 class="title"> Blog </h4>
<div class="page-next">
<nav aria-label="breadcrumb" class="d-inline-block">
<ul class="breadcrumb bg-white rounded shadow mb-0">
<li class="breadcrumb-item"><a href="{{ url('/') }}">Kosmic Farms</a></li>
<li class="breadcrumb-item"><a href="{{ url('/blog') }}">Blog</a></li>
@if(isset($category))
<li class="breadcrumb-item active" aria-current="page"><a href="#">{{ $category->name }}</a></li>
@endif
</ul>
</nav>
</div>
</div>
</div> <!--end col-->
</div><!--end row-->
</div> <!--end container-->
</section><!--end section-->
<!-- Hero End -->
<!-- Shape Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<!--Shape End-->
<!-- Blog STart -->
<section class="section">
<div class="container">
<div class="row">
<!-- BLog Start -->
<div class="col-lg-8 col-md-6">
<div class="card blog blog-detail border-0 shadow rounded">
@if(empty($article->showbanner))<img src="{{ asset('/media/images/'.$article->banner_url) }}" class="img-fluid rounded-top" alt="{{ $article->title }}">@endif
<div class="card-body content">
@if(isset($article))
<h5 class="card-title">
{{ $article->title }}
</h5>
@endif
@if(isset($article))
<p class="text-muted">
{{ $article->description }}
</p> @endif
@php
$taggs = array();
if(isset($article)){
$taggs = explode(',', $article->tags);
}
@endphp
<h6>
<i class="mdi mdi-tag text-primary mr-1"></i>
@foreach($taggs as $tag)
<a href="javscript:void(0)" class="text-primary">{{ $tag }}</a>,
@endforeach
</h6>
@if(isset($article))
{!! $article->article !!}
@endif
<!--
<div class="post-meta mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>
@if(isset($article))
{{ $article->likes }}
@endif</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>08</a></li>
</ul>
</div> -->
</div>
</div>
@if(isset($comments))
<div class="card shadow rounded border-0 mt-4">
<div class="card-body">
<h5 class="card-title mb-0">Comments :</h5>
<ul class="media-list list-unstyled mb-0">
<li class="mt-4">
<div class="d-flex justify-content-between">
<div class="media align-items-center">
<a class="pr-3" href="#">
<img src="images/client/01.jpg" class="img-fluid avatar avatar-md-sm rounded-circle shadow" alt="img">
</a>
<div class="commentor-detail">
<h6 class="mb-0"><a href="javascript:void(0)" class="text-dark media-heading">Lorenzo Peterson</a></h6>
<small class="text-muted">15th August, 2019 at 01:25 pm</small>
</div>
</div>
<a href="#" class="text-muted"><i class="mdi mdi-reply"></i> Reply</a>
</div>
<div class="mt-3">
<p class="text-muted font-italic p-3 bg-light rounded">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour "</p>
</div>
</li>
<li class="mt-4">
<div class="d-flex justify-content-between">
<div class="media align-items-center">
<a class="pr-3" href="#">
<img src="images/client/02.jpg" class="img-fluid avatar avatar-md-sm rounded-circle shadow" alt="img">
</a>
<div class="commentor-detail">
<h6 class="mb-0"><a href="javascript:void(0)" class="media-heading text-dark">Tammy Camacho</a></h6>
<small class="text-muted">15th August, 2019 at 05:44 pm</small>
</div>
</div>
<a href="#" class="text-muted"><i class="mdi mdi-reply"></i> Reply</a>
</div>
<div class="mt-3">
<p class="text-muted font-italic p-3 bg-light rounded">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour "</p>
</div>
</li>
<li class="mt-4">
<div class="d-flex justify-content-between">
<div class="media align-items-center">
<a class="pr-3" href="#">
<img src="images/client/03.jpg" class="img-fluid avatar avatar-md-sm rounded-circle shadow" alt="img">
</a>
<div class="commentor-detail">
<h6 class="mb-0"><a href="javascript:void(0)" class="media-heading text-dark">Tammy Camacho</a></h6>
<small class="text-muted">16th August, 2019 at 03:44 pm</small>
</div>
</div>
<a href="#" class="text-muted"><i class="mdi mdi-reply"></i> Reply</a>
</div>
<div class="mt-3">
<p class="text-muted font-italic p-3 bg-light rounded">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour "</p>
</div>
<ul class="list-unstyled pl-4 pl-md-5 sub-comment">
<li class="mt-4">
<div class="d-flex justify-content-between">
<div class="media align-items-center">
<a class="pr-3" href="#">
<img src="images/client/01.jpg" class="img-fluid avatar avatar-md-sm rounded-circle shadow" alt="img">
</a>
<div class="commentor-detail">
<h6 class="mb-0"><a href="javascript:void(0)" class="text-dark media-heading">Lorenzo Peterson</a></h6>
<small class="text-muted">17th August, 2019 at 01:25 pm</small>
</div>
</div>
<a href="#" class="text-muted"><i class="mdi mdi-reply"></i> Reply</a>
</div>
<div class="mt-3">
<p class="text-muted font-italic p-3 bg-light rounded">" There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour "</p>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
@endif
@if(isset($relatedArticles))
<div class="card shadow rounded border-0 mt-4">
<div class="card-body">
<h5 class="card-title mb-0">Related Posts :</h5>
<div class="row">
<div class="col-lg-6 mt-4 pt-2">
<div class="card blog rounded border-0 shadow">
<div class="position-relative">
<img src="images/blog/01.jpg" class="card-img-top rounded-top" alt="...">
<div class="overlay rounded-top bg-dark"></div>
</div>
<div class="card-body content">
<h5><a href="javascript:void(0)" class="card-title title text-dark">Design your apps in your own way</a></h5>
<div class="post-meta d-flex justify-content-between mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2 mb-0"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>33</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>08</a></li>
</ul>
<a href="page-blog-detail.html" class="text-muted readmore">Read More <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="author">
<small class="text-light user d-block"><i class="mdi mdi-account"></i> Calvin Carlo</small>
<small class="text-light date"><i class="mdi mdi-calendar-check"></i> 13th August, 2019</small>
</div>
</div>
</div><!--end col-->
<div class="col-lg-6 mt-4 pt-2">
<div class="card blog rounded border-0 shadow">
<div class="position-relative">
<img src="images/blog/02.jpg" class="card-img-top rounded-top" alt="...">
<div class="overlay rounded-top bg-dark"></div>
</div>
<div class="card-body content">
<h5><a href="javascript:void(0)" class="card-title title text-dark">How apps is changing the IT world</a></h5>
<div class="post-meta d-flex justify-content-between mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2 mb-0"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>33</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>08</a></li>
</ul>
<a href="page-blog-detail.html" class="text-muted readmore">Read More <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="author">
<small class="text-light user d-block"><i class="mdi mdi-account"></i> Calvin Carlo</small>
<small class="text-light date"><i class="mdi mdi-calendar-check"></i> 13th August, 2019</small>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div>
</div>
@endif
@if(isset($is_commentable))
<div class="card shadow rounded border-0 mt-4">
<div class="card-body">
<h5 class="card-title mb-0">Leave A Comment :</h5>
<form class="mt-3">
<div class="row">
<div class="col-md-12">
<div class="form-group position-relative">
<label>Your Comment</label>
<i data-feather="message-circle" class="fea icon-sm icons"></i>
<textarea id="message" placeholder="Your Comment" rows="5" name="message" class="form-control pl-5" required=""></textarea>
</div>
</div><!--end col-->
<div class="col-lg-6">
<div class="form-group position-relative">
<label>Name <span class="text-danger">*</span></label>
<i data-feather="user" class="fea icon-sm icons"></i>
<input id="name" name="name" type="text" placeholder="Name" class="form-control pl-5" required="">
</div>
</div><!--end col-->
<div class="col-lg-6">
<div class="form-group position-relative">
<label>Your Email <span class="text-danger">*</span></label>
<i data-feather="mail" class="fea icon-sm icons"></i>
<input id="email" type="email" placeholder="Email" name="email" class="form-control pl-5" required="">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="send">
<button type="submit" class="btn btn-primary btn-block">Send Message</button>
</div>
</div><!--end col-->
</div><!--end row-->
</form><!--end form-->
</div>
</div>
@endif
</div>
<!-- BLog End -->
<!-- START SIDEBAR -->
<div class="col-lg-4 col-md-6 col-12 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="card border-0 sidebar sticky-bar rounded shadow">
<div class="card-body">
@include('blog.column')
</div>
</div>
</div><!--end col-->
<!-- END SIDEBAR -->
</div><!--end row-->
</div><!--end container-->
</section><!--end section-->
<!-- Blog End -->
@endsection