@extends('website.layouts.header')
@section('styles') 
    
@endsection
@section('content')

<!-- home page website start -->
@if(!empty($project_details))
@foreach($project_details as $project)

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible" >
          <!--<span type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></span>-->
          <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
          <strong>{{$errors->first()}}!</strong>
        </div>
    @endif
                        
    <section class="py-5">
        <div class="container">
        <!--<h3 class="project-title mb-4 w-75">@if(!empty($project->project_title)){{ $project->project_title }}@endif</h3>-->
            <div class="row">
                <div class="col-md-9">
                    <div class="desc-slider mb-4">
                        <div class="swiper desc-slider">
                            <div class="swiper-wrapper">
                                       
                                    <div class="swiper-slide text-center">
                                        <div class="slide-img-wrap">
                                            <img src="{{url('').'/'.$project->project_banner_image }}" alt="" class="slide-img">
                                        </div>
                                    </div>
                                    @if(!empty($project_images))
                                    @foreach($project_images as $p_img)
                                    @if($project->id == $p_img->project_id ) 
                                        <div class="swiper-slide text-center">
                                            <div class="slide-img-wrap">
                                                <img src="{{url('').'/'.$p_img->media }}" alt="" class="slide-img">
                                            </div>
                                        </div>
                                    @endif
                                    @endforeach
                                    @endif
                                    @php 
                                        if(isset($project_videos)){
                                            foreach($project_videos as $v){
                                                if($project->id == $v->project_id ){ 
                                                    @endphp
                                                    
                                                    <div class="swiper-slide text-center">
                                                        <div class="slide-img-wrap">
                                                        @php echo $v->video_url; @endphp
                                                        </div>
                                                    </div>
    
                                                    @php
                                                }
                                            }
                                        }
                                    @endphp
                                        
                            </div>
                            <div class="swiper-button-next"></div>
                            <div class="swiper-button-prev"></div>
                        </div>
                    </div>
                    <h3 class="project-title desc-page-heading mb-4 text-break">@if(!empty($project->project_title)){{ $project->project_title }}@endif</h3>
                    <div class="d-flex justify-content-between pb-3 border-bottom-light mb-4 desc-category-wrap">
                        <a href="@php echo $users[0]->company_website @endphp" class="website-link">Website Link<i class="fas fa-link ms-3"></i></a>
                        <div>
                            <ul class="d-flex justify-content-center align-items-center">
                                @if(!empty($categories))
                                @foreach($categories as $category)
                                <li class="category-li">
                                    @php $idcat = Crypt::encrypt($category->id); @endphp
                                    <a href="{{ route('project-listing-cat', $idcat )}}"  class="category-link">{{ $category->name}}</a>
                                </li>
                                @endforeach
                                @endif
                                @if(!empty($categories_two))
                                @foreach($categories_two as $category_two)
                                <li class="category-li">
                                    @php $idcat2 = Crypt::encrypt($category_two->id); @endphp
                                    <a href="{{ route('project-listing-cat', $idcat2 )}}" class="category-link">{{ $category_two->name }}</a>
                                </li>
                                @endforeach
                                @endif
                            </ul>
                        </div>
                    </div>
                    <!--<h3 class="project-title desc-page-heading mb-4 w-75">@if(!empty($project->project_title)){{ $project->project_title }}@endif</h3>-->
                    <div class="col-auto">
                        <ul class="nav desc-nav-tab mb-5">
                            <li class="nav-item nav-tab-li">
                                <a class="nav-link link-secondary text-uppercase active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" href="#">overview<i class="fas fa-clipboard-check ms-3"></i></a>
                            </li>
                            <li class="nav-item nav-tab-li">
                                <a class="nav-link link-secondary text-uppercase" id="about-tab" data-bs-toggle="tab" data-bs-target="#about" href="#">comments <i class="far fa-comments ms-3"></i></a>
                            </li>
                            <li class="nav-item nav-tab-li">
                                <a class="nav-link link-secondary text-uppercase" id="album-tab" data-bs-toggle="tab" data-bs-target="#album" href="#">inventor <i class="far fa-user ms-3"></i></a>
                            </li>
                        </ul>
                        
                        
                                
                        <div class="tab-content desc-tab-content" id="tabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <div class="main-project-desc">
                                    <h2 class="start-title"><i class="far fa-lightbulb bulb me-3"></i>About The Project</h2>
                                    
                                    <p class="mb-0 text-break">
                                        @php echo substr($project->project_desc, 0, 1500); @endphp
                                        
                                        <!--@php if(!empty($project->project_desc)){ echo $project->project_desc; } @endphp-->
                                    </p>
                                    @php $maxcount = strlen($project->project_desc); @endphp
                                    @php if($maxcount > 1500){ @endphp
                                        <div id="demo" class="collapse mt-2">
                                            <p class="mb-0 text-break">
                                            @php
                                                echo substr($project->project_desc, 1500, $maxcount);
                                            @endphp
                                            </p>
                                        </div>
                                    @php
                                    }
                                    @endphp
                                    
                                    @if($maxcount > 1500)
                                    <div class="text-center"><button type="submit" class="text-white fw-600 border-0 text-uppercase explore-btn py-2 px-3" data-bs-toggle="collapse" data-bs-target="#demo">Read More</button></div>
                                    @endif
                                    <!--<div id="demo" class="collapse mt-2">-->
                                    <!--    Lorem ipsum dolor sit amet, consectetur adipisicing elit,-->
                                    <!--    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,-->
                                    <!--    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.-->
                                    <!-- </div>-->
                                </div>
                                <div class="desc-related-projects">
                                    <h3 class="section-heading desc-section-heading mb-4 fw-600">Other Projects</h3>
                                    <div class="new-projects d-flex justify-content-center align-items-center">

                                        <div class="container">

                                            <div class="row">

                                                @foreach($projects as $p)
                                                    @php $ide = Crypt::encrypt($p->id); @endphp
                                                    @if($p->id == $project->id)
                                                    @else
                                                    <div class="col-md-4 mb-4">
                                
                                                        <div class="project-wrap position-relative desc-project-wrap">
                                
                                                            <div class="project-img-wrap desc-project-img">
                                
                                                                <div class="project-img">
                                
                                                                    <a href="{{ route('project-description',$ide) }}"><img src="{{url('').'/'.$p->project_banner_image }}" alt=""></a>
                                
                                                                </div>
                                
                                                            </div>
                                
                                                            <div class="mt-4">
                                
                                                                <h5 class="mb-3 fw-600 d-flex justify-content-between desc-card-title">
                                                                        
                                                                    <a style="background: none; border: navajowhite;" href="{{ route('project-description',$ide) }}" class="text-main text-start text-break project-main-title"  >{{ $p->project_title }}</a>
                                                                
                                                                    @if(isset($favoritelist))
                                                                        @if(count($favoritelist)> 0)
                                                                            @php
                                                                            foreach($favoritelist as $value){
                                										        $array[] = $value->project_id;
                                										    }
                                										     
                                										    if (in_array($p->id, $array)){  @endphp
                                										        <a href="" class="active ajaxfavorite a" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavorite"><i class="fas fa-heart watchlist-icon"></i></a>
                                                                            @php
                                										    }else{  @endphp
                                										        <a href="" class="ajaxfavorite b" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavorite"><i class="fas fa-heart watchlist-icon"></i></a>
                                                                            @php
                                										    }
                                											@endphp   
                                										
                                                                        @else
                                                                            <a href="" class="ajaxfavorite c" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavorite"><i class="fas fa-heart watchlist-icon"></i></a>
                                                                        @endif
                                                                    @else
                                                                        @if(Auth::check() && Auth::user()->role == 'admin') 
                                                                            <a href="" class="favorite" data-bs-toggle="modal" data-bs-target="#staticBackdrop"><i class="fas fa-heart watchlist-icon"></i></a>
                                                                            
                                                                        @else
                                                                            <a href="{{ route('login')}}" class="favorite"><i class="fas fa-heart watchlist-icon"></i></a>
                                                                        @endif
                                                                    @endif
                                
                                                                </h5>
                                
                                                                @foreach($all_users as $user)
                                                                @if($user->id == $p->inventor_id)
                                                                @php $idu = Crypt::encrypt($user->id); @endphp
                    
                                                                <a href="{{route('userProfile',$idu)}}">
                                                                    <h5 class="own-name text-blue mb-4">@if(!empty($user->name)){{ $user->name }}@endif @if(!empty($user->last_name)){{ $user->last_name }}@endif</h5>
                                                                </a>
                                                                @endif
                                                                
                                                                @endforeach
                                                                <p class="fw-300 desc-card-text text-break">@if(!empty($p->project_short_desc)){{$p->project_short_desc }}@endif</p>
                                
                                                            </div>
                                
                                                        </div>
                                
                                                    </div>
                                                    @endif
                                                @endforeach



                                                <div class="modal fade" id="staticBackdrop" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                                                  <div class="modal-dialog modal-dialog-centered">
                                                    <div class="modal-content">
                                                      <div class="modal-header border-0">
                                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                      </div>
                                                      <div class="modal-body text-center">
                                                         <h4>Oops!</h4>
                                                         <p>Admin can not add projects in watchlist.</p>
                                                         <p>Thank You!</p>
                                                      </div>
                                                    </div>
                                                  </div>
                                                </div>





                                            </div>

                                        </div>

                                    </div>
                                    <div class="text-center d-flex justify-content-center">
                                        {{ $projects->links() }}
                                    </div>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="about" role="tabpanel" aria-labelledby="about-tab">
                                <div class="desc-comment-wrap">
                                    <div id="messages">
                                        @if(!empty($comments))
                                            @foreach($comments as $comment)
                                         
                                            
                                                @if(!empty($comment->investor_id))
                                                
                                                    @if(!empty($all_users))
                                                        @foreach($all_users as $all_user)
                                                            @if(!empty($all_user->id == $comment->investor_id))
                                                            
                                                            @php $idu = Crypt::encrypt($all_user->id); @endphp
                                                            
                                                                <div class="d-flex desc-comments">
                                                                    <div class="decs-comment-profile me-4">
                                                                        
                                                                       
                                                                        <a href="{{route('userProfile',$idu)}}">
                                                                            @if(!empty($all_user->profile_image))
                                                                                <img src="{{url('').'/'.$all_user->profile_image }}" alt="">
                                                                            @else
                                                                                <img src="{{ URL::asset('assets/medias/images.png') }}" alt="">
                                                                            @endif
                                                                        </a>
                                                                    </div>
                                                                    <div>
                                                                        <a href="{{route('userProfile',$idu)}}" class="d-block comment-per-name"> @if(!empty($all_user->name)){{ $all_user->name}}@else {{ $all_user->email}} @endif @if(!empty($all_user->last_name)){{ $all_user->last_name}}@endif</a>
                                                                        <small class="text-muted">{{ $comment->created_at }}</small>
                                                                        <p class="pt-2 mb-0">{{ $comment->comment }}</p>
                                                                    </div>
                                                                </div>
                                                            @else
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                @else
                                                    @if(!empty($all_users))
                                                        @foreach($all_users as $all_user)
                                                            @if(!empty($all_user->id == $comment->inventor_id))
                                                            
                                                            @php $idu = Crypt::encrypt($all_user->id); @endphp
                                                            
                                                                <div class="d-flex desc-comments ms-auto">
                                                                    <div class="decs-comment-profile me-4">
                                                                        <a href="{{route('userProfile',$idu)}}">
                                                                            @if(!empty($all_user->profile_image))
                                                                                <img src="{{url('').'/'.$all_user->profile_image }}" alt="">
                                                                            @else
                                                                                <img src="{{ URL::asset('assets/medias/images.png') }}" alt="">
                                                                            @endif
                                                                        </a>
                                                                    </div>
                                                                    <div>
                                                                        <a href="{{route('userProfile',$idu)}}" class="d-block comment-per-name">@if(!empty($all_user->name)){{ $all_user->name}}@else {{ $all_user->email}} @endif @if(!empty($all_user->last_name)){{ $all_user->last_name}} @endif</a>
                                                                        <small class="text-muted">{{ $comment->created_at }}</small>
                                                                        <p class="pt-2 mb-0">{{ $comment->comment }}</p>
                                                                    </div>
                                                                </div>
                                                                @else
                                                            @endif
                                                        @endforeach
                                                    @endif
                                                @endif
                                            @endforeach
                                        @endif
                                    </div>
                                    
                                    <div class="position-relative">
                                        <form action=""  enctype="multipart/form-data" id="commentform" method="post">
                                        {{ csrf_field() }}
                                            <textarea name="comment" class="msg_text form-control" row="5"></textarea>
                                            <input type="hidden" class="project_id"  name="project_id" value="{{ $project->id }}">
                                            <input type="hidden" class="inventor_id" name="inventor_id" value="{{ $project->inventor_id }}">
                                            <div class="text-end">
                                            @if(Auth::check())
                                                <button type="submit" id="comment_submit_btn" class="text-white fw-600 border-0 text-uppercase explore-btn desc-load-btn">Send</button>
                                                <div class="comment_error" style="color:red"></div>
                                            @else
                                            
                                                <a href="{{ route('login') }}" class="text-white fw-600 text-uppercase explore-btn desc-load-btn">Send</a>
                                                        
                                            @endif
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            @if(isset($users))
                            @foreach($users as $user)
                            <div class="tab-pane fade" id="album" role="tabpanel" aria-labelledby="album-tab">
                               
                                <div class="desc-profile-wrap">
                                    <div class="desc-profile d-flex flex-column">
                                        <div class="desc-profile-img-wrap text-center">
                                            <div class="d-flex justify-content-around">
                                                <div class="d-flex flex-column">
                                                    
                                                    @php $idu = Crypt::encrypt($user->id); @endphp
                    
                                                    <a href="{{route('userProfile',$idu)}}" class="d-inline-block mb-3"><img src="{{url('').'/'.$user->profile_image }}" alt=""></a>
                                                      @php $ide = Crypt::encrypt($project->id); @endphp
                                                    <a href="{{route('chat', $ide)}}" class="text-white d-block fw-600 text-uppercase explore-btn desc-load-btn chat-btn">Chat</a>
                                                </div>
                                                <div class="text-start desc-profile-content">
                                                    <a href="{{route('userProfile',$idu)}}"><h3 class="desc-profile-name">@if(!empty($user->name)){{ $user->name }}@endif @if(!empty($user->last_name)){{ $user->last_name }}@endif </h3></a>
                                                    <a href="mailto:{{$user->email}}"><p class="profile-desc pt-0 mb-4">@if(!empty($user->email)){{ $user->email }}@endif </p></a>
                                                    <div class="d-flex align-items-center justify-content-between mb-2">
                                                        <span class="role-span">
                                                            <i class="fas fa-star text-blue me-2"></i>Role
                                                        </span>
                                                        <span>@if(!empty($user->company_role)){{ $user->company_role }}@endif</span>
                                                    </div>
                                                    <div class="d-flex align-items-center justify-content-between mb-2">
                                                        <span class="profile-web-url">
                                                            <i class="fas fa-link text-blue me-2"></i>Website URL
                                                        </span>
                                                        <span><a href="@php echo $user->company_website; @endphp">@if(!empty($user->company_website)){{ $user->company_website }}@endif</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            @endforeach
                            @endif
                        </div>
                    </div>
                </div>
                
                
                <div class="col-md-3">
                        
                        <div class="investing-card">
                            <form action=""  enctype="multipart/form-data" id="investform" method="post">
                            {{ csrf_field() }}
                            
                                        <p class="text-capitalize investing-sub-heading mb-0">Project price</p>
                                        <h5 class="card-title">@if(!empty($project->investor_amount))${{ $project->investor_amount }}@endif</h5>
                
                                        <p class="text-capitalize investing-sub-heading" style="cursor: pointer;" data-bs-toggle="modal" data-bs-target="#chatModal">What's included?<i class="far fa-lightbulb bulb ms-3"></i></p>
                                        
                                        <!--<button class="text-capitalize investing-sub-heading" data-bs-toggle="modal" data-bs-target="#chatModal">start investing<i class="far fa-lightbulb bulb ms-3"></i></button>-->
                                        
                                        
                                        
                                        
                                        
                                        @php $ide = Crypt::encrypt($project->id); @endphp
                                        <a href="{{route('chat', $ide)}}" class="invest_error_btn signup-btn investing-btn d-flex justify-content-center mb-4 align-items-center text-white text-uppercase rounded-0">Chat with us</a>
                                      
                                        
                                        @if(isset($favoritelist))
                                            @if(count($favoritelist)> 0)
                                                @php
                                                foreach($favoritelist as $value){
    										        $array[] = $value->project_id;
    										    }
    										     
    										    if (in_array($project->id, $array)){  @endphp
    										        <a href="" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 active ajaxfavoritebtn a" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavoritebtn"><span>watchlist</span><i class="far fa-heart ms-3"></i></a>
                                                @php
    										    }else{  @endphp
    										        <a href="" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 ajaxfavoritebtn b" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavoritebtn"><span>watchlist</span><i class="far fa-heart ms-3"></i></a>
                                                @php
    										    }
    											@endphp   
    										
                                            @else
                                                <a href="" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 ajaxfavoritebtn c" data-id="" data-user_id="{{ Auth::user()->id }}" id="ajaxfavoritebtn"><span>watchlist</span><i class="far fa-heart ms-3"></i></a>
                                            @endif
                                        @else
                                            @if(Auth::check() && Auth::user()->role == 'admin')
                                                <a href="{{ route('login')}}" data-bs-toggle="modal" data-bs-target="#staticBackdrop" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 favorite"><span>watchlist</span><i class="far fa-heart ms-3"></i></a>
                                                
                                                
                                            @else
                                                <a href="{{ route('login')}}" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 favorite"><span>watchlist</span><i class="far fa-heart ms-3"></i></a>
                                            @endif
                                            
                                        @endif
                                        <!--<a href="{{ route('login')}}" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 favorite" data-bs-toggle="modal" data-bs-target="#myModal"><span>watcjjjhlist</span><i class="far fa-heart ms-3"></i></a>-->
                                        <!--<a href="" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0">add to watchlist <i class="far fa-heart ms-3"></i></a>-->
                
                                        <!--<a href="" class="watchlist-btn d-flex justify-content-center mb-5 align-items-center text-white text-uppercase rounded-0 watchlist-added">add<i class="far fa-heart ms-3"></i></a>-->
                                        
                                        <div class="checkbox-wrap">
                                            <label class="check-container text-capitalize mb-4">
                                                <input type="checkbox" name="read_terms" class="read_terms" value="1">read investments terms
                                                <span class="checkmark"></span>
                                            </label>
                                            <p class="investing-card-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat quaerat nissimos doloremque impedit provident delectus.</p>
                                            <!--<a href="#" class="text-capitalize">read more...</a>-->
                                            <a href="" class="border-0  text-capitalize" data-bs-toggle="modal" data-bs-target="#readMoreModal">read more...</button>
                                        </div>
                                    <input type="hidden" name="project_id" class="project_id" value="{{ $project->id }}">
                                    
                            </form>
                        </div>
    
                </div>
                
            </div>
        </div>
        <!-- <div class="modal fade" id="investModal" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">-->
        <!--    <div class="modal-dialog modal-dialog-centered">-->
        <!--        <div class="modal-content">-->
        <!--            <div class="text-end">-->
        <!--                <button  button type="button" class="btn-close p-4" data-bs-dismiss="modal" aria-label="Close"></button>-->
        <!--            </div>-->
        <!--            <div class="modal-body">-->
        <!--                <div class="invest-model-gif">-->
        <!--                    <img src="{{url('') }}/assets/medias/invest-model-gif2.gif" alt="" class="img-fluid">-->
        <!--                </div>-->
        <!--                <h3 class="text-center invest-model-heading text-success">Congratulation</h3>-->
        <!--                <p class="invest-model-text text-center text-muted">You have successfully invested on the project</p>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</div>-->
        <!--<div class="modal fade" id="investerrorModal" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">-->
        <!--    <div class="modal-dialog modal-dialog-centered">-->
        <!--        <div class="modal-content">-->
        <!--            <div class="text-end">-->
        <!--                <button  button type="button" class="btn-close p-4" data-bs-dismiss="modal" aria-label="Close"></button>-->
        <!--            </div>-->
        <!--            <div class="modal-body">-->
        <!--                <div class="invest-model-gif">-->
        <!--                    <img src="{{url('') }}/assets/medias/invest-model-gif.gif" alt="" class="img-fluid">-->
        <!--                </div>-->
        <!--                <h3 class="text-center invest-model-heading text-success">Sorry</h3>-->
        <!--                <p class="invest-model-text text-center text-muted">Only investors can invest on the project</p>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</div>-->
        <!--<div class="modal fade" id="investerror1Modal" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">-->
        <!--    <div class="modal-dialog modal-dialog-centered">-->
        <!--        <div class="modal-content">-->
        <!--            <div class="text-end">-->
        <!--                <button  button type="button" class="btn-close p-4" data-bs-dismiss="modal" aria-label="Close"></button>-->
        <!--            </div>-->
        <!--            <div class="modal-body">-->
        <!--                <div class="invest-model-gif">-->
        <!--                    <img src="{{url('') }}/assets/medias/invest-model-gif.gif" alt="" class="img-fluid">-->
        <!--                </div>-->
        <!--                <h3 class="text-center invest-model-heading text-success">Alert!</h3>-->
        <!--                <p class="invest-model-text text-center text-muted">Please read investment terms carefully, and accept them first. </p>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</div>-->
        <!--<div class="modal fade" id="investerror2Modal" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">-->
        <!--    <div class="modal-dialog modal-dialog-centered">-->
        <!--        <div class="modal-content">-->
        <!--            <div class="text-end">-->
        <!--                <button  button type="button" class="btn-close p-4" data-bs-dismiss="modal" aria-label="Close"></button>-->
        <!--            </div>-->
        <!--            <div class="modal-body">-->
        <!--                <div class="invest-model-gif">-->
        <!--                    <img src="{{url('') }}/assets/medias/invest-model-gif.gif" alt="" class="img-fluid">-->
        <!--                </div>-->
        <!--                <h3 class="text-center invest-model-heading text-success">Alert!</h3>-->
        <!--                <p class="invest-model-text text-center text-muted">Already invested on this project, Inventer will contact you soon. Thanks!</p>-->
        <!--            </div>-->
        <!--        </div>-->
        <!--    </div>-->
        <!--</div>-->
    </section>
  
    <div class="modal fade" id="chatModal">
      <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
    
          <!-- Modal Header -->
          <div class="modal-header border-0">
            <button class="investing-sub-heading mb-0">Admin Quotation<i class="far fa-lightbulb bulb ms-3"></i></button>
            <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
          </div>
    
          <!-- Modal body -->
          <div class="modal-body chat-modal-body">
            @php 
            if(!empty($project->price_quote)){
                echo $project->price_quote; 
            }else{
            @endphp
            <p>NO QUOTE AVAILABLE </p>
            
            @php
            }
            @endphp
          </div>
    
          <!-- Modal footer -->
          <div class="modal-footer">
            <button type="button" class="text-white d-block fw-600 explore-btn desc-load-btn chat-btn border-0 px-3" data-bs-dismiss="modal">Close</button>
          </div>
    
        </div>
      </div>
    </div>
