282 lines
15 KiB
PHP
282 lines
15 KiB
PHP
@extends('hulaki_khabar.layout.layout')
|
|
@section('meta')
|
|
<meta property="og:title" content="{{ $news->title }}" />
|
|
<meta property="og:description" content="{{ $news->title }}" />
|
|
<meta property="og:image" content="{{ asset($news->thumb) }}" />
|
|
@endsection
|
|
@push('css')
|
|
@push('css')
|
|
<style>
|
|
#social-links {
|
|
margin: 0 auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
#social-links ul li {
|
|
display: inline-block;
|
|
/* width: 140px; */
|
|
/* height: 10px; */
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#social-links ul li a {
|
|
background-color: white;
|
|
color: black;
|
|
border: 2px solid rgb(166, 12, 12);
|
|
border-radius: 20px;
|
|
/* padding: 10px 5px 40px 5px; */
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
height: 40px;
|
|
width: 140px;
|
|
font-size: 23px;
|
|
|
|
}
|
|
|
|
#social-links ul li a:hover,
|
|
#social-links ul li a:hover :active {
|
|
background-color: #bc4633;
|
|
;
|
|
}
|
|
|
|
.text,
|
|
.text {
|
|
background-color: #f44336;
|
|
color: white;
|
|
padding: 14px 20px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.text:hover,
|
|
.text:active {
|
|
background-color: red;
|
|
}
|
|
</style>
|
|
@endpush
|
|
@endpush
|
|
@section('content')
|
|
<section class="default-news-area pt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
@if ($ads->isNotEmpty())
|
|
@foreach ($ads as $ad)
|
|
@if ($ad->ad_categories_id == 17)
|
|
<a href="{{ $ad->link }}">
|
|
<img src="{{ asset($ad->thumb) }}" alt="{{ $ad->title }}" class="img-fluid">
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="news-details-area bg-ffffff ptb-50">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-9 col-md-9">
|
|
<div class="blog-details-desc">
|
|
<h3 id="sidebar">{{ $news->title }}</h3>
|
|
<div class="article-image pb-5">
|
|
<img src="{{ asset($news->thumb) }}" alt="image">
|
|
</div>
|
|
<div class="container mt-4">
|
|
{!! $shareComponent !!}
|
|
</div>
|
|
<div class="article-content">
|
|
<div class="sports-news-content">
|
|
<p style="font: bold;">{{ $news->short_description }}</p>
|
|
</div>
|
|
<div class="sports-news-content">
|
|
<p>{!! $news->content !!}</p>
|
|
|
|
<div class="desc-overview">
|
|
<div class="row align-items-center">
|
|
<div class="col-lg-12">
|
|
<div class="desc-image">
|
|
<img src="{{ asset($news->image) }}" alt="image">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<section class="default-news-area pt-5">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
@if ($ads->isNotEmpty())
|
|
@foreach ($ads as $ad)
|
|
@if ($ad->ad_categories_id == 16)
|
|
<a href="{{ $ad->link }}">
|
|
<img src="{{ asset($ad->thumb) }}" alt="{{ $ad->title }}"
|
|
class="img-fluid">
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<div class="comments-area">
|
|
<h3 class="comments-title">२ कमेन्ट :</h3>
|
|
<ol class="comment-list">
|
|
@foreach ($newsWithComment as $comment)
|
|
@if ($comment->comments->isNotEmpty())
|
|
@foreach ($comment->comments as $item)
|
|
<li class="comment">
|
|
<div class="comment-body">
|
|
<footer class="comment-meta">
|
|
<div class="comment-author vcard">
|
|
<img src="https://templates.envytheme.com/depan/default/assets/img/client/client-1.jpg"
|
|
class="avatar" alt="image">
|
|
<b class="fn">{{ $item->user?->name }} </b>
|
|
</div>
|
|
</footer>
|
|
<div class="comment-content">
|
|
<p>{{ $item->content }}</p>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
@if ($item->subcomments)
|
|
<ol class="children">
|
|
@foreach ($item->subcomments as $subcomment)
|
|
<li class="comment">
|
|
<div class="comment-body">
|
|
<footer class="comment-meta">
|
|
<div class="comment-author vcard">
|
|
<img src="https://templates.envytheme.com/depan/default/assets/img/client/client-2.jpg"
|
|
class="avatar" alt="image">
|
|
<b class="fn">{{ $subcomment->user?->name }}</b>
|
|
</div>
|
|
</footer>
|
|
<div class="comment-content">
|
|
<p>{{ $subcomment->content }}</p>
|
|
</div>
|
|
{{-- @if ($loop->last)
|
|
<div class="reply">
|
|
<form action="{{ route('comments.store') }}"
|
|
method="POST" id="comment">
|
|
@csrf
|
|
<input type="hidden" name='news_id'
|
|
value="{{ $news->news_id }}">
|
|
<input type="hidden" name='users_id'
|
|
value="{{ auth()->user()->id }}">
|
|
<input type="hidden" name='parent_id'
|
|
value="{{ $item->id }}">
|
|
<textarea name="content"></textarea>
|
|
<input type="submit" value="Reply">
|
|
</form>
|
|
</div>
|
|
@endif --}}
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
</ol>
|
|
@else
|
|
<div class="reply">
|
|
<form action="{{ route('comments.store') }}" method="POST" id="comment">
|
|
@csrf
|
|
<input type="hidden" name='news_id' value="{{ $news->news_id }}">
|
|
<input type="hidden" name='users_id' value="{{ auth()->user()->id }}">
|
|
<input type="hidden" name='parent_id' value="{{ $item->id }}">
|
|
<textarea name="content"></textarea>
|
|
<input type="submit" value="Reply">
|
|
</form>
|
|
</div>
|
|
@endif
|
|
<div class="reply">
|
|
<form action="{{ route('comments.store') }}"
|
|
method="POST" id="comment">
|
|
@csrf
|
|
<input type="hidden" name='news_id'
|
|
value="{{ $news->news_id }}">
|
|
<input type="hidden" name='users_id'
|
|
value="{{ auth()->user()->id }}">
|
|
<input type="hidden" name='parent_id'
|
|
value="{{ $item->id }}">
|
|
<textarea name="content"></textarea>
|
|
<input type="submit" value="Reply">
|
|
</form>
|
|
</div>
|
|
</li>
|
|
@endforeach
|
|
@else
|
|
<div class="reply">
|
|
<form action="{{ route('comments.store') }}" method="POST" id="comment">
|
|
@csrf
|
|
<input type="hidden" name='news_id' value="{{ $news->news_id }}">
|
|
<input type="hidden" name='users_id' value="{{ auth()->user()->id }}">
|
|
{{-- <input type="hidden" name='parent_id' value="{{ $item->id }}"> --}}
|
|
<textarea name="content"></textarea>
|
|
<input type="submit" value="Reply">
|
|
</form>
|
|
</div>
|
|
@endif
|
|
@endforeach
|
|
</ol>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3" id="sidebar">
|
|
<aside class="widget-area mt-50">
|
|
<section class="widget widget_featured_reports">
|
|
<img src="{{ asset('hulaki/assets/img/ad/prabhu_pay_onlinekhabar.gif') }}" alt="image"
|
|
class="img-fluid">
|
|
</section>
|
|
<div>
|
|
<section class="widget widget_latest_news_thumb">
|
|
<h3 class="widget-title">पछिल्लो समाचार </h3>
|
|
@foreach ($recentNews as $item)
|
|
<article class="item">
|
|
<a href="{{ route('newsDetail', ['alias' => $item->alias]) }}" class="thumb">
|
|
<img src="{{ asset($item->thumb) }}" alt="image" width="80px"
|
|
height="80px">
|
|
</a>
|
|
<div class="info">
|
|
<h4 class="title usmall"><a
|
|
href="{{ route('newsDetail', ['alias' => $item->alias]) }}">{{ $item->title }}</a>
|
|
</h4>
|
|
</div>
|
|
</article>
|
|
@endforeach
|
|
</section>
|
|
</div><br>
|
|
</aside>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Start News Details Area -->
|
|
@endsection
|
|
@push('js')
|
|
<script>
|
|
$(document).ready(function() {
|
|
$("#comment").submit(function(e) {
|
|
e.preventDefault();
|
|
$.ajax({
|
|
url: "{{ route('comments.store') }}",
|
|
type: "POST",
|
|
data: $(this).serialize(),
|
|
success: function(data) {
|
|
window.location.reload();
|
|
}
|
|
});
|
|
})
|
|
})
|
|
</script>
|
|
@endpush
|