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

<!-- home page website start -->

	<section class="position-relative">

        <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="banner-bg-1">

        <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="banner-bg-2">

        <div class="banner-section d-flex justify-content-center align-items-center">

            <div class="swiper mySwiper">

                <div class="swiper-wrapper top-swiper-wrapper">

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="row d-flex justify-content-center align-items-center">

                                <div class="col-lg-6 col-sm-6 ">

                                    <div class="slide-content">

                                        <h1 class="banner-heading text-capitalize">Invest in Startups</h1>

                                        <p class="d-none d-sm-block">Startups have great potential to bring you good returns on your investments. Invest your hard-earned money in the right place to earn good long-term returns. With Invention Funder find several startups with unique ideas and select wisely where to invest.</p>
                                        
                                        <p class="d-sm-none">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem rerum aliquid ipsa ad omnis</p>

                                        <a href="{{ route('startProject')}}" class="start-project-btn text-light text-decoration-none">Start a project <i class="fab fa-telegram-plane text-light ps-2"></i></a>

                                    </div>

                                </div>

                                <div class="col-lg-6 col-sm-6 text-center">

                                    <img src="{{ URL::asset('assets/medias/banner-main4.png') }}" alt="" class="banner-img">

                                </div>

                            </div>

                        </div>

                    </div>

                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="row d-flex justify-content-center align-items-center">

                                <div class="col-md-6 col-sm-6 mb-4 mb-sm-0">

                                    <div class="slide-content">

                                        <h1 class="banner-heading text-capitalize">Why Invention Funder?</h1>

                                        <p class="d-none d-sm-block">We offer you plethora of genuine and authentic startups and are one of the largest platforms if you are looking to invest in a project or finding an investor for your project.</p>

                                        <p class="d-sm-none">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem rerum aliquid ipsa ad omnis</p>

                                        <a href="{{ route('startProject')}}" class="start-project-btn text-light mt-5 text-decoration-none">Start a project <i class="fab fa-telegram-plane text-light ps-2"></i></a>

                                    </div>

                                </div>

                                <div class="col-md-6 col-sm-6 text-center">

                                    <img src="{{ URL::asset('assets/medias/banner-main5.png') }}" alt="" class="w-100 h-100">

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

                <div class="swiper-button-next d-none d-sm-flex"></div>

                <div class="swiper-button-prev d-none d-sm-flex"></div>

            </div>

            <div class="swiper-pagination home-pagination"></div>

        </div>

    </section>

    
    
    <section class="section start-investing-section position-relative">

        <img src="{{ URL::asset('assets/medias/banner-shape-right.png') }}" alt="" class="investing-bg">

        <div class="section-title">

            <h3 class="section-heading text-center mb-4 mb-sm-5 fw-600">Start Investing</h3>

        </div>
        @if(!empty($projects))
        <div class="new-projects d-flex justify-content-center align-items-center">

            <div class="swiper newSwiper">

                <div class="swiper-wrapper">
                    
                    @foreach($projects as $project)
                    @php $ide = Crypt::encrypt($project->id); @endphp
                    <div class="swiper-slide slide-items">

                        <div class="container">

                            <div class="project-wrap position-relative">

                                <div class="project-img-wrap home-project-img">

                                    <div class="project-img">

                                        <a href="{{ route('project-description',$ide) }}" class="d-inline-block w-100 h-100"><img src="{{url('').'/'.$project->project_banner_image }}" alt=""></a>

                                    </div>

                                </div> 

                                <div class="mt-4 mt-sm-5">

                                    <h5 class="mb-3 fw-600 d-flex justify-content-between home-cart-title">
                                            
                                        <a href="{{ route('project-description',$ide) }}" class="text-main text-start text-break home-title"  >{{ $project->project_title }}</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="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($users as $user)
                                    @if($user->id == $project->inventor_id)
                                    
                                    @php $idu = Crypt::encrypt($user->id); @endphp
                                    <a href="{{route('userProfile',$idu)}}" >
                                    <h5 class="own-name text-blue text-capitalize mb-3 mb-sm-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 text-break home-card-desc">@if(!empty($project->project_short_desc)){{$project->project_short_desc }}@endif</p>

                                </div> 

                            </div>

                        </div>

                    </div>
                    @endforeach
                    
                    

                </div>

                <div class="d-flex justify-content-center">

                    <div class="swiper-button-next new-swiper-right"></div>

                    <div class="swiper-button-prev new-swiper-left"></div>

                </div>

            </div>

        </div>
        @endif
    
        <div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" 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>

    </section>
    
    <section class="section submit-idea-section position-relative">

        <img src="{{ URL::asset('assets/medias/line-process.png') }}" alt="" class="dot-bg-img">

        <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="idea-bg-1">

        <img src="{{ URL::asset('assets/medias/counter-shape3.png') }}" alt="" class="idea-bg-2">

        <div class="container">

        <div class="section-title">

                <h3 class="section-heading text-center mb-4 mb-sm-5 fw-600 text-capitalize">Steps to submit your idea</h3>

            </div>

            <div class="step-idea position-relative">

                <div class="row mt-60 justify-content-center align-items-center position-relative">

                    <div class="col-md-3">

                        <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                            <img src="{{ URL::asset('assets/medias/darts.png') }}" alt="" class="idea-submit-img">

                        </div>

                        <div class="step-content">

                            <h3 class="submit-heading fw-500 mb-3 text-center">Register Your Idea</h3>

                            <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                        </div>

                    </div>

                    <div class="col-md-3">

                        <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                            <img src="{{ URL::asset('assets/medias/people.png') }}" alt="" class="idea-submit-img">

                        </div>

                        <div class="step-content">

                            <h3 class="submit-heading fw-500 mb-3 text-center">Contact with Investors</h3>

                            <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                        </div>

                    </div>

                    <div class="col-md-3">

                        <div class="submit-idea-setep d-flex justify-content-center align-items-center">

                            <img src="{{ URL::asset('assets/medias/save-money.png') }}" alt="" class="idea-submit-img">

                        </div>

                        <div class="step-content">

                            <h3 class="submit-heading fw-500 mb-3 text-center">Get Funding</h3>

                            <p class="mb-0 text-center">Lorem ipsum dolor sit amet consectetur adipis fow qui? Aut quisquam.</p>

                        </div>

                    </div>

                </div>

            </div>

       </div>

    </section>

    <!--<section class="section new-project-section position-relative">-->

    <!--    <img src="{{ URL::asset('assets/medias/banner-shape-right1.png') }}" alt="" class="new-project-bg">-->

    <!--    <div class="section-title">-->

    <!--        <h3 class="section-heading text-center mb-5 fw-600">New Projects</h3>-->

    <!--    </div>-->

    <!--    <div class="new-projects d-flex justify-content-center align-items-center">-->

    <!--        <div class="container">-->

    <!--            <div class="row">-->

    <!--                <div class="col-md-4">-->

    <!--                    <div class="project-wrap position-relative">-->

    <!--                        <div class="project-img-wrap home-project-img">-->

    <!--                            <div class="project-img">-->

    <!--                                <a href="{{ route('project-description',$ide) }}" class="d-inline-block w-100 h-100"><img src="{{ URL::asset('assets/medias/blog-07.jpg') }}" alt=""></a>-->

    <!--                            </div>-->

    <!--                        </div>-->

    <!--                        <div class="mt-5">-->

    <!--                            <h5 class="mb-3 fw-600 d-flex justify-content-between">-->

    <!--                                <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>-->

    <!--                                <a href=""><i class="fas fa-heart watchlist-icon"></i></a>-->

    <!--                            </h5>-->

    <!--                            <h5 class="own-name text-blue mb-4">Name Here</h5>-->

    <!--                            <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,-->

    <!--                                sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>-->

    <!--                        </div>-->

    <!--                    </div>-->

    <!--                </div>-->

    <!--                <div class="col-md-4">-->

    <!--                    <div class="project-wrap position-relative">-->

    <!--                        <div class="project-img-wrap home-project-img">-->

    <!--                            <div class="project-img">-->

    <!--                                <a href="{{ route('project-description',$ide) }}" class="d-inline-block w-100 h-100"><img src="{{ URL::asset('assets/medias/blog-09.jpg') }}" alt=""></a>-->

    <!--                            </div>-->

    <!--                        </div>-->

    <!--                        <div class="mt-5">-->

    <!--                            <h5 class="mb-3 fw-600 d-flex justify-content-between">-->

    <!--                                <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>-->

    <!--                                <a href=""><i class="fas fa-heart watchlist-icon"></i></a>-->

    <!--                            </h5>-->

    <!--                            <h5 class="own-name text-blue mb-4">Name Here</h5>-->

    <!--                            <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,-->

    <!--                                sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>-->

    <!--                        </div>-->

    <!--                    </div>-->

    <!--                </div>-->

    <!--                <div class="col-md-4">-->

    <!--                    <div class="project-wrap position-relative">-->

    <!--                        <div class="project-img-wrap home-project-img">-->

    <!--                            <div class="project-img">-->

    <!--                                <a href="{{ route('project-description',$ide) }}" class="d-inline-block w-100 h-100"><img src="{{ URL::asset('assets/medias/blog-10.jpg') }}" alt=""></a>-->

    <!--                            </div>-->

    <!--                        </div>-->

    <!--                        <div class="mt-5">-->

    <!--                            <h5 class="mb-3 fw-600 d-flex justify-content-between">-->

    <!--                                <a class="text-main" href="javascript:void(0)">Write Your Dreams</a>-->

    <!--                                <a href=""><i class="fas fa-heart watchlist-icon"></i></a>-->

    <!--                            </h5>-->

    <!--                            <h5 class="own-name text-blue mb-4">Name Here</h5>-->

    <!--                            <p class="fw-300 text-break">Lorem ipsum dolor sit amet, consectetuer adipiscing elit,-->

    <!--                                sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>-->

    <!--                        </div>-->

    <!--                    </div>-->

    <!--                </div>-->

    <!--            </div>-->

    <!--        </div>-->

    <!--    </div>-->

    <!--</section>-->
     
<!-- end home page website -->
@endsection
@section('scripts') 

    
@endsection