@php
use App\Models\MstUser;
use App\Models\Business;
use App\Models\Plan;
$userDetail=\Auth::user() ?? "";
$profileImage=$userDetail->getBusinessDetail->logoImageUrl ?? "";
$profileUrl=env('APPLICATION_URL').$profileImage;

if(Auth::User()->userTypeId==2){
$reviews=Auth::User()->getBusinessDetail->rating;
}
$businessPlans=Plan::where('planType',2)->get();
$userPlans=Plan::where('planType',1)->get();
@endphp


<!-- <button class="btn btn-primary" id="headerBg">+</button> -->
<div class="modal fade" id="add-product" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('add-product')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add Product</h1>
                    <h1 class="modal-title fs-5" id="add_affiliate_product" data-value="">Add Affilate Product</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="simple_product">
                        <div class="input-wrapper file-uploader">
                            <label for="productImage" class="custom-label custom-label-s2 d-flex flex-column">
                                <i class="fas fa-plus fs-3 mb-2"></i>
                                Add Images
                            </label>
                            <input type="file" class="d-none" id="productImage" name="productImage[]" multiple>
                        </div>
                    </div>
                        <div class="input-wrapper">
                            <input type="text" id="productName" class="form-control" placeholder="Product Name" name="productName" required>
                        </div>
                        <div class="input-wrapper">
                            <input type="number" id="productPrice" class="form-control" placeholder="Product Price" name="productPrice" required>
                        </div>
                        <div class="input-wrapper">
                            <textarea id="" rows="5" class="form-control" placeholder="Product Description" name="productdescription" required></textarea>
                        </div>

                    <div class="affiliate_product" style="display: none;">
                        <div class="input-wrapper">
                            <input type="text" class="form-control product_asin" placeholder="Product ASIN Number" name="productAsin" required>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>


<!--Connect With Paypal-->
<div class="modal fade" id="connect-with-paypal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Connect With Paypal</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <button type="button" data-id="" class="connect_with_paypal">Connect With Paypal</button>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>

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

<!--Add Collection Modal-->
<div class="modal fade" id="add_business_collection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('add_collection')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add Collection</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="collection-name" class="col-form-label">Collection Name:</label>
                        <input type="text" class="form-control" name="collection_name" id="collection_name">
                    </div>
                    <div class="form-group">
                        <label for="product-name" class="col-form-label">Assign Product:</label>
                        <select class="form-control" name="product_name" id="products_list">

                        </select>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Add</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--Add Collection Modal End -->



<!--Edit Collection Modal-->
<div class="modal fade" id="edit_business_collection" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('edit_collection')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Edit Collection</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <input type="hidden" name="collection_id" id="collection_id">
                        <label for="collection-name" class="col-form-label">Collection Name:</label>
                        <input type="text" class="form-control" name="edit_collection_name" id="edit_collection_name">
                    </div>
                    <div class="form-group">
                        <label for="product-name" class="col-form-label">Assign Product:</label>
                        <select class="form-control" name="edit_product_name" id="edit_products_list">

                        </select>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--Edit Collection Modal End -->

<!--Add Song-->
<div class="modal fade" id="add-song" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="exampleModalLabel">Upload Song</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form action="{{ route('store_song') }}" method="POST">
                    @csrf

                    <div>
                        <label for="url">URL (Spotify):</label>
                        <input type="url" name="url" id="url" required>
                    </div>
                    </div>
                    <div class="modal-footer border-0">
                        <button type="submit" class="btn btn-primary w-100">Upload</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--Add Song End-->