@endforeach
@endif




                                        
<!-- end home page website -->
<div class="modal fade" id="staticBackdrop" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header border-0">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-center">
         <h4>Oops!</h4>
         <p>Admin can not add projects in watchlist.</p>
         <p>Thank You!</p>
      </div>
    </div>
  </div>
</div>

@endsection
@section('scripts') 
<!--<div class="modal fade" id="myModal">-->
<!--  <div class="modal-dialog modal-dialog-centered">-->
<!--    <div class="modal-content">-->

      <!-- Modal Header -->
<!--      <div class="modal-header">-->
<!--        <h4 class="modal-title">Modal Heading</h4>-->
<!--        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>-->
<!--      </div>-->

      <!-- Modal body -->
<!--      <div class="modal-body">-->
<!--        Modal body..-->
<!--      </div>-->

      <!-- Modal footer -->
<!--      <div class="modal-footer">-->
<!--        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>-->
<!--      </div>-->

<!--    </div>-->
<!--  </div>-->
<!--</div>-->
<div class="modal fade" id="myModalfav" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header border-0">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-center">
         <h4>Yeah!</h4>
         <p>You have successfully added in watchlist.</p>
         <p>Thank You!</p>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="myModaldefav" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
      <div class="modal-header border-0">
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body text-center">
         <h4>Oops!</h4>
         <p>You have deselected from watchlist.</p>
         <p>Thank You!</p>
      </div>
    </div>
  </div>
