0s - Explorer

Viewing: trending.blade.php

@extends('layouts.frontend-layout')
@section('meta_decription')
    {!! $property_tag->property_meta ?? '' !!}
@stop

@section('style')
    <style type="text/css">
        .main-text {
            position: absolute;
            bottom: 0%;
            top: 40% !important;
            width: 95%;
            color: #FFF;
            z-index: 9;
            padding: 15px 7px;
            background: none !important;
            left: 44px;
        }

.search_container {
            width: 100%;
            text-align: center;
        }

.search_form {
            display: block;
            padding-top: 18px;
            padding-bottom: 0;
            padding-left: 23px;
            padding-right: 24px;
            /* background: rgba(85,64,125,0.67); */
        }
        .search_form_container {
            text-align: left;
        }
        .search_input {
            width: calc((100% - 22px) / 4);
            height: 51px;
            padding-left: 27px;
            background: #ffffff;
            border: none;
            outline: none;
            font-size: 16px;
            font-weight: 500;
            color: #2b2e35;
            float:left;
            margin:10px;
        }
        .search_button {
            width: 247px;
            height: 51px;
            background: #be8c23;
            color: #ffffff;
            border: none;
            outline: none;
            cursor: pointer;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
            float:left ;
            margin-top: 10px;
        }
        section.section-bg.section-padding .card-body p {
    margin-bottom: 5px;
}
        .pagination > li > .page-link
        {
            background-color: white;
            color: #be8c23;
        }

.pagination > li > a:focus,
        .pagination > li > a:hover,
        .pagination > li > span:focus,
        .pagination > li > span:hover
        {
            color: #fff;
            background-color: #be8c23;
            border-color: #be8c23;
        }

.pagination > .active > .page-link
        {
            color: white !important;
            background-color: #be8c23 !important;
            border: solid 1px #be8c23 !important;
        }

.pagination > .active > a:hover
        {
            background-color: #be8c23;
            border: solid 1px #be8c23;
        }

</style>
@endsection
@section('content')
<section class="section-bg">
    <div class="overflow-hidden position-relative w-100 mt-5 mt-lg-0">
        <div class="position-relative properties-img w-100 property-list">
            <img src="{{ asset('public/frontend-images/page-banners/projects.jpg') }}" class="img-fluid" alt="property_banner">
        </div>
        <div class="pagetitlebar-bg position-absolute top-0 bottom-0"></div>
        <div class="col-12 d-flex justify-content-center position-absolute top-50">
        </div>
        <div class="container">
            <div class="row main-text">
                <div class="search_container ml-3">
                    <div class="search_form_container">
                        <form action="{{route('searchProperties')}}" method="post" class="search_form"
                              id="search_form">
                            {{ csrf_field() }}
                            <div class="flex-lg-row flex-column align-items-start justify-content-lg-between justify-content-start">
                                <div class="search_inputs flex-lg-row flex-column align-items-start justify-content-lg-between justify-content-start">

