40 lines
2.3 KiB
PHP
40 lines
2.3 KiB
PHP
<div class="card">
|
|
<div class="card-header">
|
|
<h5 class="mb-0 h6">{{ translate('Story Details') }}</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row align-items-center">
|
|
<div class="col-8">
|
|
<span class="h6">{{ $happy_story->title }}</span>
|
|
</div>
|
|
<div class="col-4 text-right">
|
|
<span >
|
|
{{ translate('Posted By:').' '.$happy_story->user->first_name.' '.$happy_story->user->last_name }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="aiz-carousel dots-inside-bottom mobile-img-auto-height mt-4" data-arrows="true" data-dots="true" data-autoplay="true">
|
|
@if ($happy_story->photos != null)
|
|
@foreach (explode(',',$happy_story->photos) as $key => $photo)
|
|
<div class="carousel-box">
|
|
<img class="d-block w-100 lazyload rounded h-200px h-lg-380px img-fit" src="{{ static_asset('assets/img/placeholder-rect.jpg') }}" data-src="{{ uploaded_asset($photo) }}" alt="{{ $key }} offer">
|
|
</div>
|
|
@endforeach
|
|
@endif
|
|
</div>
|
|
<div>{{ translate('Post Time:').' '.$happy_story->created_at }}</div>
|
|
<div class="overflow-hidden mt-4">@php echo $happy_story->details; @endphp</div>
|
|
<div class="p-4">
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
@if ($happy_story->video_provider == 'youtube' && isset(explode('=', $happy_story->video_link)[1]))
|
|
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/{{ explode('=', $happy_story->video_link)[1] }}"></iframe>
|
|
@elseif ($happy_story->video_provider == 'dailymotion' && isset(explode('video/', $happy_story->video_link)[1]))
|
|
<iframe class="embed-responsive-item" src="https://www.dailymotion.com/embed/video/{{ explode('video/', $happy_story->video_link)[1] }}"></iframe>
|
|
@elseif ($happy_story->video_provider == 'vimeo' && isset(explode('vimeo.com/', $happy_story->video_link)[1]))
|
|
<iframe src="https://player.vimeo.com/video/{{ explode('vimeo.com/', $happy_story->video_link)[1] }}" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|