<div class="modal fade" id="add-event" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('business-event.store')}}" method="post" enctype="multipart/form-data" >
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add Event</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="post-files"></div>
                    <div class="input-wrapper file-uploader">
                        <label for="eventImage" class="custom-label custom-label-s2 d-flex flex-column">
                            <i class="fas fa-plus fs-3 mb-2"></i>
                            Add Images
                        </label>
                        <input type="file" class="d-none" id="eventImage" name="eventImage[]" multiple>
                    </div>
                    <div class="post-files"></div>
                    <div class="input-wrapper">
                        <input type="text" id="eventName" class="form-control" placeholder="Event Name" name="eventName" required>
                    </div>
                    <div class="input-wrapper">
                        <textarea id="eventDescription" rows="5" class="form-control" placeholder="Event Description" name="eventDescription" required></textarea>
                    </div>
                    <div class="input-wrapper">
                        <input type="time" id="eventTime" class="form-control" placeholder="Time" name="eventTime" required>
                    </div>
                    <div class="input-wrapper">
                        <input type="date" id="eventDate" class="form-control" placeholder="Select Date" name="eventDate" required >
                    </div>
                    <div class="form-check form-switch input-wrapper">
                        <label class="form-check-label" for="flexSwitchCheckChecked">Event is physical</label>
                        <input class="form-check-input" id="eventPhysical" type="checkbox" role="switch" id="flexSwitchCheckChecked">
                    </div>
                    <div class="input-wrapper event-map d-none">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38116.26726692564!2d-76.21672099204076!3d43.04096902751514!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d9edddf4db1699%3A0x1b0002df2e4f210d!2sWegmans!5e0!3m2!1sen!2s!4v1672693094294!5m2!1sen!2s" width="100%" height="160" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>
 <div class="modal fade Testy" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('post.store')}}" method = "post" enctype="multipart/form-data">
                @csrf
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body">
                    <div class="d-flex mb-3">
                        <img src="{{@$profileUrl ? @$profileUrl : ''}}" alt="" class="user-profile">
                        <div>
                            <h3 class="title">{{Auth::User()->getBusinessDetail->businessName??''}}</h3>
                            <select class="form-select" aria-label="Default select example" name= "privacy">
                                <option selected>Public</option>
                                <option value="1">Private</option>

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

                    <div class="input-wrapper custom-text-area">
                        <label id="postLabel" class="label" for="post-text"></label>
                        <textarea class="auto-height-textarea form-control" rows="1" id="post-text"
                            placeholder="Whats on your mind?" name="caption"></textarea>
                    </div>

                    <ul class="nav nav-tabs nav-tabs-s2" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <button class="nav-link active" id="text-tab" data-bs-toggle="tab"
                                data-bs-target="#text-tab-pane" type="button" role="tab"
                                aria-controls="text-tab-pane" aria-selected="true"><img
                                    src="assets/img/svg/text-bg-dark.svg" alt=""></button>
                        </li>
                        <li class="nav-item" role="presentation">
                            <button class="nav-link" id="media-tab" data-bs-toggle="tab"
                                data-bs-target="#media-tab-pane" type="button" role="tab"
                                aria-controls="media-tab-pane" aria-selected="false"><img
                                    src="assets/img/svg/media-dark.svg" alt=""></button>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                         <div class="tab-pane fade show active" id="text-tab-pane" role="tabpanel"
                            aria-labelledby="text-tab" tabindex="0">
                            <ul class="backgrounds-list">
                                <li class="list-item">
                                    <a href="#" class="no-bg">
                                        <img src="assets/img/svg/no-bg.svg" alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg1.png" alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg2.png"  alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg3.png" alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg4.png" alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg5.png" alt="">
                                    </a>
                                </li>
                                <li class="list-item">
                                    <a href="#" class="background-img">
                                        <img src="assets/img/post_backgrounds/bg6.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                         <div class="tab-pane fade" id="media-tab-pane" role="tabpanel" aria-labelledby="media-tab" tabindex="0">


                            <div class="input-wrapper file-uploader" id="postMedia">

                            <div class="img-results" id="ctePostImgResults"></div>

                             <video width="470" height="240" controls style= "display:none" id = "videodisplay" >
                                  Your browser does not support the video tag.
                                </video>
                        <div class="d-flex justify-content-between">


                        <div class="input-wrapper file-uploader">
                            <label for="ctePostFilesInput" class="custom-label">
                                <i class="far fa-image"></i>
                                Image
                            </label>
                            <input type="file" href="" class="d-none" id="ctePostFilesInput" name="image">
                        </div>
                        <div class="input-wrapper file-uploader">
                            <label for="video" class="custom-label">
                                <i class="fas fa-video"></i>
                                Video
                            </label>
                            <input type="file" href="" class="d-none" id="video" name="video">
                        </div>
                        <div class="input-wrapper file-uploader">
                            <label for="background" class="custom-label">
                                <i class="fas fa-paint-roller"></i>
                                Background
                            </label>
                            <input type="file" href="" class="d-none" id="background" name="background">
                        </div>
                    </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer border-0 pt-0">
                    <button type="submit" class="btn btn-primary w-100">Post</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="see-rating" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">

                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Rating Overview</h1>
                    <button id = "modalClose" type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                @if(Auth::User()->userTypeId==2)
                    @foreach($reviews as $review)
                    @php $user=MstUser::where('userId',$review->userId)->first();
                     $business = Business::where('businessId',$review->userId)->first();
                         $userName=$user->userName??$business->businessName??"";
                    @endphp
                    <div>
                        <h3 class="title">{{$userName}}</h3>
                        <ul class="ratings">

                        @if($review->rating == 0)
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        @elseif($review->rating == 1 || $review->rating < 2)
                        <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        @elseif($review->rating == 2 || $review->rating < 3)
                        <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        @elseif($review->rating == 3 || $review->rating < 3) <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item active"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>
                        <li class="list-item"><i class="fas fa-star"></i></li>

                        @elseif($review->rating==4 || $review->rating < 4) <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item"><i class="fas fa-star"></i></li>


                        @elseif($review->rating==5 || $review->rating < 5) <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>
                            <li class="list-item active"><i class="fas fa-star"></i></li>

                        @endif
                    </ul>
                        <p>{{$review->comment}}</p>
                        <h4 class="title">{{date('d-M-Y h:i A',strtotime($review->addDate))}}</h4>
                    </div>
                    <hr>
                    @endforeach
                @endif
                </div>
        </div>
    </div>