<select name="city" id="city_id" class="search_input" >
                                        <option value="" selected disabled>Select City</option>
                                        @foreach($cities as $city)
                                            {{ $city }}
                                            <option
                                                value="{{$city->id}}" {{(old('city_id') == $city->id)? 'Selected':''}}>{{isset($city->name)?$city->name:''}}</option>
                                        @endforeach
                                    </select>
                                    <select name="location"
                                            {{( !old('location'))?'disabled':''}} id="location_id"
                                            class="search_input" >
                                        <option value="">Select Location/Area</option>
                                        @if (old('location') && $data != null && isset($data['locations']))
                                            @foreach ($data['locations'] as $location)
                                                <option
                                                    value="{{$location->id}}" {{(old('location_id') == $location->id)? 'Selected':''}}>{{$location->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>

<select name="type" id="type" class="search_input">
                                        <option value="" selected disabled>Select Purpose</option>

</select>
                                    <select name="category" id="category_id" class="search_input">
                                        <option value="" selected disabled>Select Property Type</option>
                                        @foreach ($propertyTypes as $propertyType)
                                            <option value="{{ $propertyType->id }}">
                                                {{ $propertyType->title }} </option>
                                        @endforeach
                                    </select>
                                    <select name="sub_category_id" id="sub_category_id" class="search_input">

<option value="">Select Property Sub Type</option>
                                        @if (old('sub_category_id') && $data != null && isset($data['subCategories']))
                                            @foreach ($data['subCategories'] as $subCategory)
                                                <option
                                                    value="{{$subCategory->id}}" {{(old('sub_category_id') == $subCategory->id)? 'Selected':''}}>{{$subCategory->title}}</option>
                                            @endforeach
                                        @endif

</select>
                                    <select name="price_type" id="price_type" class="search_input">
                                        <option value="" selected >Select Price Range</option>
                                        <option value="1"  >PKR 1000 - 100,000 </option>
                                        <option value="2"  >PKR 100,001 - 1,000,000 </option>
                                        <option value="3"  >PKR 1,000,001 - 10,000,000 </option>
                                        <option value="4"  >PKR 10,000,001 - 100,000,000 </option>
                                        <option value="5"  >PKR 100,000,000+ </option>

</select>

<button class="search_button"> Search </button>

</div>
                            </div>
                        </form>
                    </div>
                </div>

</div>
        </div>
    </div>

</section>

<section class="section-bg section-padding">
    <div class="container">
        <div class="row justify-content-center pb-4">
            <div class="col-12 d-flex justify-content-center">
                <div class="section-heading">
                    <h4 class="bs-title">{{$title}}</h4>
                    <div class="horizontal-divider"></div>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        
        
        
    </div>

<div class="container">
        <div class="row">
            @foreach ($properties as $property)
            <div class="col-12 col-lg-4 p-3">
                <div class="card border-0 bg-transparent shadow">
                    <div class="project-card-image">
                        <a class="bs-link" href="{{route('frontend.properties-detail', ['property_slug'=>getRouteSlug(5)['properties'],'id'=>$property->slug])}}">
                        <img src="{{ asset('storage/app/public/'.$property->image_thumbnail) }}" alt="property">
                            </a>
                    </div>
                    <h5 class="card-title title-bg p-2 text-light mb-0">{{$property->title}}</h5>
                    <div class="card-body p-3 bg-transparent text-start  text-light">
                        <div class="row">
                            <div class="col-3">
                                <p class="card-list">Locality:</p>
                            </div>
                            <div class="col-7 property-list-card">
{{--                                <p class="text-light">{{$property->locations->name ?? '-'}}</p>--}}
                                <p class="text-light">{{ Str::limit(strip_tags ($property->locations->name .', ' .$property->cities->name ?? '-'), 40)}}</p>
                            </div>
                            <div class="col-2">
                                <div class="bs-image text-end">
                                    <img class=""
                                        src="{{ asset('public/frontend-images/projects/project-card-location-icon.png') }}"
                                        alt=" About Us Banner">
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                <p class="card-list">Type:</p>
                            </div>
                            <div class="col-9">
                                <span class="text-light">{{isset($property->categories->title)?$property->categories->title:''}}</span> ,
                                <span class="text-light">{{isset($property->subCategories->title)?$property->subCategories->title:''}}</span>
{{--                                <ul>--}}
{{--                                    <li>{{isset($property->categories->title)?$property->categories->title:''}}</li>--}}
{{--                                </ul>--}}
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
{{--                                <p class="card-list">City:</p>--}}
                                <p class="card-list">Size:</p>
                            </div>
                            <div class="col-9">
{{--                                <p class="">{{$property->cities->name}}</p>--}}
                                <p class="text-light">{{$property->area .' ' .$property->area_unit ?? '-'}}</p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-3">
                                {{--                                <p class="card-list">City:</p>--}}
                                @if(Request::is('properties/listing/rent'))
                                <p class="card-list">Rent:</p>
                                @elseif(Request::is('properties/listing/sale'))
                                <p class="card-list">Price:</p>
                                @else
                                    @if(number_format($property->monthly_rent))

<p class="card-list">Rent:</p>
                                    @else
                                    <p class="card-list">Price:</p>
                                    @endif
                                @endif

</div>
                            <div class="col-9">
                                {{--                                <p class="">{{$property->cities->name}}</p>--}}

@if(Request::is('properties/listing/sale'))
                                <p class="text-light">PKR {{number_format($property->price)}}</p>
                                @elseif(Request::is('properties/listing/rent'))
                                <p class="text-light">PKR {{number_format($property->monthly_rent)}}</p>
                                @else
                                    @if(number_format($property->monthly_rent))
                                    <p class="text-light">PKR {{number_format($property->monthly_rent)}}</p>
                                    @else
                                    <p class="text-light">PKR {{number_format($property->price)}}</p>
                                    @endif
                                @endif

</div>
                        </div>
                        <div class="text-end">
                            <a class="bs-link" href="{{route('frontend.properties-detail',['property_slug'=>getRouteSlug(5)['properties'],'id'=>$property->slug])}}">Read More</a>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach

{{--<nav aria-label="Page navigation example">
                    <ul class="pagination justify-content-end">
                        <li class="page-item disabled">
                            <a class="page-link" href="#" tabindex="-1" aria-disabled="true">Previous</a>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#">Next</a>
                        </li>
                    </ul>
                </nav>--}}

</div>
    </div>

</section>

@endsection
@section('script')
<script>
    $(document).ready(function () {
    $('#city_id').on('change', function () {
        var getCityId = $('#city_id option:selected').val();
        // console.dir($('meta[name="csrf-token"]').attr('content'));
        $.ajax({
            type: "POST",
            url: '{{ route("getLocationsByCities") }}',
            data: {
                '_token': $('meta[name="csrf-token"]').attr('content'),
                'cityId': getCityId

},
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            success: function (data) {
                $('#location_id').html('');
                $('#location_id').prop('disabled', false);
                $('#location_id').append('<option disabled selected>Select Location/Area</option>');
                // console.dir(data);
                data.locations.forEach(location => {
                    var option = "<option value='" + location.id + "'>" + location.name + "</option>";
                    $('#location_id').append(option);
                });
            }
        });
    });
    $('#category_id').on('change', function () {

var category_id = $('#category_id').find(":selected").val();

$('#sub_category_id').attr('disabled', false);

var option = '';

$.ajax({

type: "GET",

url: '{{route('getSubCategoriesproperties')}}',

data: {
                    'category_id': category_id
                },

success: function (data) {

$('#sub_category_id').html('');
                    $('#sub_category_id').append('<option disabled selected>Select Property Sub Type</option>');

data.forEach(function (item, index) {

option = "<option value='" + item.id + "'>" + item.title + "</option>"

$('#sub_category_id').append(option);

});

}

});

});
        });
</script>
@endsection

Return

Item Name	Size	Date	Permissions
.	4096	2026-06-25 07:21:08	0750
..	4096	2026-06-25 07:32:29	0711
.editorconfig	258	2024-04-06 02:24:44	0644
.env	1438	2025-06-30 07:16:35	0644
.env.example	897	2024-04-06 02:25:01	0644
.ftpquota	18	2026-06-04 04:29:49	0644
.git	4096	2026-04-20 02:11:09	0755
.gitattributes	111	2024-04-06 02:24:44	0644
.gitignore	213	2024-04-06 02:25:03	0644
.htaccess	650	2026-01-02 03:40:21	0644
.styleci.yml	194	2024-04-06 02:24:44	0644
.well-known	4096	2024-04-06 02:24:44	0755
03-05-24.zip	7727063031	2024-05-03 01:59:10	0644
README.md	37	2024-04-06 02:24:44	0644
_(:з」	3029	2026-06-25 05:53:58	0644
app	4096	2026-01-21 07:23:11	0755
artisan	1686	2024-04-06 02:24:44	0644
bootstrap	4096	2026-01-21 07:23:11	0755
cgi-bin	4096	2026-06-25 07:06:59	0755
composer.json	2222	2024-05-03 02:12:08	0644
composer.lock	401959	2024-05-03 02:12:03	0644
config	4096	2026-06-25 07:04:18	0755
database	4096	2026-01-21 07:23:11	0755
docker	4096	2024-04-06 02:40:59	0755
evolve	4096	2024-04-06 02:40:06	0755
evolve-web(1).sql	396218	2024-04-06 02:40:06	0644
google260ba28a898d10cb.html	53	2026-01-02 08:00:15	0644
google2b9ec1a01f6cfbd7.html	53	2024-04-06 02:24:44	0644
images	4096	2026-06-25 07:04:18	0755
laravel-site	4096	2026-06-25 07:04:18	0755
package-lock.json	323820	2024-04-06 02:25:03	0644
package.json	473	2024-04-06 02:24:44	0644
phpunit.xml	1202	2024-04-06 02:25:01	0644
public	4096	2026-06-25 06:10:26	0755
resources	4096	2024-04-06 02:25:03	0755
robots.txt	31	2024-04-06 02:25:01	0644
routes	4096	2026-01-21 07:23:42	0755
sail	17295	2024-04-06 02:40:59	0644
storage	4096	2026-01-21 07:24:11	0755
tests	4096	2026-01-21 07:23:43	0755
vendor	4096	2026-01-21 07:23:42	0755
webdocs.txt	128	2026-06-25 07:21:29	0644
webpack.mix.js	559	2024-04-06 02:25:01	0644

Name	Size	Permissions	Options