@php
use GuzzleHttp\Client;
$baseurl = Config('miliki.base_url');

$portal_url = Config('miliki.portal_url');

$sort_no = Config::get('app.sort_no');
$end_no = Config::get('app.end_no');


@endphp

@extends('mainlayout')

@section('title')
MILIKI | Home
@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" required>
                                <button><i class="fas fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        @if($loggedin == '1')
        
        
        
         <!-- 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: 36px;">{{ __('messages.your_project') }}
                       </h1>
                </div>
            </div>
        </div>
        <!-- Page Title Section End -->
        
    
    
    
        <!-- 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($profile->likes as $like)
        
        @php
         $client = new Client(['base_uri' => env('API_URL').'/api/v1/frontend']);


                                        $response = $client->request('POST', env('API_URL').'/api/v1/frontend', [
                                        'form_params' => [
                                        'method'=>'getproperty',
                                        'propertyid'=>$like->propertyid
                                        ]
                                    ]);

                                        $content =  json_decode($response->getBody());
                                        $data = $content->data;
                                        $project = $data->property[0];

                                        $images = $project->propertyimage;
                                        

        
        @endphp
        
        
        
        <!-- Image Start -->
                    <div class="col max-mb-30">
                        <div class="blog">
                            <div class="thumbnail">
                                
                                @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="{{$portal_url}}/{{$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( (($nproject->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>{{ __('messages.from') }} TZS {{number_format($project->total_minimum_fullprice)}}</li>
                                    <li><i class="far fa-map-marker"></i>{{number_format($project->remaining_plots)}} {{ __('messages.plots') }}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Image End -->
        
        
        
        @endforeach
        
        
        

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


         <!-- Page Title Section Start -->
        <div class="page-title-section section" style="padding-top:0px;padding-bottom: 24px;">
            <div class="page-title">
                <div class="container">
                    <div class="row">
                        <div class="col-8">
                            <h1 class="title" style="text-align:left;font-size: 36px;">{{ __('messages.popular_project') }}</h1>
                            
                        </div>
                        <div class="col-4">
                            <p class="title" style="font-size: 36px;">
                     <span style="float:right"><a href="/pop_projects/more" style="font-size:24px;font-weight:300">{{ __('messages.view_more') }}<i class="fa fa-arrow-right" style="margin-left:0.5em"></i></a></span></p>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
        <!-- Page Title Section End -->


        <!-- 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($pop_projects as $project)
                    <!-- Image Start -->
                    <div class="col max-mb-30">
                        <div class="blog">
                            <div class="thumbnail">
                                @php
                                $images = $project->propertyimage;
                                $owner_id = (($project->propertyowner->id*$sort_no)/$end_no);
                                @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="{{$portal_url}}/{{$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($owner_id))}}" class="category" style="font-weight:400;font-size:14px;letter-spacing: 1.2px;line-height: 14px">{{ __('messages.by') }}, {{$project->propertyowner->name}}</a>
                                <h3 class="title" style="font-weight:400;font-size:24px;line-height: 18px;margin-top:0.5em"><a href="/area/{{urlencode(base64_encode( (($project->id*$sort_no)/$end_no) ))}}">{{$project->name}}</a></h3>
                                <ul class="meta mt-2">
                                    <li class="font_16">{{$project->rate}}<i class="fa fa-star"></i>
                                    </li>
                                    <li class="font_16">{{ __('messages.from') }} TZS {{number_format($project->total_minimum_fullprice)}}</li>
                                    <li class="font_16"><i class="far fa-map-marker"></i>{{number_format($project->remaining_plots)}} {{ __('messages.plots') }}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Image End -->
                    @endforeach




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




         <!-- 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;">{{ __('messages.new_projects') }}</h1>
                </div>
            </div>
        </div>
        <!-- Page Title Section End -->


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

                            </div>
                            <div class="info">
                                <a href="/property_owner/{{urlencode(base64_encode( (($nproject->propertyowner->id*$sort_no)/$end_no) ))}}" class="category" style="font-weight:400;font-size:14px;letter-spacing: 1.2px;line-height: 14px">{{ __('messages.by') }}, {{$nproject->propertyowner->name}}</a>
                                <h3 class="title" style="font-weight:400;font-size:24px;line-height: 18px;margin-top:0.5em"><a href="/area/{{urlencode(base64_encode( (($nproject->id*$sort_no)/$end_no) ))}}">{{$nproject->name}}</a></h3>
                                <ul class="meta mt-2" style="margin-top:4px">
                                    <li>{{$nproject->rate}}<i class="fa fa-star"></i>
                                    </li>
                                    <li>{{ __('messages.from') }} TZS {{number_format($nproject->total_minimum_fullprice)}}</li>
                                    <li><i class="far fa-map-marker"></i>{{number_format($nproject->remaining_plots)}} {{ __('messages.plots') }}</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Blog End -->
                    @endforeach




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



        <!-- 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