From a31d97c3cc32cd5dbf40ce46d123662cb90fa84f Mon Sep 17 00:00:00 2001
From: Ritikesh yadav <yadavritikesh02@gmail.com>
Date: Thu, 9 May 2024 16:09:45 +0530
Subject: [PATCH] fixing changes

---
 .../Pages/handpicked-investment.blade.php     | 192 +++++++++++++++++-
 .../pagination.blade.php                      |  56 +++++
 2 files changed, 247 insertions(+), 1 deletion(-)

diff --git a/resources/views/Frontend/Pages/handpicked-investment.blade.php b/resources/views/Frontend/Pages/handpicked-investment.blade.php
index 80cbf95..f58508e 100644
--- a/resources/views/Frontend/Pages/handpicked-investment.blade.php
+++ b/resources/views/Frontend/Pages/handpicked-investment.blade.php
@@ -1,4 +1,4 @@
-@extends('Frontend.layouts.master')
+{{-- @extends('Frontend.layouts.master')
 @section('style')
     <style>
         .page-item.active .page-link {
@@ -182,4 +182,194 @@
             }
         });
     </script>
+@endsection --}}
+
+
+{{-- adarsh codes start  --}}
+@extends('Frontend.layouts.master')
+@section('style')
+    <style>
+        .page-item.active .page-link {
+            / z-index: 3; /
+            color: #fff !important;
+            background-color: #113268 !important;
+            border-color: #113268 !important;
+            / border-radius: 50%; /
+            / padding: 6px 12px; /
+        }
+
+        .company-logo {
+            height: 25% !important;
+        }
+    </style>
 @endsection
