| Server IP : 66.29.137.217 / Your IP : 18.191.31.198 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/bofirm.gltechlimited.com/resources/views/frontend/forum/ |
Upload File : |
@extends('frontend.layouts.app')
@section('meta')
@php
$metaData = getMeta('forum');
@endphp
<meta name="description" content="{{ $metaData['meta_description'] }}">
<meta name="keywords" content="{{ $metaData['meta_keyword'] }}">
<!-- Open Graph meta tags for social sharing -->
<meta property="og:type" content="Learning">
<meta property="og:title" content="{{ $metaData['meta_title'] }}">
<meta property="og:description" content="{{ $metaData['meta_description'] }}">
<meta property="og:image" content="{{ $metaData['og_image'] }}">
<meta property="og:url" content="{{ url()->current() }}">
<meta property="og:site_name" content="{{ get_option('app_name') }}">
<!-- Twitter Card meta tags for Twitter sharing -->
<meta name="twitter:card" content="Learning">
<meta name="twitter:title" content="{{ $metaData['meta_title'] }}">
<meta name="twitter:description" content="{{ $metaData['meta_description'] }}">
<meta name="twitter:image" content="{{ $metaData['og_image'] }}">
@endsection
@section('content')
<div class="">
<!-- Consultation Page Header Start -->
<header class="page-banner-header gradient-bg position-relative">
<div class="section-overlay">
<div class="container">
<div class="row">
<div class="col-12 col-md-7">
<div class="page-banner-content forum-banner-content">
<h3 class="page-banner-heading text-white pb-15">{{ __('Forum') }}</h3>
<div class="forum-banner-search-ask-wrap d-flex align-items-center">
<div class="input-group position-relative">
<input class="form-control border-0 bg-transparent searchForumBar" type="search"
placeholder="{{ __('Type to search for solutions...') }}">
<button class="bg-transparent border-0"><span class="iconify"
data-icon="akar-icons:search"></span></button>
<!-- Search Bar Suggestion Box Start -->
<div class="search-bar-suggestion-box searchBlogBox custom-scrollbar searchForumBox d-none">
<ul class="appendForumSearchList">
</ul>
</div>
<!-- Search Bar Suggestion Box End -->
</div>
<p class="font-24 font-medium text-white px-4">{{ __('or') }}</p>
<a href="{{ route('forum.askQuestion') }}"
class="theme-button1">{{ __('Ask a Question') }}</a>
</div>
</div>
</div>
<div class="col-md-5">
<div class="forum-banner-right-img">
<img src="{{ asset('frontend/assets/img/forum-banner-right-img.png') }}" alt="lmszai forum"
class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Consultation Page Header End -->
<!-- Special Feature / Forum Categories Area Start -->
<section class="special-feature-area forum-categories-area section-t-space section-b-85-space bg-white">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title ">
<h3 class="section-heading">{{ __('Forum Categories') }}</h3>
</div>
</div>
</div>
<div class="row">
@foreach ($forumCategories as $forumCategory)
<!-- Single Feature Item start-->
<div class="col-md-4">
<div class="single-feature-item d-flex align-items-center">
<div class="flex-shrink-0 feature-img-wrap">
<a href="{{ route('forum.forumCategoryPosts', $forumCategory->uuid) }}"><img
src="{{ getImageFile($forumCategory->logo) }}" alt="feature"></a>
</div>
<div class="flex-grow-1 ms-3 feature-content">
<h6><a
href="{{ route('forum.forumCategoryPosts', $forumCategory->uuid) }}">{{ $forumCategory->title }}</a>
</h6>
<p>{{ Str::limit($forumCategory->subtitle, 70) }}</p>
</div>
</div>
</div>
<!-- Single Feature Item End-->
@endforeach
</div>
</div>
</section>
<!-- Special Feature / Forum Categories Area End -->
<!-- Forum Countdown Area Start -->
<section class="forum-countdown-area gradient-bg p-0">
<div class="section-overlay section-t-space section-b-space">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="single-feature-item d-flex align-items-center bg-transparent">
<div class="flex-shrink-0 feature-img-wrap">
<img src="{{ asset('frontend/assets/img/feature-img/forum-countdown1.png') }}"
alt="feature">
</div>
<div class="flex-grow-1 ms-3 feature-content">
<h6 class="text-white">{{ __('Categories') }}</h6>
<p>{{ count($forumCategories) }}</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="single-feature-item d-flex align-items-center bg-transparent">
<div class="flex-shrink-0 feature-img-wrap">
<img src="{{ asset('frontend/assets/img/feature-img/forum-countdown2.png') }}"
alt="feature">
</div>
<div class="flex-grow-1 ms-3 feature-content">
<h6 class="text-white">{{ __('Post Topic') }}</h6>
<p>{{ $totalForumPost }}</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="single-feature-item d-flex align-items-center bg-transparent">
<div class="flex-shrink-0 feature-img-wrap">
<img src="{{ asset('frontend/assets/img/feature-img/forum-countdown3.png') }}"
alt="feature">
</div>
<div class="flex-grow-1 ms-3 feature-content">
<h6 class="text-white">{{ __('Answers') }}</h6>
<p>{{ $totalForumAnswer }}</p>
</div>
</div>
</div>
<div class="col-md-3">
<div class="single-feature-item d-flex align-items-center bg-transparent">
<div class="flex-shrink-0 feature-img-wrap">
<img src="{{ asset('frontend/assets/img/feature-img/forum-countdown4.png') }}"
alt="feature">
</div>
<div class="flex-grow-1 ms-3 feature-content">
<h6 class="text-white">{{ __('Members') }}</h6>
<p>{{ $totalMember }}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Forum Countdown Area End -->
<!-- Ask a question area start -->
<section class="forum-categories-area section-t-space section-b-space">
<div class="container">
<div class="row">
<!-- Forum Categories Left Start -->
<div class="col-12 col-md-12 col-xl-8">
<div class="forum-categories-left">
<h3 class="mb-4">{{ __('Recent Discussions') }}</h3>
<div class="forum-categories-filter-box d-flex align-items-center">
<select id="inputState" class="form-select color-heading forumCategory">
<option value="">{{ __('All Categories') }}</option>
@foreach ($forumCategories as $forumCategory)
<option value="{{ $forumCategory->id }}">{{ $forumCategory->title }}</option>
@endforeach
</select>
</div>
<div class="forum-categories-wrap appendForumCategoryPosts">
@include('frontend.forum.partial.render-forum-posts')
</div>
</div>
</div>
<!-- Forum Categories Left End -->
<!-- Forum Categories Right Start -->
<div class="col-12 col-md-12 col-xl-4">
<div class="forum-categories-right">
<a href="{{ route('forum.askQuestion') }}"
class="w-100 theme-btn theme-button1 theme-button3 forum-ask-question-btn">{{ __('Ask a Question') }}</a>
<ul class="forum-link-box radius-4 border-1 mt-4">
<li class="forum-link-box-title font-20 color-heading font-medium">
<span class="iconify me-2" data-icon="bi:star"></span>{{ __('Top Contributors') }}
</li>
@foreach ($topContributors as $topContributor)
<li>
<div class="forum-author-item d-flex align-items-center justify-content-between">
<div class="forum-author-item-left">
<div class="d-flex align-items-center">
<div class="flex-shrink-0">
<a href="#"
class="forum-author-img-wrap radius-50 overflow-hidden">
<img src="{{ getImageFile($topContributor->image_path) }}"
alt="">
</a>
</div>
<a href="#"
class="flex-grow-1 mx-2 font-18 font-medium color-heading forum-author-name">
@if (@$topContributor->role == 1)
{{ $topContributor->name }}
@elseif(@$topContributor->role == 2)
{{ $topContributor->instructor->name }}
@elseif(@$topContributor->role == 3)
{{ $topContributor->student->name }}
@endif
</a>
</div>
</div>
<div class="author-item-right d-flex align-items-center">
<span class="iconify"
data-icon="bi:star"></span><span>{{ $topContributor->totalComments }}</span>
</div>
</div>
</li>
@endforeach
<li class="forum-link-box-title font-18 color-heading font-medium text-center">
<a href="{{ route('forum.forumLeaderboard') }}">{{ __('View All') }} <i
data-feather="arrow-right"></i></a>
</li>
</ul>
</div>
</div>
<!-- Forum Categories Right End -->
</div>
</div>
</section>
<!-- Ask a question area end -->
@if (count($blogs) >= 1)
<!-- Forum community blog articles Area Start -->
<section class="community-blog-articles-area section-t-space section-b-85-space bg-page">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title text-center">
<h3 class="section-heading">{{ __('Community Blog Articles') }}</h3>
</div>
</div>
</div>
<div class="row">
@foreach ($blogs as $blog)
<!-- Blog Item Start -->
<div class="col-md-6">
<div class="blog-item">
<div class="blog-item-img-wrap overflow-hidden position-relative">
<a href="{{ route('blog-details', $blog->slug) }}"><img
src="{{ getImageFile($blog->image) }}" alt="img"
class="img-fluid"></a>
<div
class="blog-item-tag position-absolute font-12 font-semi-bold text-white bg-hover radius-3">
{{ @$blog->category->name }}</div>
</div>
<div class="blog-item-bottom-part">
<h3 class="card-title blog-title"><a
href="{{ route('blog-details', $blog->slug) }}">{{ Str::limit($blog->title, 50) }}</a>
</h3>
<p
class="blog-author-name-publish-date font-13 font-medium color-gray">
{{ $blog->user->name }}
/ {{ $blog->created_at->format(' j M, Y') }}</p>
<p class="card-text blog-content">{!! Str::limit($blog->details, 200) !!}</p>
<div class="blog-read-more-btn">
<a href="{{ route('blog-details', $blog->slug) }}"
class="theme-btn font-15 ps-0 font-medium color-hover">{{ __('Read More') }}
<i data-feather="arrow-right"></i></a>
</div>
</div>
</div>
</div>
<!-- Blog Item Start -->
@endforeach
<!-- section button start-->
<div class="col-12 text-center section-btn">
<a href="{{ route('blogs') }}" class="theme-btn theme-button1">{{ __('All Blogs') }} <i
data-feather="arrow-right"></i></a>
</div>
<!-- section button end-->
</div>
</div>
</section>
<!-- Forum community blog articles Area End -->
@endif
</div>
<input type="hidden" class="renderForumCategoryPostsRoute" value="{{ route('forum.renderForumCategoryPosts') }}">
<input type="hidden" class="searchForumRoute" value="{{ route('forum.search-forum.list') }}">
@endsection
@push('script')
<script>
'use strict'
$(document).on('change', '.forumCategory', function() {
var forum_category_id = this.value;
var renderForumCategoryPostsRoute = $('.renderForumCategoryPostsRoute').val();
$.ajax({
type: "GET",
url: renderForumCategoryPostsRoute,
data: {
"forum_category_id": forum_category_id,
},
datatype: "json",
success: function(response) {
$('.appendForumCategoryPosts').html(response)
}
});
});
$(document).keyup('.searchForumBar',function() {
var title = $('.searchForumBar').val()
var searchForumRoute = $('.searchForumRoute').val()
console.log(searchForumRoute, title)
if (title) {
$('.searchForumBox').removeClass('d-none')
$('.searchForumBox').addClass('d-block')
} else {
$('.searchForumBox').removeClass('d-block')
$('.searchForumBox').addClass('d-none')
}
$.ajax({
type: "GET",
url: searchForumRoute,
data: {'title': title},
success: function (response) {
$('.appendForumSearchList').html(response);
}
});
});
</script>
@endpush