| Path : /var/www/html/phkaynews-v2/resources/views/livewire/frontend/ |
|
B-Con CMD Config cPanel C-Rdp D-Log Info Jump Mass Ransom Symlink vHost Zone-H |
| Current File : /var/www/html/phkaynews-v2/resources/views/livewire/frontend/home-page.blade.php |
@section('meta')
<title>ទំព័រដើម Phkay News </title>
<meta property="og:image" content="{{ asset('thumbnail.jpg') }}" />
<meta property="og:url" content="{{ url()->current() }}" />
<meta property="og:title" content="Phkay news | គេហទំព័រដើម" />
<meta property="og:description" content="គេហទំព័រព័ត៌មានដែលឈានមុខគេនៅកម្ពុជា" />
<meta name="twitter:title" content="Phkay news | គេហទំព័រដើម" />
<meta name="twitter:description" content="គេហទំព័រព័ត៌មានដែលឈានមុខគេនៅកម្ពុជា" />
<meta property="og:type" content="agent" />
<meta name="theme-color" content="#ffffff">
@endsection
@push('styles')
@endpush
<div class="mt-2 home-page position-relative">
<section class="post-top">
<div class="container">
<div class="row m-0">
<div class="col-lg-12">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-3">
@foreach ($lastSlide as $post)
<div class="col px-0 px-md-1 px-lg-2">
<a href="{{route('single',$post->id)}}" class="card d-block h-100 top-post text-decoration-none position-relative bg-transparent tippy-tooltip" data-title="{{$post->title}}">
<span class="badge bg-primary text-white rounded-pill position-absolute top-cat">{{ $post->post_categories->first()->category->name }}</span>
<div class="ratio ratio-16x9 border-bottom-0">
<img src="{{ asset($post->feature_image) }}" alt="" class="card-img-top object-fit-cover">
</div>
<div class="card-body w-100 p-1 p-md-3 pb-0 pb-md-0 border-bottom border-primary border-2">
<h5 class="card-title post-title">{!! Str::limit($post->title, 80, '...') !!}</h5>
<div class="desc">
<p>{!! Str::limit(strip_tags($post->description), 80, '...') !!}</p>
</div>
<span class="d-flex flex-wrap flex-sm-row card-footer p-1 border-0 opacity-75">
<span class="badge badge-primary">
<i class='bx bx-calendar'></i> {{ $post->date }}
</span>
</span>
</div>
</a>
</div>
@endforeach
</div>
</div>
</div>
</div>
</section>
<div class="container">
<div class="row">
<div class="col-lg-9">
<section class="my-4 home-sport">
<div class="card bg-transparent border-0">
<div class="cat-title d-flex justify-content-between">
<h6 class="font-title mb-0"><i class='bx bx-grid-vertical'></i>តារា</h6>
<small class="align-self-center">
<a href="{{ route('category', 'sport') }}"
class="text-decoration-none">អត្ថបទច្រើនទៀត<i class='bx bx-chevron-right'></i></a>
</small>
</div>
<br>
<div class="owl-carousel owl-category">
@foreach ($dara as $post)
<a href="{{route('single',$post->id)}}" class="card d-block h-100 top-post text-decoration-none bg-transparent position-relative tippy-tooltip" data-title="{{$post->title}}">
{{-- <span class="badge bg-primary text-white rounded-pill position-absolute top-cat">{{ $post->post_categories->first()->category->name }}</span> --}}
<div class="ratio ratio-16x9">
<img src="{{ asset($post->feature_image) }}" alt="" class="card-img-top object-fit-cover">
</div>
<div class="card-body w-100 p-1 p-md-3 pb-0 pb-md-0 border-bottom border-primary border-2">
<h5 class="card-title">{!! Str::limit($post->title, 75, '...') !!}</h5>
<div class="desc">
<p>{!! Str::limit(strip_tags($post->description), 80, '...') !!}</p>
</div>
<span class="d-flex flex-wrap flex-sm-row card-footer p-1 border-0 opacity-75">
<span class="badge badge-primary">
<i class='bx bx-calendar'></i> {{ $post->date }}
</span>
</span>
</div>
</a>
@endforeach
</div>
</div>
</section>
<section class="my-4 home-sport">
<div class="card bg-transparent border-0">
<div class="cat-title d-flex justify-content-between">
<h6 class="font-title mb-0"><i class='bx bx-grid-vertical'></i>កីឡា</h6>
<small class="align-self-center">
<a href="{{ route('category', 'sport') }}"
class="text-decoration-none">អត្ថបទច្រើនទៀត<i class='bx bx-chevron-right'></i></a>
</small>
</div>
<br>
<div class="owl-carousel owl-category">
@foreach ($sports as $post)
<a href="{{route('single',$post->id)}}" class="card d-block h-100 top-post text-decoration-none bg-transparent position-relative tippy-tooltip" data-title="{{$post->title}}">
{{-- <span class="badge bg-primary text-white rounded-pill position-absolute top-cat">{{ $post->post_categories->first()->category->name }}</span> --}}
<div class="ratio ratio-16x9">
<img src="{{ asset($post->feature_image) }}" alt="" class="card-img-top object-fit-cover">
</div>
<div class="card-body w-100 p-1 p-md-3 pb-0 pb-md-0 border-bottom border-primary border-2">
<h5 class="card-title">{!! Str::limit($post->title, 75, '...') !!}</h5>
<div class="desc">
<p>{!! Str::limit(strip_tags($post->description), 80, '...') !!}</p>
</div>
<span class="d-flex flex-wrap flex-sm-row card-footer p-1 border-0 opacity-75">
<span class="badge badge-primary">
<i class='bx bx-calendar'></i> {{ $post->date }}
</span>
</span>
</div>
</a>
@endforeach
</div>
</div>
</section>
<section class="my-4 home-sport">
<div class="card bg-transparent border-0">
<div class="cat-title d-flex justify-content-between">
<h6 class="font-title mb-0"><i class='bx bx-grid-vertical'></i>ព័ត៌មានជាតិ</h6>
<small class="align-self-center">
<a href="{{ route('category', 'sport') }}"
class="text-decoration-none">អត្ថបទច្រើនទៀត<i class='bx bx-chevron-right'></i></a>
</small>
</div>
<br>
<div class="owl-carousel owl-category">
@foreach ($nationalNews as $post)
<a href="{{route('single',$post->id)}}" class="card d-block h-100 top-post text-decoration-none bg-transparent position-relative tippy-tooltip" data-title="{{$post->title}}">
{{-- <span class="badge bg-primary text-white rounded-pill position-absolute top-cat">{{ $post->post_categories->first()->category->name }}</span> --}}
<div class="ratio ratio-16x9">
<img src="{{ asset($post->feature_image) }}" alt="" class="card-img-top object-fit-cover">
</div>
<div class="card-body w-100 p-1 p-md-3 pb-0 pb-md-0 border-bottom border-primary border-2">
<h5 class="card-title">{!! Str::limit($post->title, 75, '...') !!}</h5>
<div class="desc">
<p>{!! Str::limit(strip_tags($post->description), 80, '...') !!}</p>
</div>
<span class="d-flex flex-wrap flex-sm-row card-footer p-1 border-0 opacity-75">
<span class="badge badge-primary">
<i class='bx bx-calendar'></i> {{ $post->date }}
</span>
</span>
</div>
</a>
@endforeach
</div>
</div>
</section>
<section class="my-4 home-sport">
<div class="card bg-transparent border-0">
<div class="cat-title d-flex justify-content-between">
<h6 class="font-title mb-0"><i class='bx bx-grid-vertical'></i>បច្ចេកវិទ្យា</h6>
<small class="align-self-center">
<a href="{{ route('category', 'sport') }}"
class="text-decoration-none">អត្ថបទច្រើនទៀត<i class='bx bx-chevron-right'></i></a>
</small>
</div>
<br>
<div class="owl-carousel owl-category">
@foreach ($technologys as $post)
<a href="{{route('single',$post->id)}}" class="card d-block h-100 top-post text-decoration-none bg-transparent position-relative tippy-tooltip" data-title="{{$post->title}}">
{{-- <span class="badge bg-primary text-white rounded-pill position-absolute top-cat">{{ $post->post_categories->first()->category->name }}</span> --}}
<div class="ratio ratio-16x9">
<img src="{{ asset($post->feature_image) }}" alt="" class="card-img-top object-fit-cover">
</div>
<div class="card-body w-100 p-1 p-md-3 pb-0 pb-md-0 border-bottom border-primary border-2">
<h5 class="card-title">{!! Str::limit($post->title, 75, '...') !!}</h5>
<div class="desc">
<p>{!! Str::limit(strip_tags($post->description), 50, '...') !!}</p>
</div>
<span class="d-flex flex-wrap flex-sm-row card-footer p-1 border-0 opacity-75">
<span class="badge badge-primary">
<i class='bx bx-calendar'></i> {{ $post->date }}
</span>
</span>
</div>
</a>
@endforeach
</div>
</div>
</section>
</div>
<div class="col-lg-3">
<div class="img-thumbnail popular-post bg-transparent">
<h5 class="font-title text-center popular-title">☆ អត្ថបទពេញនិយម ☆</h5>
<div class="row m-0">
@foreach ($popular_post as $post)
<div class="col-md-6 col-lg-12 px-1 my-md-1">
<x-home.popular
class="ratio-16x9 tippy-tooltip"
data-title="{{ $post->title }}"
card="border-0"
:link="route('single',$post->id)"
:thumbnail="$post->feature_image"
title="{!! Str::limit($post->title, 70, '...') !!}"
:date="$post->date"
description="{!! Str::limit(strip_tags($post->description), 80, '...') !!}"
/>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
<section>
<div class="container">
<div class="card bg-transparent border-0">
<div class="card-body px-0">
<h4 class="cat-title font-title">ព័ត៌មានកំពូលទាំង ១០ ប្រចាំសប្តាហ៍</h4>
<div class="owl-carousel owl-week">
@foreach ($technologys as $post)
<x-home.popular
class="ratio-16x9 tippy-tooltip"
data-title="{{ $post->title }}"
card="border-0"
:link="route('single',$post->id)"
:thumbnail="$post->feature_image"
title="{!! Str::limit($post->title, 80, '...') !!}"
:date="$post->date"
description="{!! Str::limit(strip_tags($post->description), 100, '...') !!}"
/>
@endforeach
</div>
</div>
</div>
</div>
</section>
@if (!empty($advertise))
<div class="modal fade" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-body p-0">
<button class="position-absolute top-0 end-0 btn-close text-reset bg-danger" data-bs-dismiss="modal" aria-label="Close"></button>
<a href="{{ $advertise->url??'#' }}">
<img src="{{ asset($advertise->feature_image??'img/ads6.jpg')}}" alt="ads" class="img-thumbnail bg-transparent w-100 p-0">
</a>
</div>
</div>
</div>
</div>
@endif
</div>