%PDF-
%PDF-
Mini Shell
Mini Shell
@extends('layouts.app')
@section('content')
<head>
<title>SLJCON - {{$project->name}}</title>
</head>
<link href="{{asset('css/libraries/lightbox.css')}}" rel="stylesheet"/>
<style>
.page_title_area {
padding-top: 50px;
}
.about_us_content_left {
max-width: 100% !important;
float: none !important;
}
</style>
<!-- Page top breadcrumb area -->
<div class="page_breadcrumb_area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="page_breadcrumb_inner">
<div class="page_breadcrumb_title">
<h2>
<span class="trail-item trail-end">DETTAGLI DEL PROGETTO</span>
</h2>
</div>
</div>
<div class="breadcrumb_area">
<div class="breadcrumb-trail breadcrumbs">
<ul class="trail-items">
<li class="trail-item trail-begin">
<a href="{{asset('/')}}" rel="home"><span>Home</span></a>
</li>
<li class="trail-item">
<a href="{{asset('/our-project')}}"><span>Nostri Progetti</span></a>
</li>
<li class="trail-item trail-end">
<span>{{$project->name}}</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
@foreach($project->sections->sortBy('order',true) as $section)
@if($loop->iteration % 2 != 0)
<section id="project_details_{{$section->id}}" class="project_section">
<div class="project_details">
<div class="container">
<div class="row">
<div class="col-md-6 pr0">
<img src="{{env('APP_URL') . 'uploads/section/' . $section->media()->where('media_type', \App\Models\Media::MEDIA_TYPE_SECTION_IMAGE)->first()->file_name}}"
alt="{{$section->title}}" class="img-responsive">
</div>
<div class="col-md-6">
<div class="page_title_area">
<h2><span>{{$section->title}}</span></h2>
<p>{{$section->description}}</p>
</div>
</div>
</div>
</div>
</div>
</section>
@else
<section id="project_details_{{$section->id}}" class="project_section">
<div class="project_details">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="page_title_area">
<h2><span>{{$section->title}}</span></h2>
<p>{{$section->description}}</p>
</div>
</div>
<div class="col-md-6 pl0">
<img src="{{env('APP_URL') . 'uploads/section/' . $section->media()->where('media_type', \App\Models\Media::MEDIA_TYPE_SECTION_IMAGE)->first()->file_name}}"
alt="{{$section->title}}" class="img-responsive">
</div>
</div>
</div>
</div>
</section>
@endif
@if($loop->iteration == 2)
<section id="about_section" class="about_us_area">
<div class="container about_us">
<div class="row">
<div class="col-sm-12">
<div class="about_us_content_left">
<div id="counter_section" class="counter_section_area clearfix">
<div class="counter_section clearfix">
<div class="single_counter_item">
<div class="single_counter_item_icon">
<img src="{{asset('images/about_us/about_icon_1.png')}}" alt="">
</div>
<div class="single_counter_item_title">
<div class="number_counter single_counter_item_count">{{$project->work_hours}}</div>
<h5>Work Hours</h5>
</div>
</div>
<div class="single_counter_item">
<div class="single_counter_item_icon">
<img src="{{asset('images/about_us/about_icon_2.png')}}" alt="">
</div>
<div class="single_counter_item_title">
<div class="number_counter single_counter_item_count">{{$project->staff_number}}</div>
<h5>Staff Number</h5>
</div>
</div>
<div class="single_counter_item">
<div class="single_counter_item_icon">
<img src="{{asset('images/about_us/about_icon_3.png')}}" alt="">
</div>
<div class="single_counter_item_title">
<div class="single_counter_item_count">{{$project->start_date}}</div>
<h5>Start Date</h5>
</div>
</div>
<div class="single_counter_item">
<div class="single_counter_item_icon">
<img src="{{asset('images/about_us/about_icon_3.png')}}" alt="">
</div>
<div class="single_counter_item_title">
<div class="single_counter_item_count">{{$project->finish_date}}</div>
<h5>End Date</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@endif
@endforeach
<section id="gallery_section">
<div class="container">
<div class="row">
<div class="col-sm-12 center">
@if($project->hasGallery())
<div>
<a class="btn btn-default"
href="{{env('APP_URL') . 'uploads/gallery/'.$project->media()->where('media_type', \App\Models\Media::MEDIA_TYPE_PROJECT_GALLEY)->first()->file_name}}"
data-lightbox="gallery">
<span>View Gallery</span>
</a>
</div>
@foreach($project->media()->where('media_type', \App\Models\Media::MEDIA_TYPE_PROJECT_GALLEY)->get() as $key => $item)
@if($key != 0)
<a class="example-image-link"
href="{{env('APP_URL') . 'uploads/gallery/'.$item->file_name}}"
data-lightbox="gallery" data-title="{{$item->real_file_name}}">
{{--<button id="submit" class="btn btn-white">View Gallery</button>--}}
</a>
@endif
@endforeach
@endif
</div>
</div>
</div>
</section>
<section id="relatedProject">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="page_title_area">
<h2>RELATED <span>PROJECTS</span></h2>
</div>
</div>
<div class="col-md-12">
<div class="owl-carousel owl-theme m_bottom_30">
@foreach($relatedProjects as $project)
<a href="{{route('project.details',$project->slug)}}">
<div class="item"
style="width: 260px;height: 260px;background: url({{$project->getMainImage()}})"
alt="{{$project->name}}">
<div class="projectDetail">
<h4>{{$project->name}}</h4>
</div>
</div>
</a>
@endforeach
</div>
</div>
</div>
</div>
</section>
@endsection
@section('script')
<script src="{{asset('js/libraries/lightbox.js')}}"></script>
<script>
$(".project_section").first().addClass("mt50");
$(".project_section").last().addClass("mb100");
$('.owl-carousel').owlCarousel({
loop: true,
margin: 10,
autoWidth: true,
nav: false,
navText: ['<i class="fa fa-angle-left" aria-hidden="true"></i>', '<i class="fa fa-angle-right" aria-hidden="true"></i>'],
responsiveClass: true,
responsive: {
0: {
items: 1
},
600: {
items: 3
},
1000: {
items: 4,
loop: true,
margin: 20
}
}
})
</script>
@endsection
Zerion Mini Shell 1.0