</div>
<div class="modal fade" id="add-product" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('add-product')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add Product</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="input-wrapper file-uploader">
                        <label for="productImage" class="custom-label custom-label-s2 d-flex flex-column">
                            <i class="fas fa-plus fs-3 mb-2"></i>
                            Add Images
                        </label>
                        <input type="file" class="d-none" id="productImage" name="productImage[]" multiple>
                    </div>
                    <div class="input-wrapper">
                        <input type="text" id="productName" class="form-control" placeholder="Product Name" name="productName" required>
                    </div>
                    <div class="input-wrapper">
                        <input type="number" id="productPrice" class="form-control" placeholder="Product Price" name="productPrice" required>
                    </div>
                    <div class="input-wrapper">
                        <textarea id="" rows="5" class="form-control" placeholder="Product Description" name="productdescription" required></textarea>
                    </div>

                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="edit-product" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('update-product')}}" method="post" enctype="multipart/form-data">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Edit Product</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <img id="productImageEdit" height="100px;" width="100px;">
                    <input type="hidden" name="productId" id="productIdEdit">
                    <div class="input-wrapper">
                        <input type="text" id="productNameEdit" class="form-control" placeholder="Product Name" name="productName" required>
                    </div>
                    <div class="input-wrapper">
                        <input type="number" id="productPriceEdit" class="form-control" placeholder="Product Price" name="productPrice" required>
                    </div>
                    <div class="input-wrapper">
                        <textarea rows="5" class="form-control" placeholder="Product Description" name="productdescription" required id="productDescriptionEdit"></textarea>
                    </div>

                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="add-event" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('business-event.store')}}" method="post" enctype="multipart/form-data" >
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Add Event</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="post-files"></div>
                    <div class="input-wrapper file-uploader">
                        <label for="eventImage" class="custom-label custom-label-s2 d-flex flex-column">
                            <i class="fas fa-plus fs-3 mb-2"></i>
                            Add Images
                        </label>
                        <input type="file" class="d-none" id="eventImage" name="eventImage[]" multiple>
                    </div>
                    <div class="post-files"></div>
                    <div class="input-wrapper">
                        <input type="text" id="eventName" class="form-control" placeholder="Event Name" name="eventName" required>
                    </div>
                    <div class="input-wrapper">
                        <textarea id="eventDescription" rows="5" class="form-control" placeholder="Event Description" name="eventDescription" required></textarea>
                    </div>
                    <div class="input-wrapper">
                        <input type="text" id="eventTime" class="form-control" placeholder="Time" name="eventTime" required>
                    </div>
                    <div class="input-wrapper">
                        <input type="text" id="eventDate" class="form-control" placeholder="Select Date" name="eventDate" required >
                    </div>
                    <div class="form-check form-switch input-wrapper">
                        <label class="form-check-label" for="flexSwitchCheckChecked">Event is physical</label>
                        <input class="form-check-input" id="eventPhysical" type="checkbox" role="switch" id="flexSwitchCheckChecked">
                    </div>
                    <div class="input-wrapper event-map d-none">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38116.26726692564!2d-76.21672099204076!3d43.04096902751514!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d9edddf4db1699%3A0x1b0002df2e4f210d!2sWegmans!5e0!3m2!1sen!2s!4v1672693094294!5m2!1sen!2s" width="100%" height="160" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="edit-event" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form action="{{route('business-event.update')}}" method="post" enctype="multipart/form-data" >
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Edit Event</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="post-files"></div>
                    <div class="post-files"></div>
                    <input type="hidden" id="eventIdEdit" name="eventIdEdit">
                    <img id="eventImageEdit" height="100px;" width="100px;">
                    <div class="input-wrapper">
                        <input type="text" id="eventNameEdit" class="form-control" placeholder="Event Name" name="eventName" required>
                    </div>
                    <div class="input-wrapper">
                        <textarea id="eventDescriptionEdit" rows="5" class="form-control" placeholder="Event Description" name="eventDescription" required></textarea>
                    </div>
                    <div class="input-wrapper">
                        <input type="time" id="eventTimeEdit" class="form-control" placeholder="Time" name="eventTime" required>
                    </div>
                    <div class="input-wrapper">
                        <input type="date" id="eventDateEdit" class="form-control" placeholder="Select Date" name="eventDate" required >
                    </div>
                    <div class="form-check form-switch input-wrapper">
                        <label class="form-check-label" for="flexSwitchCheckChecked">Event is physical</label>
                        <input class="form-check-input" id="eventPhysical" type="checkbox" role="switch" id="flexSwitchCheckChecked">
                    </div>
                    <div class="input-wrapper event-map d-none">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d38116.26726692564!2d-76.21672099204076!3d43.04096902751514!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89d9edddf4db1699%3A0x1b0002df2e4f210d!2sWegmans!5e0!3m2!1sen!2s!4v1672693094294!5m2!1sen!2s" width="100%" height="160" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                </div>
                <div class="modal-footer border-0">
                    <button type="submit" class="btn btn-primary w-100">Publish</button>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="modal fade" id="sponsoring-acc" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <form id="generate-sponsor" action="{{route('generate-sponsor')}}" method="post">
                @csrf
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Sponsoring account to increase your sales</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <h3 class="title">User account remaining</h3>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="card acc-type-card">
                                <img src="assets/img/svg/gold-acc.svg" alt="" class="card-img">
                                <div class="card-body">
                                    <h3 class="card-title">Gold Account</h3>
                                    <h3 class="status">12</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="card acc-type-card">
                                <img src="assets/img/svg/platinum-acc.svg" alt="" class="card-img">
                                <div class="card-body">
                                    <h3 class="card-title">Platinum Account</h3>
                                    <h3 class="status">12</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="card acc-type-card">
                                <img src="assets/img/svg/diamond-acc.svg" alt="" class="card-img">
                                <div class="card-body">
                                    <h3 class="card-title">Diamond Account</h3>
                                    <h3 class="status">12</h3>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="card acc-type-card">
                                <img src="assets/img/svg/vip-acc.svg" alt="" class="card-img">
                                <div class="card-body">
                                    <h3 class="card-title">VIP Account</h3>
                                    <h3 class="status">12</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <h3 class="title hideAfter">Generate new account type</h3>

                    <div class="input-wrapper hideAfter">
                        <select class="form-select form-control sponsorplans" aria-label="Default select example" name="plan_type" required>
                            <option value="" selected>Select Account</option>
                            <option value="1">User Account</option>
                            <option value="2">Business Account</option>
                        </select>
                    </div>
                    <div class="input-wrapper individualPlans hideAfter">

                        <select class="form-select form-control individualPlanCombo" aria-label="Default select example" required name="plan_id">
                            <option value="" selected>Select User Plan</option>
                            @foreach($userPlans as $plan)
                                <option value="{{$plan->planId}}">{{$plan->planName}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="input-wrapper businessPlans hideAfter" style="display:none">
                        <select class="form-select form-control businessPlanCombo" aria-label="Default select example" name="business_plan_id">
                            <option value="" selected>Select Business Plan</option>
                            @foreach($businessPlans as $businessPlan)
                                <option value="{{$businessPlan->planId}}">{{$businessPlan->planName}}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer border-0 hideAfter">
                    <button type="submit" class="btn btn-primary w-100">Generate</button>
                </div>
                <div class="input-wrapper showAfter" style="display:none">
                    <img style="height:100px;" src="env('APPLICATION_URL').groupdoc/qr-code.svg">
                    <p id="refferCode"></p>
                    <a style="color:black;" class="copy-text" data-clipboard-target="#refferCode" href="#">Copy Refferal Code</a>
                </div>
            </form>
        </div>
    </div>
</div>
</div>
  <div class="modal fade" id="userProfileActions" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        <div class="modal-body">
                            <ul class="nav nav-tabs nav-tabs-s2 border-0 mb-4" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link active" id="stealth-tab" data-bs-toggle="tab"
                                        data-bs-target="#stealth-tab-pane" type="button" role="tab"
                                        aria-controls="stealth-tab-pane" aria-selected="true"><i
                                            class="fas fa-eye-slash me-2"></i>Stealth</button>
                                </li>

                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade active show" id="stealth-tab-pane" role="tabpanel"
                                    aria-labelledby="timeline-tab" tabindex="0">
                                    <div class="card shadow-none">
                                        <div class="card-body p-0">
                                            <h3 class="card-title mb-2">Stealth</h3>
                                            <p class="card-text mb-3">Keep you activity in stealth</p>
                                            <p class="card-text mb-2">Select Time Period for Stealth</p>
                                            <form action="">
                                                <div class="input-wrapper">
                                                    <select class="form-select form-control" aria-label="Default select example">
                                                        <option selected>Select</option>
                                                        <option value="1">15 Minutes</option>
                                                        <option value="2">30 Minutes</option>
                                                        <option value="3">1 Hour</option>
                                                        <option value="4">1 Day</option>
                                                      </select>
                                                </div>
                                                <div class="form-check form-switch input-wrapper mb-0">
                                                    <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckChecked" checked>
                                                    <label class="form-check-label card-text" for="flexSwitchCheckChecked">Turn ON/OFF Stealth</label>
                                                  </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>

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

     <div id = "postModelContent"></div>
     <div class="modal fade language-modal" id="langModal" tabindex="-1" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered">
                <div class="modal-content">
                    <form action="">
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                        <div class="modal-body">
                            <h3 class="card-title">Lnguage</h3>
                            <ul class="languages-list">
                                <li class="list-item" >
                                    <a href="{{ url('lang/change/ar') }}" >Arabic</a>
                                </li>
                                <li class="list-item" >
                                    <a href="{{ url('lang/change/en') }}" >English</a>
                                </li>
                                <li class="list-item ">
                                    <a href="{{ url('lang/change/zh') }}" >Chinese</a>
                                </li>
                                <li class="list-item">
                                    <a href="{{ url('lang/change/fr') }}">France</a>
                                </li>
                                <li class="list-item">
                                    <a href="{{ url('lang/change/it') }}">Italian</a>
                                </li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="shareOnTimeline" tabindex="-1" aria-labelledby="shareOnTimelineLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
        <form action="{{route('timeline.store')}}" class ="upload-form" method = "post" enctype="multipart/form-data">
                @csrf

                <input type="hidden" name="postId" id="postId">
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body">
                    <div class="d-flex mb-3">
                        <img src="{{$profileUrl}}" alt="" class="user-profile">
                        <div>
                            <h3 class="title">{{ Auth::user()->getUserDetail ? Auth::user()->getUserDetail->userName : Auth::user()->getBusinessDetail->businessName }}</h3>
                            <select class="form-select" aria-label="Default select example" name= "privacy">
                                <option selected>Public</option>
                                <option value="1">Private</option>
                            </select>
                        </div>
                    </div>

                    <div class="input-wrapper custom-text-area">
                        <label id="postLabel5" class="label" for="post-text"></label>
                        <textarea class="auto-height-textarea form-control " rows="1" id="post-text"
                            placeholder="Whats on your mind?" name="caption"></textarea>
                    </div>
                    <div class="img-results" id="sharePostImgResults">
                        <img src="">
                    </div>
                </div>
                <div class="modal-footer border-0 pt-0">
                    <button type="submit" class="btn btn-primary w-100">Post</button>
                </div>
            </form>
        </div>
    </div>
</div>



<!-- Modal -->
<div class="modal fade" id="friendsModal" tabindex="-1" role="dialog" aria-labelledby="friendsModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="friendsModalLabel">Share Song</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('share_song_to_friend')}}" method="post" enctype="multipart/form-data">
            @csrf

            <div class="modal-body">
                <div class="form-group">
                    <input type="hidden" name="song_id" id="song_id">
                    <label for="friends-name" class="col-form-label">Select Friend:</label>
                    <select class="form-control" name="friends_name" id="friends_list">

                    </select>
                </div>
            </div>
            <div class="modal-footer border-0">
                <button type="submit" class="btn btn-primary w-100">Share</button>
            </div>
        </form>
      </div>

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



<script src="{{asset('assets/js/jquery-3.6.0.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/jquery-ui.min.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/file-uploader.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{asset('assets/js/slick.min.js')}}"></script>
<script src="{{asset('assets/js/aos.js')}}"></script>

<script src="{{asset('libraries/latest-assets/js/code.js')}}"></script>
<script src="{{asset('libraries/latest-assets/js/business-post.js')}}"></script>

<!--<script src="{{asset('libraries/latest-assets/js/friendsearch.js')}}"></script>-->
<script src="{{asset('libraries/latest-assets/js/people-post.js')}}"></script>
<script src="{{asset('libraries/latest-assets/js/group-post.js')}}"></script>
<script src="{{asset('libraries/latest-assets/js/slick.min.js')}}"></script>
<script src="{{asset('libraries/latest-assets/js/main.min.js')}}"></script>
<script src="{{asset('assets/js/custom-music.js')}}"></script>
<script src="https://unpkg.com/wavesurfer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
<script src="assets/js/custom-sliders.js"></script>
<script src="assets/js/grid.js"></script>
<script src="{{asset('assets/js/custom.js')}}"></script>

<script src="https://maps.googleapis.com/maps/api/js?key={{env('GOOGLE_API_KEY')}}&callback=initAutocomplete&libraries=places" ></script>


<script src="{{asset('assets/js/footer.js')}}"></script>
<script>
    $(document).ready(function() {

        $('.js-example-basic-multiple').select2();
    });
    $(".edit-product-data").click(function(e){
        console.log('edit product');
        e.preventDefault();
        $.ajax({
           url:"{{url('edit-product')}}",
           method:"GET",
           data:{"productId":$(this).attr('data-id')},
           dataType:"JSON",
           success:function(data){
               var result=eval(data);
            //    console.log(result);
               $('#productIdEdit').val(result.productId);
               $('#productNameEdit').val(result.productName);
               $('#productPriceEdit').val(result.productPrice);
               $('#productDescriptionEdit').html(result.productdescription);
               $('#productImageEdit').attr('src',result.productImage);
           }
        });
    });
    $(".edit-events-data").click(function(e){
        e.preventDefault();
        $.ajax({
           url:"{{url('business-event/edit')}}",
           method:"GET",
           data:{"eventId":$(this).attr('data-id')},
           dataType:"JSON",
           success:function(data){
               var result=eval(data);
               $('#eventIdEdit').val(result.eventId);
               $('#eventNameEdit').val(result.eventName);
               $('#eventTimeEdit').val(result.eventTime);
               $('#eventDescriptionEdit').html(result.eventDescription);
               $('#eventDateEdit').val(result.eventDate);
               $('#eventImageEdit').attr('src',result.eventImage);
           }
        });
    });
    APP_URL = '{{url("/searchWeb")}}';
    $('#headerSearch').on('keyup', function() {

        $value = $(this).val();
        console.log($value);
        if($value!=""){
            $.ajax({
                type: 'get',
                url: APP_URL ,
                data: {
                    'search': $value
                },
                success: function(data) {
                    var obj=eval(data);
                    if(obj[1]>0){
                        $('#businessList').hide();
                        $('#businessListNew').html(obj[3]);
                    }else{
                        $('#businessList').show();
                        $('#businessListNew').empty();
                    }
                    if(obj[0]>0){
                        $('#peopleList').hide();
                        $('#peopleListNew').html(obj[2]);

                    }else{
                        $('#peopleList').show();
                        $('#peopleListNew').empty();
                    }

                }
            });
        }else{
            $('#businessList').show();
            $('#businessListNew').empty();
            $('#peopleList').show();
            $('#peopleListNew').empty();
        }

    });
    $('.sponsorplans').change(function() {
        // alert(this.value);
        if (this.value == 1) {
            $('.individualPlans').show();
            $('.businessPlans').hide();
            // $('.individualPlanCombo').val('');
            // $('.businessPlanCombo').val('');
            $('.individualPlanCombo').attr('required',true);
            $('.businessPlanCombo').attr('required',false);
        }
        else{
            $('.individualPlans').hide();
            $('.businessPlans').show();
            // $('.businessPlanCombo').val('');
            // $('.individualPlanCombo').val('');
            $('.individualPlanCombo').attr('required',false);
            $('.businessPlanCombo').attr('required',true);
        }
    });
    $('#generate-sponsor').submit(function(e){
       e.preventDefault();
       var form_data=new FormData($(this)[0]);
       $.ajax({
          type:'POST',
          url:$(this).attr('action'),
          data:form_data,
          contentType: false,
          processData: false,
          success:function(data){
              $('.hideAfter').hide();
              $('.showAfter').css('text-align','center');
              $('.showAfter').show();
              $('#refferCode').html(data);

          }
       });
    });
    $('.select_color').click(function(){

        $('#background_color').val($(this).attr('data-color'));
    });
    $('.addtoplaylist').click(function(e){


      APP_NEW_URL = '{{url("/addtoplaylist")}}';
      e.preventDefault();

      if (confirm("Are you sure to add this?")) {

            var id=$(this).attr('data-id');
            var music_href=$('.getHref'+id).attr('href');
            var music_title=$('.music_title'+id).html();
            var music_id=$('.musicId'+id).val();
            var music_image=$('.dynamicCover'+id).val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });
            $.ajax({
                'url':APP_NEW_URL,
                'type':'POST',
                'data':{"music_href":music_href,"music_title":music_title,"music_id":music_id,"music_image":music_image},
                success:function(response){
                    if(response.data === 1){
                        Swal.fire({
                            title: "Great!",
                            text: "Music added to playlist!",
                            icon: "success"
                        });
                        alert("Music added to playlist!");
                        // window.location.href="/musics";
                    }else{
                        alert(response.data);
                    }
                },
            });
      }

    })


     APP_URL_LIKE = '{{url("/like")}}';

    setTimeout(function(){
        $(".heart").on("click",function() {
            console.log("ok");
            // var postId = document.getElementsByClassName("heart").value;
            // alert(postId);
            var btnValue = $(this).attr('value');
            var $this = $(this);



            $.ajax({
                type: "GET",
                url: APP_URL_LIKE + '/' + btnValue,
                check : "#counts"+btnValue,

                success: function(result) {
                    // alert(result.status);

                    if (result.status == 'Success') {
                        $this.addClass('active');
                        // alert('success');
                    }
                    else {
                        $this.removeClass('active');
                        //alert('blank');
                    }
                    console.log(result);
                    console.log("#counts"+btnValue);
                    console.log("#check"+btnValue);


                    $("#counts" + btnValue).html(result["postlikes"]);
                    $("#counts" + btnValue + "model").html(result["postlikes"]);
                    $("#check" + btnValue).html(result["image"]);
                    $("#check" + btnValue + "model").html(result["image"]);
                },
                error: function(result) {
                    console.log(result);

                }
            });
        });
}, 5000)

    $(document).ready(function(){


    $(document).on('click', '#commentDisplay', function(e){


        e.preventDefault();

        var url = $(this).data('url');

        $('#dynamic-content').html(''); // leave it blank before ajax call
        $('#modal-loader').show();      // load ajax loader

        $.ajax({
            url: url,
            type: 'GET',
            dataType: 'html'
        })
        .done(function(data){
            console.log(data);
            $('#dynamic-content').html('');
            $('#dynamic-content').html(data); // load response
            $('#modal-loader').hide();        // hide ajax loader
        })
        .fail(function(){
            $('#dynamic-content').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...');
            $('#modal-loader').hide();
        });

    });

});

   $(document).ready(function(){

    $(document).on('click', '#postModel', function(e){

        e.preventDefault();

        var url = $(this).data('url');

        $('#postModelContent').html(''); // leave it blank before ajax call
        $('#modal-loader').show();      // load ajax loader

        $.ajax({
            url: url,
            type: 'GET',
            dataType: 'html'
        })
        .done(function(data){
            console.log(data);
            $('#postModelContent').html('');
            $('#postModelContent').html(data); // load response
            $('#modal-loader').hide();        // hide ajax loader
        })
        .fail(function(){
            $('#postModelContent').html('<i class="glyphicon glyphicon-info-sign"></i> Something went wrong, Please try again...');
            $('#modal-loader').hide();
        });

    });

});


            var d1 = document.getElementById('postLabel');
            d1.insertAdjacentHTML('afterend', '<input id= "backgroundImage" type = "hidden" id = "background_image" name = "background_image" >');

            setInterval(function(){

            let element = document.querySelector('#postLabel');
                console.log(element);

                let style = getComputedStyle(element);
                let backgroundImage = style.backgroundImage;
                if(backgroundImage  != 'none'){
                let myArray2 = backgroundImage.split("url(\"");
                let myArray3= myArray2[1];
                let myArray4= myArray3.split("\")");
                let myArray5= myArray4[0].split(APPLICATION_URL);
                console.log(myArray5);
                document.getElementById('backgroundImage').value = myArray5[1];

            }

            }, 3000);

            $(function () {
                $('#modalClose').on('click', function () {
                    // $('#see-rating').hide();
                    $('#see-rating').css("display","none");
                })
            });
            $(document).on('click','.share-in-timeline' , function(){
                var postId = $(this).data('id');
                $.ajax({
                    type: 'GET',
                    url: getPostData,
                    data: {
                        postId
                    },
                    success: function(response) {
                        $('#postId').val(response.postData.postId);
                        $('#sharePostImgResults img').attr('src', response.postImagesData);
                        $('#shareOnTimeline').modal('show');
                    },
                    error: function(xhr, status, error) {
                        // Handle error
                        console.error(xhr.responseText);
                    }
                });

            });

        // Example of manually closing the modal
        $(".close,.btn-secondary").click(function() {
            $(".modal").modal('hide');
        });

        $('.share_btn_n').click(function(){
             $('.custom-share-box').removeClass('d-block');
        });

    // disable comment submit  btn
    $('.show_btn').prop('disabled', true);
        $('#commentAccordion').find('#comment').keyup(function(){

                $('.show_btn').prop('disabled', false);

        });



        $(document).on("click",".save-post-btn",function(){

            console.log('save post btn cliked');

            var $this = $(this);
            var post_id = $this.data('id');
            var action = $this.data('action');

            console.log('post_id',post_id);
            console.log('action',action);

            // /hapiverse/public/posts?page=
            var APP_URL_SAVE =  window.location.protocol + "//" + window.location.host +'/hapiverse/public/save_post/'+ post_id+'?postId='+post_id +'$action='+action;
            // http://127.0.0.1:8000/save_post/641?postId=641&action=save
            console.log(APP_URL_SAVE);

            $.ajax({
                type: "GET",
                url: APP_URL_SAVE,
                data: {
                    postId:post_id,
                    action:action
                },
                success: function(result) {



                    if (result.status == 'success') {

                        console.log('result',post_id);
                        $(document).find("[data-id='" + post_id + "']").each(function() {
                            $(this).attr('data-action', result.data).data('action', result.data);
                            $(this).toggleClass('active', result.data === 'unsave');
                            $(this).toggleClass('', result.data === 'save');
                        });
                    }

                },
                error: function(result) {
                    console.log(result);
                }
            });
            });

</script>


</body>

</html>