You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.5 KiB
88 lines
3.5 KiB
@extends('layout.app')
|
|
@section('title')
|
|
<title>{{$service->name}}</title>
|
|
<meta name="description" content="{!! strip_tags($service->service_sections()->first()->description)!!}"/>
|
|
<meta name="og:title" content={{$service->name}}/>
|
|
<meta name="og:image" content="{{url($service->banner_image)}}"/>
|
|
@endsection
|
|
@section('content')
|
|
<section class="service-detail-banner" style="background: url({{url($service->banner_image)}})">
|
|
<nav aria-label="breadcrumb">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item"><a href="/">Home</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">{{$service->name}}</li>
|
|
</ol>
|
|
</nav>
|
|
<div class="service-detail-desc">
|
|
<h2>{{$service->name}}</h2>
|
|
</div>
|
|
</section>
|
|
@php $service_sections = $service->service_sections()->orderby('order_by','asc')->get(); @endphp
|
|
@if($service_sections->count() > 0)
|
|
<section class="service-primary">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="service-primary-img">
|
|
<img src="{{url($service_sections->first()->image ?? '')}}" class="w-100" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-primary-desc">
|
|
<h5>{{$service->name}} <hr></h5>
|
|
<h3>{{$service_sections->first()->title}}</h3>
|
|
<p>{{$service_sections->first()->description}}</p>
|
|
<ul>
|
|
@foreach($service_sections->first()->service_section_point as $service_section_point)
|
|
<li>{{$service_section_point->point}}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@if($service_sections->count() > 1)
|
|
@php $second_service = $service_sections[1];@endphp
|
|
<section class="service-secondary">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="service-secondary-img">
|
|
<img src="{{url($second_service->image ?? '')}}" class="w-100" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-secondary-desc">
|
|
<h5><hr> {{$service->name}}</h5>
|
|
<h3>{{$second_service->title}}</h3>
|
|
<p>{{$second_service->description}}</p>
|
|
<a href="/contact">Book An Appointment</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endif
|
|
@if($service_sections->count() > 2)
|
|
@php $third_service = $service_sections[2];@endphp
|
|
<section class="service-view-last">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="service-primary-desc">
|
|
<h5>{{$service->name}}<hr></h5>
|
|
<h3>{{$third_service->title}}</h3>
|
|
<p>{{$third_service->description}}</p>
|
|
<ul>
|
|
@foreach($third_service->service_section_point as $section_point)
|
|
<li>{{$section_point->point}}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="service-last-img">
|
|
<img src="{{url($third_service->image)}}" class="w-100" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endif
|
|
@endif
|
|
@endsection |