Viewing file:  details.blade.php (6.92 KB) -rw-r--r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
@extends('master.front')
@section('title')
{{__('Event')}}
@endsection
@section('styleplugins')
@endsection
@section('content')
<div class="container mt-5 mb-5">
@php
$setting = DB::table('settings')->first();
$socialLink = json_decode($setting->social_link, true);
if (is_array($socialLink) && isset($socialLink['links']) && isset($socialLink['icons'])) {
$links = $socialLink['links'];
$icons = $socialLink['icons'];
} else {
$links = [];
$icons = [];
}
@endphp
<div class="details-page section-top-banner-carousel">
<div class="d-block">
<div class="template-sticky-img">
<div class="template-sticky-img-content">
<div class="container">
<div class="row">
<div class="col-12 -0">
<div class="detail-image-container">
<img src="{{ isset($post->photo) ? asset('assets/images/'.$post->photo) : asset('assets/images/placeholder.png')}}"
alt="">
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-12">
{{-- <div class="social-links mt-4">
<div class="social-media-share-container">
<a href="" target="_blank" class="share-item">
<img src="/images/referral-facebook.svg" alt="">
</a>
<a href="" target="_blank" class="share-item">
<img src="/images/referral-whatsapp.svg" alt="">
</a>
<a href="" target="_blank" class="share-item">
<img src="/images/referral-twitter.svg" alt="">
</a>
<a href="#" class="share-item ellipsis">
<div class="back-circle">
<i class="fa fa-ellipsis-h"></i>
</div>
</a>
</div>
</div> --}}
<div class="social-links mt-4">
<div class="social-media-share-container">
@if(!empty($links) && !empty($icons))
@foreach($links as $index => $link)
<a href="{{ $link }}" target="_blank" class="share-item rounded-circle">
<i class="{{ $icons[$index]}}"></i>
</a>
@endforeach
@endif
</div>
</div>
<div class="article-title-container">
<div class="article-sub">{{ \Carbon\Carbon::parse($post->updated_at)->format('Y-m-d') }} <span class="dot">.</span> NEWS</div>
<div class="article-title">
<h1> {{ $post->title }} </h1>
</div>
</div>
<div class="article-box-content">
{!! $post->details !!}
</div>
<div class="social-links mt-4">
<div class="social-media-share-container">
@if(!empty($links) && !empty($icons))
@foreach($links as $index => $link)
<a href="{{ $link }}" target="_blank" class="share-item rounded-circle">
<i class="{{ $icons[$index]}}"></i>
</a>
@endforeach
@endif
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content modal-content-bg-color">
<div class="social-media-share-container-more-top">
<div class="social-media-share-container-more-top-title">
<h3 class="mx-auto">Share this promo</h3>
<h3 class="title3">Buy Valorant Points only on UniPin.com using bKash</h3>
</div>
<div class="social-media-share-container-more-close">
<a href="#" id="ellipsis-hide"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="social-media-share-container-more-main">
<a href="#">
<img src="./images/referral-facebook.svg" alt="">
<span>Facebook</span>
</a>
<a href="#">
<img src="./images/referral-twitter.svg" alt="">
<span>Twitter</span>
</a>
<a href="#">
<img src="./images/referral-whatsapp.svg" alt="">
<span>Whatsapp</span>
</a>
<a href="#">
<img src="./images/cs-email.svg" alt="">
<span>Email</span>
</a>
</div>
<div class="social-media-share-container-more-footer input-group">
<input type="text" class="form-control"
value="https://www.unipin.com/bgd/article/buy-riot-codes-to-top-up-valorant-points-on-uni-pin"
readonly>
<span class="input-group-text">Copy</span>
</div>
</div>
</div>
</div>
@endsection
@section('jsplugins')
<script>
$(document).on('click','.ellipsis' , function(e){
e.preventDefault();
$('#exampleModal').modal('show');
});
$(document).on('click','#ellipsis-hide' , function(e){
e.preventDefault();
$('#exampleModal').modal('hide');
});
</script>
@endsection
|