@extends('user.layouts.index')

@section('page_content')

    <link rel="stylesheet" href="{{ asset('css/home.css')}}">
        <link rel="stylesheet" href="{{ asset('css/contactus.css')}}">
        <link rel="stylesheet" href="{{ asset('css/crowdfunding.css')}}">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- POPULAR PROJECTS SECTION-->
    <section class="popular-project-section">
        <div class="container-fluid popular-project-container">
            <div class="row">
                <div class="col-12">
                    <h1>Popular Projects</h1>
                </div>
            </div>
            <div class="row crowd-card-row">
                @foreach ($products_fundings  as $item)
                <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3">
                    <a href="{{url('user/crowdfundinginner?crowd_id='.$item->id)}}">


                    {{-- @endforeach --}}
                    <div class="card">
                        <div class="card-header crowd-card-header">
                            <img src="{{$item->product->avatar }}"  class="myimgerssd">
                        </div>
                        <div class="card-body">
                            <div class="row">
                            <div class="col-6 col-lg-6 crowd-card-h">
                            <h5>FUNDING</h5>
                            </div>
                            <div class="col-6 col-lg-6 ">
                                <img src=" {{$item->product->avatar }}" class="img-fluid float-right myimgerss">
                            </div>
                            <div class="col-12 origami-txt">
                                <p><b>
                                    {{$item->product->detail }}

                                </b></p>
                            </div>
                            <div class="col-12">
                                {{-- <small class="myparas">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                                    ut laoreet dolore magna ali</small> --}}
                            </div>
                                <div class="col-12 col-lg-6 crowd-price">
                                    <p>
                                        <b>
                                            {{$item->product->price }}

                                            <span>
                                                AUD
                                                </span>
                                            </b>

                                        </p>
                                </div>
                                <div class="col-12 col-lg-6 crowd-price">
                                    <p class="text-secondary">  {{$item->product->price }} <span>AUD</span></p>
                                </div>
                                <br />
<b>Notice</b>:  Undefined variable: item in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'points_collected' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Undefined variable: item in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'product' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
<br />
<b>Notice</b>:  Trying to get property 'price' of non-object in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
<br />
<b>Warning</b>:  Division by zero in <b>/home/demohatinco/public_html/my_shout_backend/resources/views/user/crowd_funding/index.blade.php</b> on line <b>65</b><br />
                                {{-- <div class="col-12">
                                    <div class="progress"  style="width: {!!$per!!}%">

                                        <div class="progress-bar progress-bar-striped progress-bar-animated">
                                            {!! $per  !!} %
                                        </div>
                                    </div>
                                </div> --}}

                                <div class="col-12">
                                    <div class="progress" >
                                        <div class="progress-bar progress-bar-striped progress-bar-animated " style="width: {!!$per!!}%">
                                            {!! $per  !!} %
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12">
                                    <span class="float-right span-sm-1">COLLECTED</span>
                                </div>
                                <br>
                                <div class="col-12 ">
                                    <img src="{{ asset('slicing/my-shout-crowdfunding-1/icon-2.png')}}" class="img-fluid">
                                    {{-- <span class=" span-sm-2">13 DAYS LEFT</span> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
                  @endforeach



            </div>



        </div>
    </section>

    <!-- RIDE SECTION-->
    <section class="ride-section">
        <div class="container-fluid ride-section-container">
            <div class="row">
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
                    <img src="{{ asset('slicing/my-shout-crowdfunding-1/BACK-THE-PROJECT,-image-1.png')}}" class="img-fluid cycle">
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                    <h1>BACK THE PROJECT,<br>
                        TAKE THE RIDE</h1>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3">
                    <img src="{{ asset('slicing/my-shout-crowdfunding-1/BACK-THE-PROJECT,-image-3.png')}}" class="img-fluid float-right bag">
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 text-center">
                    <img src="{{ asset('slicing/my-shout-crowdfunding-1/BACK-THE-PROJECT,-image-2.png')}}" class="img-fluid stick ">
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                    <p class="text-secondary">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci
                        tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo. consequat. Duis autem vel eum
                        iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla fac</p>
                </div>
                <div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3 text-center">
                    <img src="{{ asset('slicing/my-shout-crowdfunding-1/BACK-THE-PROJECT,-image-4.png')}}" class="img-fluid float-right gameboy">
                </div>
            </div>
        </div>
    </section>


    @endsection