| Current File : /home/sanghavirealty/public_html/resourcesazwer/views/properties/show.blade.php |
@extends('layoutsdashboard.dashboard-design',[
'webtitle'=> 'Property View'
])
@section('content')
<div class="section-userdata">
<div class="container py-2">
<div class="card shadow-sm my-5">
<div class="card-header bg-primary 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 my-5">
<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 my-5">
<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 my-5">
<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 my-5">
<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 my-5">
<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 my-5">
<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>
@stop