Files
nhgooi.nl/resources/views/jobsitem.blade.php
2021-09-26 17:30:44 +02:00

100 lines
2.7 KiB
PHP

@extends('layouts/sidebar')
@section('title')
{{$job->title}}
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li>Details</li>
</ul>
@endsection
@section('content')
<div class="row">
<div class="post single ">
<div class="post_content clearfix">
<div class="content_box">
@if($job->images)
@if(count($job->images) == 1)
<div class="post_image_box">
<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$job->images[0]->title}}">
<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
</a>
<div class="sentence">
<span class="text">{{$job->images[0]->title}}</span>
@if(isset($job->images[0]->author))
<span class="author">{{$job->images[0]->author}}</span>
@endif
</div>
</div>
@else
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($job->images as $image)
<li>
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
</li>
@endforeach
</ul>
</div>
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
@foreach($job->images as $image)
<li>
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
<span class="icon fullscreen animated"></span>
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
</a>
</li>
</ul>
@endforeach
</div>
@endif
@endif
<div class="text">
{!!$job->content!!}
</div>
{{--
@include('widgets/share')
--}}
</div>
</div>
</div>
</div>
<style>
.post.single .content_box {
float: none;
margin-left: 0;
width: auto;
padding: 1em 0;
color: #3E3E3E !important;
line-height: 150%;
}
.content_box .text > * {
margin-left: 0px;
}
.content_box ul br {
display: none;
}
.content_box li {
padding-top: 7px;
padding-bottom: 7px;
margin-top: 0;
background-repeat: no-repeat;
background-position: left 10px;
padding-left: 25px;
background-image: url("/images/icons/other/bullet_style_2.png");
}
</style>
@endsection