+@section('content')
+    <div class="primary-investment">
+        <h2 class="page-heading">Primary Investment Opportunities</h2>
+        <p class="page-desc">
+            <i>
+                Invest in Individual Funds and Exotic <br> Strategies. Personalized way of finding the <br> right
+                investments for
+                you.
+            </i>
+        </p>
+        <div class="container-fluid">
+            <div class="opportunities w-100 mx-auto">
+                <div class="primary-tabs explore-assets">
+                    <p class="sub-heading mb-2">Asset type</p>
+                    <div class="d-flex gap-3 btn-group mb-3">
+                        <button class="inactive parent-filter category-checkbox" id="financial-assets">Financial <br>
+                            Assets</button>
+                        <button class="inactive parent-filter category-checkbox" id="real-assets">Real <br> Assets</button>
+                    </div>
+                    <p class="sub-heading mb-2">Geographic Focus</p>
+                    <div class="d-flex gap-3 btn-group mb-3">
+                        <button class="inactive parent-filter category-checkbox" id="india"><img
+                                src="{{ asset('public/assets/media/FrontendImages/india-map-country.svg') }}"
+                                alt="">India</button>
+                        <button class="inactive parent-filter category-checkbox" id="global"><img
+                                src="{{ asset('public/assets/media/FrontendImages/login-img/global-map.png') }}"
+                                alt="">Global</button>
+                    </div>
+                    <div id="categories_list">
+
+                        <?php
+                        // $checked = in_array($category->id, $urlCategories) ? 'checked' : '';
+                        ?>
+
+                    </div>
+
+                </div>
+                <div class="primary-cards display-products">
+                    <!--<div class="parimay-card mt-4 mb-5 display-products">-->
+                    @include('Frontend.Pages.handpicked-investment.pagination')
+
+                    <!--</div>-->
+                </div>
+                <input type="hidden" name="hidden_page" id="hidden_page" value="1" />
+                <input type="hidden" name="asset_type" id="asset_type" />
+                <input type="hidden" name="geographic_focus" id="geographic_focus" />
+            </div>
+        </div>
+    </div>
+@endsection
+@section('scripts')
+    <script>
+        var firstTime = true;
+        $(document).ready(function() {
+            $(`#financial-assets`).addClass('active');
+            listCategories();
+            // $('.category-checkbox').on('click', filter);
+        });
+        // $(document).ready(function() {
+        // $('.category-checkbox').click(filter);
+        // });
+
+        // Call listCategories function when Asset type or Geographic Focus changes
+        $('#financial-assets, #real-assets, #india, #global').on('click', function() {
+            listCategories();
+        });
+
+
+        function listCategories() {
+            // Clear the existing content only if no checkbox is selected
+            if ($("input[type='checkbox'][name='categories']:checked").length === 0) {
+                $('#categories_list').empty();
+            }
+
+            // Append new checkboxes if no checkbox is selected or it's the first time
+            if (firstTime || true) {
+                if ($('#financial-assets, #real-assets').hasClass('active') || $('#india, #global').hasClass('active') ||
+                    firstTime) {
+                    if (!$('input[type=checkbox]').is(':checked') || $('#financial-assets, #real-assets').hasClass(
+                            'active') || $('#india, #global').hasClass('active')) {
+                        // Append only unchecked checkboxes
+                        $('#categories_new_list .inp-oppt').each(function() {
+                            var checkboxValue = $(this).find("input[type='checkbox']").val();
+                            if (!$('#categories_list').find("input[type='checkbox'][value='" + checkboxValue + "']")
+                                .length) {
+                                $('#categories_list').append($(this).clone());
+                            }
+                        });
+
+                        firstTime = false;
+                    }
+                }
+            } else {
+                // Uncheck selected category checkboxes when changing Asset type or Geographic Focus
+                $('#categories_list input[type="checkbox"]').prop('checked', false);
+            }
+        }
+
+        $('.parent-filter').click(function() {
+            let id = this.id;
+            // $('#categories_list').html('').html($('#categories_new_list').html());
+            // $('#categories_list').addClass('d-none');
+
+            $('#categories_list input[type="checkbox"]').prop('checked', false);
+
+            listCategories();
+            if (id == 'financial-assets' || id == 'real-assets') {
+                $(`#financial-assets , #real-assets`).removeClass('active');
+                $('#asset_type').val(id);
+            }
+
+            if (id == 'india' || id == 'global') {
+                $(`#india , #global`).removeClass('active');
+                $('#geographic_focus').val(id);
+            }
+
+            $(`#${id}`).addClass('active');
+
+            // console.log("parent filter called");
+        })
+
+        $(function() {
+            // var categories = "{{ $categories }}";
+            // var location = JSON.parse('[' + categories.slice(0,-1) + ']');
+            // console.log(JSON.parse(categories));
+            const urlParams = new URLSearchParams(window.location.search);
+            $('#serach').val(urlParams.get('search'));
+
+            function fetch_data(page, query, categories, assetType, geographicFocus) {
+                $.ajax({
+                    type: 'get',
+                    url: "primary-investment/fetch_data?page=" +
+                        page +
+                        "&query=" + query + "&categories=" + categories + "&assetType=" +
+                        assetType +
+                        "&geographicFocus=" + geographicFocus,
+                    success: function(data) {
+                        // console.log(data);
+                        // $('.pagination').html('');
+                        $('.display-products').html('').html(data);
+                        listCategories();
+                    }
+                });
+            }
+
+            $('#serach').on('keyup', filter);
+            // $('.category-checkbox').on('click', filter);
+            $(document.body).on('click', '.category-checkbox', filter);
+
+            function filter() {
+  
+                console.log("fileter is xcalled");
+                var query = $('#serach').val();
+                var categories = [];
+                $("input:checkbox[name=categories]:checked").each(function() {
+                    categories.push($(this).val());
+
+                });
+                // alert(categories);
+                var page = $('#hidden_page').val();
+                var assetType = $('#asset_type').val();
+                var geographicFocus = $('#geographic_focus').val();
+                //fetch_data(page, query, categories);
+                fetch_data(page, query = '', categories, assetType, geographicFocus);
+            }
+        });
+    </script>
+@endsection
+
+{{-- adarsh codes ends  --}}
\ No newline at end of file
diff --git a/resources/views/Frontend/Pages/handpicked-investment/pagination.blade.php b/resources/views/Frontend/Pages/handpicked-investment/pagination.blade.php
index 90c740d..3ae06d8 100644
--- a/resources/views/Frontend/Pages/handpicked-investment/pagination.blade.php
+++ b/resources/views/Frontend/Pages/handpicked-investment/pagination.blade.php
@@ -1,3 +1,57 @@
+{{-- <div id="categories_new_list" style="display: none;">
+    @php($category = [])
+    @forelse($products as $product)
+        @if(!in_array($product->category_id,$category))
+            <div class="inp-oppt">
+                <input class="category-checkbox checkbox-effect checkbox-effect-1" id="product{{ $product->category_id }}"
+                type="checkbox" value="{{ $product->category_id }}" name="categories" {{ $checked ?? '' }}/>
+                <label for="product{{ $product->category_id }}">{{ $product->category_name }}</label><br>
+            </div>
+            @php(array_push($category,$product->category_id))
+        @endif
+    @empty
+        <h3>No Category Found</h3>
+    @endforelse
+</div>
+<div class="parimay-card mt-4 mb-5 display-products">
+    @forelse($products as $product)
+        <div class="assets-card">
+            <a href="{{ auth()->guard('users')->check() == true ? route(routeForHandpickedInvestment($product->category_id), $product->slug ?? 'abc') : route('login') }}"
+                data-route="{{ route(routeForHandpickedInvestment($product->category_id), $product->slug ?? 'abc') }}"
+                class="redirect_to_page">
+                <div class="card-logo">
+                    @if ($product->company_logo)
+                        <img src="{{ $product->company_logo }}">
+                    @else
+                        <img src="{{ asset('public/assets/media/FrontendImages/menu-logo.png') }}">
+                    @endif
+                </div>
+                <div class="blur-md">
+                    @if ($product->geographic_focus == 'Global')
+                        <img src="{{ imagePath('public/assets/media/FrontendImages/world.png') }}">
+                    @else($product->geographic_focus == 'India')
+                        <img src="{{ imagePath('public/assets/media/FrontendImages/map.svg') }}">
+                    @endif
+                    <img src="{{ asset(getCategoryIcons($product->category_id)) }}">
+                    <p>{{ $product->product_name }}</p>
+                </div>
+                <div class="middle-sec p-0">
+                    <p class="cate">Category: {{ $product->category_name }}</p>
+                </div>
+                <div class="dics">
+                    <h4>Minimum Investment: {{ $product->minimum_investment }}</h4>
+                    <p>{{ $product->description }}</p>
+                </div>
+            </a>
+        </div>
+    @empty
+        <h3>No Data Found</h3>
+    @endforelse
+</div>
+<div class="pagination">{{ $products->links() }}</div> --}}
+
+
+{{-- adarsh code start --}}
 <div id="categories_new_list" style="display: none;">
     @php($category = [])
     @forelse($products as $product)
@@ -69,3 +123,5 @@
     @endforelse
 </div>
 <div class="pagination">{{ $products->links() }}</div>
+
+{{-- adarsh code ends --}}
\ No newline at end of file