@php
use GuzzleHttp\Client;
$baseurl = env('API_URL');

$sort_no = Config::get('app.sort_no');
$end_no = Config::get('app.end_no');
@endphp
@extends('mainlayout')

@section('title')
Miliki | Search {{$area}}
@endsection

@section('content')



        <div class="page-title-section section" style="padding-bottom: 24px;">
            <div class="page-title">
                <div class="container">
                    <div class="header-search">
                        <button class="header-search-toggle"><i class="far fa-search"></i></button>
                        <div class="header-search-form">
                            <form action="/search" method="post">
                                @csrf
                                <input type="text" placeholder="Search..." name="search">
                                <button><i class="fas fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>


         <!-- Page Title Section Start -->
        <div class="page-title-section section" style="padding-top:0px;padding-bottom: 24px;">
            <div class="page-title">
                <div class="container">
                    <h1 class="title" style="text-align:left;font-size: 32px;">{{$area}} {{ __('messages.properties') }}</h1>
                </div>
            </div>
        </div>
        <!-- Page Title Section End -->

        @if(count($properties)==0)
        <!-- Course Section Start -->
        <div class="section section-padding-bottom">
            <div class="container">

                <!-- Blog Wrapper Start -->
                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-1 max-mb-n30">

                 
                    <div class="col max-mb-30">
                        <div class="blog">
                            <div class="info">

                                <h3 class="title" style="font-weight:400;font-size:20px">No Results Found</h3>
                                
                            </div>
                        </div>
                    </div>

                </div>
                <!-- Blog Wrapper End -->
            </div>
        </div>
        <!-- Course Section End -->



        @elseif(count($properties)>0))

        <!-- Course Section Start -->
        <div class="section section-padding-bottom">
            <div class="container">

                <!-- Blog Wrapper Start -->
                <div class="row row-cols-lg-3 row-cols-md-2 row-cols-1 max-mb-n30">

                    @foreach($properties as $project)
                    <!-- Blog Start -->
                    <div class="col max-mb-30">
                        <div class="blog">
                            <div class="thumbnail">
                                @php
                                $images = $project->propertyimage;
                                @endphp
                                @if(count($images)>0)
                                <div class="xyz_container">
                                 <div class="xyz_tag"><a href="/searchbydistrict/{{$project->district}}">{{$project->district}}</a>, <a href="/searchbyregion/{{$project->region}}">{{$project->region}}</a></div>
                                <a href="/area/{{urlencode(base64_encode( (($project->id*$sort_no)/$end_no) ))}}" class="image"><img src="{{$baseurl}}/{{$images[0]->imagepath}}" alt="{{$project->name}} Image" style="height:228px"></a>
                               </div>
                                @else(count($images)==0)
                                <a href="/area/{{urlencode(base64_encode( (($project->id*$sort_no)/$end_no) ))}}" class="image"><img src="/assets/images/xyzmap/3.jpg" alt="{{$project->name}} Image" style="height:228px"></a>
                                @endif
                            </div>
                            <div class="info">

                                
                                <a href="/property_owner/{{  urlencode(base64_encode( (($project->propertyowner->id*$sort_no)/$end_no) ))}}" class="category" style="font-weight:400;font-size:14px;letter-spacing: 1.2px">By {{$project->propertyowner->name}}</a>
                                <h3 class="title" style="font-weight:400;font-size:20px"><a href="/area/{{urlencode(base64_encode( (($project->id*$sort_no)/$end_no) ))}}">{{$project->name}}</a></h3>
                                <ul class="meta" style="margin-top:4px">
                                    <li>{{$project->rate}}<i class="fa fa-star"></i>
                                    </li>
                                    <li>From TZS {{number_format($project->total_minimum_fullprice)}}</li>
                                    <li><i class="far fa-map-marker"></i>{{number_format($project->remaining_plots)}} Plots</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Blog End -->
                    @endforeach




                </div>
                <!-- Blog Wrapper End -->
            </div>
        </div>
        <!-- Course Section End -->

        @endif



        


        <!-- CTA Section Start -->
        <div class="cta-section section section-padding" data-bg-color="#f5f5f5">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="cta-content text-center">
                            <span class="sub-title">Start Financing Your Property</span>
                            <a href="" class="btn btn-primary btn-hover-secondary btn-width-300"> Read Terms &amp; Conditions</a>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- CTA Section End -->
@endsection