| Current File : /home/sanghavirealty/public_html/resourcesazwer/views/properties/estate-show.blade.php |
@extends('homepage.layout-marketplace', [
'admintitle' => $property->title ?? '',
'summary' => $property->subtitle ?? '',
'ogimage' => $fistImage ?? '',
'imagepath' => 'storage/contentimages',
])
@section('content')
<section class="common-header">
@foreach ($property->images->where('featured', 1) as $image)
<img src="{{ Storage::url($image->file_path) }}" class="img-fluid" alt="{{ $image->type }}">
@endforeach
{{-- <img class="img-fluid" src="../userassets/bkg.jpg"> --}}
<div class="header-title">
<div class="container">
<h2>{{ $property->title ?? '' }}</h2>
<h4>{{ $property->subtitle ?? '' }}</h4>
</div>
</div>
</section>
<section class="homeabout page-inside">
<div class="container">
<div class="row align-items-center ">
<div class="cms">
<div class="row">
<div class="col-xl-12 col-md-12 col-sm-12 ">
<div class="commontext">
<ul class="order-sm-last">
@for ($i = 1; $i <= 4; $i++)
@if ($property->{'highlights' . $i} ?? '')
<li>
{!! $property->{'highlights' . $i ?? ''} !!}
</li>
@endif
@endfor
</ul>
<p class="order-sm-first">{{ $property->description ?? '' }}</p>
<div class="btnblock mt-5 mb-lg-5 text-center">
<a href="{{ url('contact-us') }}"
class="btn btn-primary hvr-bounce-to-top fade-in">Schedule For A Call
</a>
</div>
{{-- <div class="aboutimg mt-5">
<div class="image-container">
@foreach ($property->images->where('primaryimage', 1) as $image)
<img src="{{ Storage::url($image->file_path) }}" class="img-fluid"
alt="{{ $image->type }}" style="object-fit: cover;">
@endforeach
<h3 class="quote1">{{ $property->headline }} </h3>
</div>
</div> --}}
</div>
</div>
</div>
</div>
</div>
</div>
</section>
@if ($property && $property->images->where('type', 'ExteriorImages')->count() > 0)
<section class="homegallery bg-dark-gray background-position-center-top">
<div class="container">
<div class="row mb-8 xs-mb-10 overlap-section">
<div class="col-12 position-relative">
<div
class="vertical-title-center align-items-center position-absolute top-0px left-15px bg-base-color p-10px xs-p-5px h-270px sm-h-190px z-index-9 w-50px xs-w-40px">
<div class="title fs-14 lss-2px text-dark-gray fw-700 text-uppercase">
Sanghavi</div>
</div>
<div id="myCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel">
<ol class="carousel-indicators">
{{-- @foreach ($property->images->where('type', 'ExteriorImages' ?? 'default.png') as $image)
<li data-target="#myCarousel" data-bs-slide-to="{{$loop->index}}" class="{{ $loop->index + 1 == 1 ? 'active' : '' }}"></li>
@endforeach --}}
@if ($property)
@foreach ($property->images->where('type', 'ExteriorImages') as $image)
<li data-target="#myCarousel" data-bs-slide-to="{{ $loop->index }}"
class="{{ $loop->index + 1 == 1 ? 'active' : '' }}"></li>
@endforeach
@else
@endif
</ol>
<div class="carousel-inner">
@if ($property)
@foreach ($property->images->where('type', 'ExteriorImages') as $image)
<div class="carousel-item {{ $loop->index + 1 == 1 ? 'active' : '' }}">
<img class="" src="{{ Storage::url($image->file_path) }}"
alt="{{ $image->type }}" />
<div class="carousel-caption ">
<div class="row justify-content-end align-items-end h-100">
<div class="blocktext col-lg-5 col-md-7 p-0">
<div class="gallery-caption bg-white p-16 lg-p-12">
<span
class="text-dark-gray fs-15 text-uppercase ls-1px fw-700 mb-3">
Setting High Standards With</span>
<h2 class="alt-font text-dark-gray fw-600 mb-20px ls-minus-2px">
{{ $property->title ?? '' }}</h2>
<p class="w-90 mb-10px text-dark-gray1">
{{ $property->subtitle ?? '' }}</p>
<a href="https://sanghavirealty.in/contact-us"
class="btn btn-primary hvr-bounce-to-top fade-in">
Schedule a call</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
@else
@endif
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
@endif
{{-- @dd($property->images->where('highlight', 1)->count()) --}}
<section class="homevideo p-0 bg-dark-gray background-position-center-top overflow-hidden">
<div class="container-fluid p-0">
<div class="row g-0 align-items-center h-500px md-h-450px sm-h-auto">
@if(($property->images->where('highlight', 1)->count() > 0))
<div class=" video-image col-md-6 cover-background h-100 sm-h-400px xs-h-350px">
@if ($property)
@foreach ($property->images->where('highlight', 1) as $image)
<img class="img-fluid" src="{{ Storage::url($image->file_path) }}">
@endforeach
@else
@endif
</div>
@endif
@if (!empty($property->videoembeedlink))
<div class="col-lg-4 col-md-6 position-relative bg-nero-blue h-100 sm-h-350px sm-pb-8 overflow-hidden">
<div class="video-section h-100 d-flex flex-column align-items-center justify-content-center">
<button type="button" class="btn btn-primary" data-bs-toggle="modal"
data-bs-target="#exampleModal">
<span class="video-icon">
<i class="fa-solid fa-play text-base-color"></i>
</span>
</button>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
@if ($property)
@if ($property->videoembeedlink)
{{-- <li class="list-group-item"><strong>Video Embed Link:</strong></li> --}}
{!! $property->videoembeedlink !!}
@endif
@else
@endif
<!-- <a href="" class="position-relative border border-2 border-color-base-color d-inline-block text-center rounded-circle video-icon-box video-icon-large popup-youtube mb-10px">
</a> -->
</div>
</div>
</div>
</div>
<h2 class="">{{ $property->highlights5 ?? '' }}</h2>
<span class="text-white">{{ $property->highlights6 ?? '' }}</span>
<div
class="outline-text position-absolute bottom-minus-20px left-0px right-0px text-center w-100 fs-140 sm-fs-160 xs-fs-110 ls-minus-3px opacity-1 word-break-normal text-outline text-outline-color-white alt-font">
sanghavi</div>
</div>
</div>
@endif
</div>
</div>
</div>
</section>
<section class="homeproject bg-dark-gray background-position-center-top overflow-hidden">
@if ($property->images->where('type', 'InteriorImages')->count() > 0)
<div class="container">
<div class="row align-items-end mb-5">
<div class="col-md-6 sm-mb-20px">
<h5 class="sub-title">Gallery</h5>
<h4 class="text-white fw-600 mb-0">The Design language features exquisite contemporary styling.
</h4>
</div>
{{-- <div class="col-md-5 offset-md-1 last-paragraph-no-margin">
<p class="w-80 xl-w-85 lg-w-100">With brick stones and curvatures integrated into the building, the
aesthetics of your home will stand out for sure.</p>
</div> --}}
</div>
</div>
<div class="container text-center my-lg-5 mb-5">
<div class="row mx-auto my-auto justify-content-center g-5">
<div id="recipeCarousel" class="carousel1 slide" data-bs-ride="carousel">
<div class="carousel-start">
<div class="carousel-inner" role="listbox">
@if ($property)
@foreach ($property->images->where('type', 'InteriorImages') as $image)
<div class="carousel-item {{ $loop->index + 1 == 1 ? 'active' : '' }}">
<div class="col-md-3 ps-2">
<div class="service-card1 card text-center border-0">
<a href='{{ Storage::url($image->file_path) }}' data-gallery="{{$property->slug}}-gallery" data-toggle="lightbox" data-size="xl" data-caption=""><img src="{{ Storage::url($image->file_path) }}"
class="d-block w-lg-100" alt="" > </a>
{{-- <div class="card-img-overlay">
<div class="card-body">
<h5 class="card-title"></h5>
<p class="card-text"></p>
</div>
</div> --}}
</div>
</div>
</div>
@endforeach
@else
@endif
</div>
</div>
<a class="carousel-control-prev bg-transparent w-aut" href="#recipeCarousel" role="button"
data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
</a>
<a class="carousel-control-next bg-transparent w-aut" href="#recipeCarousel" role="button"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
</a>
</div>
</div>
@endif
<ul class="pro-highlight my-5">
@if(!empty($property->location))
<li class=""><i class="feather icon-feather-map-pin"></i> Location <br>
<strong> {{ $property->location ?? '' }}</strong>
</li>
@endif
@if(!empty($property->reranotice))
@if ($property && $property->reranotice)
<li class=""><i class="feather icon-feather-file-text"></i> RERA Notice<br>
<strong> {{ $property->reranotice ?? '' }}</strong>
</li>
@endif
@endif
</ul>
@if ($property && !empty($property->images->where('type', 'Brochure')->first()))
@foreach ($property->images->where('type', 'Brochure') as $brochure)
<a href="{{ Storage::url($brochure->file_path) }}"
class="btn btn-primary brochure-down hvr-bounce-to-top fade-in" download>Download
Brochure <i class="feather icon-feather-download"></i></a>
@endforeach
@endif
</div>
</section>
<script type="text/javascript">
let items = document.querySelectorAll('.carousel1 .carousel-item')
items.forEach((el) => {
const minPerSlide = 4
let next = el.nextElementSibling
for (var i = 1; i < minPerSlide; i++) {
if (!next) {
// wrap carousel by using first child
next = items[0]
}
let cloneChild = next.cloneNode(true)
el.appendChild(cloneChild.children[0])
next = next.nextElementSibling
}
})
</script>
{{-- <div class="container">
<div class="row">
<div class="col-md-10 offset-md-1">
<div class="card shadow-sm mb-4">
<div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
<h2 class="card-title h4 mb-0">{{ $property->title }}</h2>
<a href="{{ route('properties.index') }}" class="btn btn-light btn-sm">Back to
List</a>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-8">
<h3 class="h5 text-primary mb-3">{{ $property->headline }}</h3>
<p class="mb-4">{{ $property->description }}</p>
<ul class="list-group list-group-flush mb-4">
<li class="list-group-item"><strong>Category:</strong>
{{ $property->category }}</li>
<li class="list-group-item"><strong>Type:</strong>
{{ $property->type }}</li>
<li class="list-group-item"><strong>Price:</strong>
${{ number_format($property->price, 2) }}</li>
<li class="list-group-item"><strong>Location:</strong>
{{ $property->location }}</li>
<li class="list-group-item"><strong>Status:</strong>
<div class="progress rounded-pill" style="height: 25px;">
<div class="progress-bar bg-success" role="progressbar"
style="width: {{ $property->projectstatus }}%;"
aria-valuenow="{{ $property->projectstatus }}" aria-valuemin="0"
aria-valuemax="100">
{{ $property->projectstatus }}% Complete</div>
</div>
</li>
@if ($property->quote)
<li class="list-group-item"><strong>Quote:</strong>
"{{ $property->quote }}"</li>
@endif
@if ($property->subtitle)
<li class="list-group-item"><strong>Subtitle:</strong>
{{ $property->subtitle }}
</li>
@endif
@if ($property->video)
<li class="list-group-item"><strong>Video URL:</strong> <a
href="{{ $property->video }}" target="_blank">{{ $property->video }}</a>
</li>
@endif
@if ($property->videoembeedlink)
<li class="list-group-item"><strong>Video Embed Link:</strong>
{{ $property->videoembeedlink }}</li>
@endif
@if ($property->reranotice)
<li class="list-group-item"><strong>RERA Notice:</strong>
{{ $property->reranotice }}</li>
@endif
</ul>
</div>
<div class="col-md-4">
<h4 class="h6 text-muted mb-3">Highlights</h4>
<ul class="list-group list-group-flush">
@for ($i = 1; $i <= 6; $i++)
@if ($property->{'highlights' . $i})
<li class="list-group-item">
{{ $property->{'highlights' . $i} }}</li>
@endif
@endfor
</ul>
</div>
</div>
</div>
</div>
<!-- Primary Image -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Primary Image</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('primaryimage', 1) as $image)
<div class="col-md-12">
<img src="{{ Storage::url($image->file_path) }}" class="img-fluid rounded"
alt="{{ $image->type }}" style="object-fit: cover;">
</div>
@endforeach
</div>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('highlight', 1) as $image)
<div class="col-md-12">
<img src="{{ Storage::url($image->file_path) }}" class="img-fluid rounded"
alt="{{ $image->type }}" style="object-fit: cover;">
</div>
@endforeach
</div>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('featured', 1) as $image)
<div class="col-md-12">
<img src="{{ Storage::url($image->file_path) }}" class="img-fluid rounded"
alt="{{ $image->type }}" style="object-fit: cover;">
</div>
@endforeach
</div>
</div>
</div>
<!-- Interior Images -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Interior Images</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('type', 'InteriorImages') as $image)
<div class="col-md-4 col-sm-6">
<img src="{{ Storage::url($image->file_path) }}" class="card-img-top rounded"
alt="{{ $image->type }}" style="height: 200px; object-fit: cover;">
</div>
@endforeach
</div>
</div>
</div>
<!-- Exterior Images -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Exterior Images</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('type', 'ExteriorImages') as $image)
<div class="col-md-4 col-sm-6">
<img src="{{ Storage::url($image->file_path) }}" class="card-img-top rounded"
alt="{{ $image->type }}" style="height: 200px; object-fit: cover;">
</div>
@endforeach
</div>
</div>
</div>
<!-- Floor Plans -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Floor Plans</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('type', 'FloorPlans') as $image)
<div class="col-md-4 col-sm-6">
<img src="{{ Storage::url($image->file_path) }}" class="card-img-top rounded"
alt="{{ $image->type }}" style="height: 200px; object-fit: cover;">
</div>
@endforeach
</div>
</div>
</div>
<!-- Amenities Images -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Amenities Images</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('type', 'AmenitiesImages') as $image)
<div class="col-md-4 col-sm-6">
<img src="{{ Storage::url($image->file_path) }}" class="card-img-top rounded"
alt="{{ $image->type }}" style="height: 200px; object-fit: cover;">
</div>
@endforeach
</div>
</div>
</div>
<!-- Brochures -->
<div class="card shadow-sm mb-4">
<div class="card-header bg-light">
<h3 class="card-title h5 mb-0">Brochures</h3>
</div>
<div class="card-body">
<div class="row g-4">
@foreach ($property->images->where('type', 'Brochure') as $brochure)
<div class="col-md-4 col-sm-6">
<div class="card h-100 border-0 shadow-sm">
<div class="card-body text-center d-flex flex-column justify-content-center p-4">
<i class="bi bi-file-earmark-pdf"
style="font-size: 3rem; color: #dc3545;"></i>
<h5 class="card-title mt-2">
{{ Str::limit($brochure->type, 20) }}</h5>
<a href="{{ Storage::url($brochure->file_path) }}"
class="btn btn-danger btn-sm mt-auto" download>Download
Brochure</a>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</div>
</div> --}}
@include('homepage.bottom-ticker')
<script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.3/dist/index.bundle.min.js"></script>
@stop