</div>

<!--<div class="modal fade" id="readMoreModal" >-->
<!--  <div class="modal-dialog modal-dialog-centered">-->
<!--    <div class="modal-content">-->
<!--      <div class="modal-header border-0 p-4">-->
<!--         <h4 class="mb-0 text-blue model-investing-heading position-relative">Investment Terms</h4>-->
<!--        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>-->
<!--      </div>-->
<!--      <div class="modal-body p-4 pt-0"> -->
<!--         <p class="text-muted">In publishing and graphic design, Lorem ipsum is a placeholder text commonly used to demonstrate the visual form of a document or a typeface without relying on meaningful content. Lorem ipsum may be used as a placeholder before final copy i.</p>-->
<!--         <p>Thank You!</p>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</div>-->
   <script>
    $(document).ready(function(){
        $('.invest_error_btn').click(function(){ 
            
              $("#investerrorModal").modal("show");
           
        });
    });
    
   </script>
   
   <script>
       
        $(document).ready(function(){
            
            $('#invest_submit_btn').click(function(){ 
            
                 let read_terms = $('.read_terms:checked').val();
                 let project_id = $('.project_id').val();
                
                    if(read_terms != 1){
                         $("#investerror1Modal").modal("show");
                         return false;
                    }
                    
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('invest-on-project')}}",
                    data:{read_terms:read_terms, project_id:project_id},

                    success:function(response){
                      if(response.success){
                        $("#investModal").modal("show");
                      }else if(response.duplicate){
                        $("#investerror2Modal").modal("show");
                      }else{
                          alert("Error");
                      }
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                event.preventDefault();
            });
            
        });
 
   </script>
  
   <script>
       
        $(document).ready(function(){
            
            $('#comment_submit_btn').click(function(){ 
            
                let inventor_id = $('.inventor_id').val();
                let project_id = $('.project_id').val();
                var comment = $('.msg_text').val();
                if(comment =='' ){
                    
                }else{
                  play_notify(); 
                   
                  $.ajax({
                    type: "POST", 
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },

                    url: "{{route('save-comment')}}",
                    data:{inventor_id:inventor_id, project_id:project_id,comment:comment },

                    success:function(response){   
                      
                        $('#commentform').trigger('reset');
                        if(!(response.user[0].name)){
                            var name = response.user[0].email;
                        }else{
                            var name = response.user[0].name;
                        }
                        
                        if(!(response.user[0].last_name)){
                            var last_name = '';
                        }else{
                            var last_name = response.user[0].last_name;
                        }
                        
                        if(!(response.user[0].profile_image)){
                            var profile_image = "{{ URL::asset('assets/medias/images.png') }}";
                        }else{
                            var profile_image = {!! json_encode(url('/')) !!}+'/'+response.user[0].profile_image;
                           
                        }
                        
                        for (var i=0; i < response.data.length; i++){
                            if(!(response.data[i].inventor_id)){
                                $('#messages').append('<div class="d-flex desc-comments "><div class="decs-comment-profile me-4"><a href=""><img src="'+profile_image+'" alt=""></a></div><div><a href="#" class="d-block comment-per-name">'+name+' '+last_name+'</a><small class="text-muted">Today</small><p class="pt-2 mb-0">'+response.data[i].comment+'</p></div></div>')
                            }else{
                                $('#messages').append('<div class="d-flex desc-comments ms-auto" ><div class="decs-comment-profile me-4"><a href=""><img src="'+profile_image+'" alt=""></a></div><div><a href="#" class="d-block comment-per-name">'+name+' '+last_name+'</a><small class="text-muted">Today</small><p class="pt-2 mb-0">'+response.data[i].comment+'</p></div></div>')
                            }
                        }
                    
                    },
                    error:function(error){
                      console.log(error);
                    }

                  });
                }
                event.preventDefault();
            });
            
        });
 
 
    function play_notify() {
        const audio = new Audio("{{URL::asset('assets/msg_alert.mp3')}}");
        audio.play();
    }
   </script>
   
    <script>
    $(document).ready(function(){

     $(".ajaxfavoritebtn").click(function(event){

         let id = $(this).data("id");
         let user_id = $(this).data("user_id");
       
          $.ajax({
            type: "GET",
            url: "{{url('add_to_wishlist')}}/"+id+"/"+user_id,   
          
            success: function(dataResult) {
    
               var dataResult = JSON.parse(dataResult);
				if(dataResult.statusCode==200){ 
				    // window.location.reload();
				    if($("#ajaxfavoritebtn"+id).hasClass("active")){
				        $("#ajaxfavoritebtn"+id).removeClass("active");
				        $("#myModaldefav").modal("show");
				      
				        // $("#ajaxfavorite"+id).append("<span>add to favorite</span>");
				    }else{
				         $("#ajaxfavoritebtn"+id).addClass("active");
				         $("#myModalfav").modal("show");
				        //  $("#ajaxfavorite"+id).append("<span>add</span>");
				    }
				 
				}
				else if(dataResult.statusCode==201){
				   alert("Error occured !");
				}
               
    
            }
          });
         event.preventDefault();
      })
    });
  </script>   
    
    
@endsection