@php
use GuzzleHttp\Client;
use Illuminate\Contracts\Encryption\DecryptException;
use Illuminate\Support\Facades\Crypt;

$baseurl = 'https://propapi.testing.co.tz';
$sort_no = Config::get('app.sort_no');
$end_no = Config::get('app.end_no');
@endphp

@extends('mainlayout')

@section('title')
MILIKI | My Profile
@endsection

@section('content')


<!-- Page Title Section Start -->
<div class="page-title-section section">
    <div class="page-title">
        <div class="container">
            @if(session('message'))
            <div class="alert alert-success alert-dismissible fade show" role="alert" style="margin-bottom:1em">
              {{ session('message') }}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            @endif
            @if(session('message_error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert" style="margin-bottom:1em">
              {!! session('message_error') !!}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            @endif
            <h1 class="title" style="text-align:left">My account</h1>
        </div>
    </div>
</div>
<!-- Page Title Section End -->


<!--My Account section start-->
<div class="my-account-section section section-padding-bottom">
    <div class="container">
        <div class="row">

            <div class="col-12">
                <div class="row">
                    <!-- My Account Tab Menu Start -->
                    <div class="col-lg-3 col-12">
                        <div class="myaccount-tab-menu nav" role="tablist">
                            <a href="#dashboard" class="active" data-toggle="tab">Profile</a>

                            <a href="#orders" data-toggle="tab">Purchases</a>

                            <a href="#expired_orders" data-toggle="tab">Expired Orders</a>


                            <a href="#download" data-toggle="tab">Favorites</a>

                            <a href="#account-info" data-toggle="tab">Transactions</a>


                            <a href="#address-edit" data-toggle="tab">Settings</a>

                            
                            <a href="/logout"><i class="fa fa-sign-out"></i> Logout</a>
                        </div>
                    </div>
                    <!-- My Account Tab Menu End -->

                    <!-- My Account Tab Content Start -->
                    <div class="col-lg-9 col-12">
                        <div class="tab-content" id="myaccountContent">
                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade show active" id="dashboard" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>{{$profile->first_name}} {{$profile->last_name}}</h3>
                                    
                                     <a href="/myprofile/editprofile" class="ht-btn black-btn d-inline-block edit-address-btn"><i class="fa fa-edit"></i>Edit Profile</a>
                                </div>
                                
                            </div>
                            <!-- Single Tab Content End -->

                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade" id="orders" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Plots Purchased</h3>

                                    @forelse($profile->orders as $order)

                                    @if(count($order->property)<1)
                                    @continue
                                    @endif

                                    @php
                                    $property = $order->property[0];
                                    $plot = $order->plot[0];
                                    
                                    

                                        $client = new Client(['base_uri' => 'https://propapi.testing.co.tz/api/v1/frontend']);


                                        $response = $client->request('POST', 'https://propapi.testing.co.tz/api/v1/frontend', [
                                        'form_params' => [
                                        'method'=>'getproperty',
                                        'propertyid'=>$property->id
                                        ]
                                    ]);

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

                                        $images = $propertyy->propertyimage;



                                    @endphp

                                    <div class="row  mb-4">
                                        <div class="col-12 max-mb-30">
                                            <div class="course" style="box-shadow: 0 14px 59px rgb(0 0 0 / 12%);">
                                                <div class="row">

                                                    <div class="col-lg-5 thumbnail">
                                                        @if(count($images)>0)
                                                        <div class="xyz_container">
                                                        <div class="xyz_tag"><a href="/searchbydistrict/{{$property->district}}">{{$property->district}}</a>, <a href="/searchbyregion/{{$property->region}}">{{$property->region}}</a></div>
                                                        <a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}" class="image"><img src="{{$baseurl}}/{{$images[0]->imagepath}}" alt="{{$property->name}} Image" style="height:228px"></a>
                                                        </div>
                                                        
                                                        @elseif(count($images)==0)
                                                        <a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}" class="image"><img src="/assets/images/xyzmap/1.jpg" alt="{{$property->name}} Image"></a>
                                                        @endif
                                                    </div>

                                           
                                                    
                                                    

                                                    <div class="col-lg-7 info">
                                                        <h3 class="title" style="font-size: 16px;"><a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}">{{$property->name}}<br>
                                                            <span style="font-weight: 300;font-size: 16px;">Plot No : {{$plot->plotnumber}}, Plot Size : {{$plot->area_size}} sqm</span></a></h3>
                                                        <ul class="meta">
                                                            <li><p style="margin-bottom:0px">Status</p>
                                                                <p><strong>{{$order->percentage_completion}}%</strong></p>
                                                            </li>

                                                            

                                                            <li><p style="margin-bottom:0px">Plot No.</p>
                                                                <p><strong>{{$plot->plotnumber}}</strong></p>
                                                            </li>

                                                            <li><p style="margin-bottom:0px">More Details</p>
                                                                <a href="/myprofile/myplot/{{ urlencode(base64_encode( (($plot->id*$sort_no)/$end_no) )) }}" class="btn btn-info height_28">View</a>
                                                            </li>

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

                                    @empty
                                    <p class="profile-name">No Orders Created.</p>
                                    @endforelse

                                                                    </div>
                            </div>
                            <!-- Single Tab Content End -->



                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade" id="expired_orders" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Expired Plots</h3>

                                    <div class="row  mb-4">
                                        <div class="col-12 max-mb-30">
                                            <div class="course" style="box-shadow: 0 14px 59px rgb(0 0 0 / 12%);">
                                                <div class="row">

                                                    <div class="col-lg-5 thumbnail">
                                                        <div class="xyz_container">
                                                        <div class="xyz_tag"><a href="#">Kigamboni</a>, <a href="#">Dar Es Salaam</a></div>
                                                        <a href="#" class="image"><img src="/assets/images/xyzmap/1.jpg" alt="Image"></a>
                                                        </div>
                                                    </div>

                                           
                                                    
                                                    

                                                    <div class="col-lg-7 info">
                                                        <h3 class="title" style="font-size: 16px;"><a href="#">Majumbani</a><br>
                                                            <span style="font-weight: 300;font-size: 16px;">Plot No : 123, Plot Size : 44 sqm, Status: <span style="color:#ff0000"><b>10%</b></span></span></h3>
                                                        <ul class="meta" style="margin-top:2em">

                                                            <li><p style="margin-bottom:0px">Options</p>
                                                                <a href="#" class="btn btn-info height_28" style="padding:12px">View Payment History</a>
                                                                <a href="#" class="btn btn-warning height_28" style="padding:12px">Reactivate Order</a>
                                                                
                                                            </li>
                                                            <li style="margin-top:0.5em">
                                                                <a href="#" class="btn btn-danger height_28" style="padding:12px">Remove From History</a>
                                                            </li>

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

                                    
                                </div>
                            </div>
                            <!-- Single Tab Content End -->

                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade" id="download" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Favorites</h3>

                                    <div id="likes" class="learn-press-profile-dashboard tab-pane fade show active">
                                
                                <!-- LocationWrapper Start -->
                                <div class="row row-cols-1 no-gutters">

                                    <!-- Location Start -->
                                    @foreach($profile->likes as $like)
                                    @php

                                        $client = new Client(['base_uri' => 'https://propapi.testing.co.tz/api/v1/frontend']);


                                        $response = $client->request('POST', 'https://propapi.testing.co.tz/api/v1/frontend', [
                                        'form_params' => [
                                        'method'=>'getproperty',
                                        'propertyid'=>$like->propertyid
                                        ]
                                    ]);

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

                                        $images = $property->propertyimage;
                              

                                    @endphp
                                    <div class="blog-3 col">
                                        <div class="row row-cols-lg-2 row-cols-1 max-mb-n30">
                                            <div class="col max-mb-30">
                                                <div class="thumbnail">
                                                    @if(count($images)>0)
                                                    <div class="xyz_container">
                                                    <div class="xyz_tag"><a href="/searchbydistrict/{{$property->district}}">{{$property->district}}</a>, <a href="/searchbyregion/{{$property->region}}">{{$property->region}}</a></div>
                                                    <a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}" class="image"><img src="{{$baseurl}}/{{$images[0]->imagepath}}" alt="{{$property->name}} Image"></a>
                                                    </div>
                                                    
                                                    @elseif(count($images)==0)
                                                    <a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}" class="image"><img src="/assets/images/xyzmap/1.jpg" alt="{{$property->name}} Image"></a>
                                                    @endif
                                                </div>
                                            </div>
                                            <div class="col max-mt-30">
                                                <div class="info pt-0 ">
                                                    
                                                    <h3 class="title"><a href="/area/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}">{{$property->name}}</a></h3>
                                                     <a href="/property_owner/{{$property->propertyownerid}}" class="category" style="font-weight:400;font-size:14px;letter-spacing: 1.2px;margin-bottom:4em ;">By {{$property->propertyownername}}</a>
                                                    <div>
                                                        
                                                    <a href="/bookvisit/{{ urlencode(base64_encode( (($property->id*$sort_no)/$end_no) )) }}" class="btn btn-primary btn-hover-secondary">Book A Visit</a>
                                                    <a href="" class="btn btn-info btn-hover-secondary">Purchase Plot</a>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    @endforeach
                                    <!-- Location End -->
                                </div>

                            </div>

                                    
                                </div>
                            </div>
                            <!-- Single Tab Content End -->

                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade" id="account-info" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Transaction</h3>

                                    <div class="myaccount-table table-responsive text-center">
                                        <table class="table table-bordered">

                                            <thead class="thead-light">
                                                <tr>
                                                    <th>Reference</th>
                                                    <th>Receipt</th>
                                                    <th>Transaction ID</th>
                                                    <th>Type</th>
                                                    <th>Amount</th>
                                                    <th>Via</th>
                                                    <th>Date</th>
                                                </tr>
                                            </thead>

                                            <tbody>
                                                @forelse($profile->payments as $payment)
                                                <tr>
                                                    <td>{{$payment->reference}}</td>
                                                    <td>{{$payment->receipt}}</td>
                                                    <td>{{$payment->transactionId}}</td>
                                                    <td>{{$payment->trans_type}}</td>
                                                    <td>{{number_format($payment->amount_paid)}}</td>
                                                    <td>{{$payment->sourceInstitution}}</td>
                                                    <td>{{$payment->date}}</td>
                                                </tr>
                                                @empty
                                                <p>No Transactions Made</p>
                                                @endforelse

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- Single Tab Content End -->

                            <!-- Single Tab Content Start -->
                            <div class="tab-pane fade" id="address-edit" role="tabpanel">
                                <div class="myaccount-content">
                                    <h3>Settings</h3>

                                    <strong>Notifications</strong>
                                    <div>
                                        <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
                                        <label for="vehicle1"> Notify Via Email</label><br>
                                    </div>
                                    <div>
                                        <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
                                        <label for="vehicle1"> Notify Via Phone</label><br>
                                    </div>

                                    <div style="margin-top:2em">
                                        <strong>Language</strong>
                                        <div>
                                            <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
                                            <label for="vehicle1">English</label><br>
                                        </div>
                                        <div>
                                            <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
                                            <label for="vehicle1">Kiswahili</label><br>
                                        </div>
                                    </div>
                                    
                                    <div style="margin-top:2em">
                                        <strong>Password</strong>
                                        <div>
                                            <a href="/myprofile/changepassword" class="ht-btn black-btn d-inline-block edit-address-btn">Click Herer To Edit Password</a>
                                        </div>
                                    </div>

                                    

                                    <a href="#" class="ht-btn black-btn d-inline-block edit-address-btn" style="margin-top:2em"><i class="fa fa-edit"></i>Save</a>
                                </div>
                            </div>
                            <!-- Single Tab Content End -->

                            
                        </div>
                    </div>
                    <!-- My Account Tab Content End -->
                    
                </div>

            </div>

        </div>
    </div>
</div>
<!--My Account section end-->


@endsection