@extends('layouts.app')

@section('content')
    <!-- БАННЕР НА ГЛАВНОЙ -->
    <section class="banner_main">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h1><span class="greeny">Краудфандинг</span> в Україні <br>Громадське фінансування</h1>
                    <p><span>ще  не знаеш як втілити свою мрію в реальність?</span><br>Дізнайся більше про dreamstarter
                    </p>
                    <div class="banner_main_btn">
                        <a href="{{route('about')}}" class="btn">Узнать больше <i class="fa fa-angle-double-right"></i></a>
                    </div>
                </div>
                <div class="col-md-4">

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

    <!-- ВЫБОР РЕДАКЦИИ -->
    <section class="bg_light">
        @if($main_project)
            <div class="container">
                <h2><span class="greeny">Выбор</span> редакции</h2>
                <div class="row">
                    <div class="col-md-7">
                        <a href="{{route('show_project',$main_project->id)}}"><img src="{{asset($main_project->poster_link)}}" width="650" height="450"/></a>
                    </div>
                    <div class="col-md-5">
                        <a href="{{route('show_project',$main_project->id)}}"><h3>{{$main_project->name}}</h3></a>
                        <p>{{$main_project->short_desc}}</p>
                        <div class="autor">
                            <p>Автор проекту:
                                <span>{{$main_project->author->name.' '.$main_project->author->last_name}}</span></p>
                        </div>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                 aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete (success)</span>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-3 choise_info">
                                <span>70%</span>
                                <p>прогрес</p>
                            </div>
                            <div class="col-md-5 choise_info">
                                <span>{{$main_project->current_sum}} грн</span>
                                <p>прогрес</p>
                            </div>
                            <div class="col-md-4 choise_info">
                                <span>16 годин</span>
                                <p>залишилось</p>
                            </div>
                        </div>
                        <div class="row choise_btn">
                            <div class="col-md-6">
                                <button class="support">підтримати</button>
                            </div>
                            <div class="col-md-6">
                                <div class="place">
                                    <img src="{{asset('images/front/media.png')}}" width="12" height="15"/>
                                    <p>{{$main_project->location}}</p>
                                </div>
                                <div class="media">
                                    <img src="{{asset('images/front/place.png')}}" width="15" height="15"/>
                                    <p>Відео; аудіо</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    </section>
    <!-- ПОПУЛЯРНЫЕ ПРОЕКТЫ -->
    <section class="popular bg_light">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2><span class="greeny">Популярные</span> проекты</h2>
                </div>
                <div class="col-md-6 main_view_all">
                    <a href="{{route('projects')}}"><img src="{{asset('images/front/view.png')}}" height="10"
                                                         width="16"/>
                        Дивитися всі</a>
                </div>
            </div>
            <div class="row">
                @foreach($popular_projects as $popular_project)
                    <div class="col-md-4 product_wrap">
                        <a href="{{route('show_project',$popular_project->id)}}"><img src="{{asset($popular_project->poster_link)}}" width="350" height="200"/></a>
                        <div class="product_wrap_info">
                            <a href="{{route('show_project',$popular_project->id)}}"><h3>{{$popular_project->name}}</h3></a>
                            <p>{{$popular_project->short_desc}}</p>
                            <span>Автор:
                                <a href="">{{$popular_project->author->name.' '.$popular_project->author->last_name}}</a>
                            </span>
                            <div class="media">
                                <img src="{{asset('images/front/media.png')}}" width="15" height="15">
                                <p>Відео; аудіо</p>
                            </div>
                            <div class="place">
                                <img src="{{asset('images/front/place.png')}}" width="12" height="15">
                                <p>Одеса</p>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                    <span class="sr-only">70% Complete (success)</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 product_statistics">
                                    <h4>70%</h4>
                                    <p>прогрес</p>
                                </div>
                                <div class="col-md-4 product_statistics product_statistics_center">
                                    <h4>2398054 грн</h4>
                                    <p>зібрав</p>
                                </div>
                                <div class="col-md-4 product_statistics">
                                    <h4>16 годин</h4>
                                    <p>залишилось</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        </div>
    </section>

    <!-- НОВЫЕ ПРОЕКТЫ -->
    <section class="new bg_light">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h2><span class="greeny">Новые</span> проекты</h2>
                </div>
                <div class="col-md-6 main_view_all">
                    <a href="{{route('projects')}}"><img src="{{asset('images/front/view.png')}}" height="10" width="16"/>
                        Дивитися всі</a>
                </div>
            </div>
            <div class="row">
                @foreach($new_projects as $new_project)
                    <div class="col-md-4 product_wrap">
                        <a href="{{route('show_project',$new_project->id)}}"> <img src="{{asset($new_project->poster_link)}}" width="350" height="200"/></a>
                        <div class="product_wrap_info">
                            <a href="{{route('show_project',$new_project->id)}}"><h3>{{$new_project->name}}</h3></a>
                            <p>{{$new_project->short_desc}}</p>
                            <span>Автор:<a
                                        href=""> {{$new_project->author->name.' '.$new_project->author->last_name}}</a></span>
                            <div class="media">
                                <img src="{{asset('images/front/media.png')}}" width="15" height="15">
                                <p>Відео; аудіо</p>
                            </div>
                            <div class="place">
                                <img src="{{asset('images/front/place.png')}}" width="12" height="15">
                                <p>{{$new_project->location}}</p>
                            </div>
                            <div class="progress">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                    <span class="sr-only">70% Complete (success)</span>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-4 product_statistics">
                                    <h4>70%</h4>
                                    <p>прогрес</p>
                                </div>
                                <div class="col-md-4 product_statistics product_statistics_center">
                                    <h4>{{$new_project->current_sum}} грн</h4>
                                    <p>зібрав</p>
                                </div>
                                <div class="col-md-4 product_statistics">
                                    <h4>16 годин</h4>
                                    <p>залишилось</p>
                                </div>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </section>

    <!-- БЛОК О ПРОЕКТЕ -->
    <section class="about bg_light">
        <div class="container">
            <h4 class="text-center">Крауфандинг – джерело унікальних речей, де ви можете <br>відкрити для себе щось нове
                та підтримати улюблений проект.</h4>
            <p class="text-center">Ви створюєте світ своїми зусиллями – настав час зробити перший крок.</p>
            <div class="row">
                <div class="col-md-4">
                    <div class="main_about_img">
                        <img src="{{asset('images/front/main_about_img1.png')}}" height="74" width="61"/>
                    </div>
                    <h3>міські проекти</h3>
                    <div class="description">Як казав Ремарк: «Саме чудове місто — те, де людина щаслива». На вас
                        чекають проекти розвитку улюблених міст.
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="main_about_img">
                        <img src="{{asset('images/front/main_about_img2.png')}}" height="72" width="64"/>
                    </div>
                    <h3>творчі проекти</h3>
                    <div class="description">Будьте опорою для улюблених авторів, діячів та музикантів. Станьте частиною
                        команди новаторів.
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="main_about_img">
                        <img src="{{asset('images/front/main_about_img3.png')}}" height="79" width="79"/>
                    </div>
                    <h3>бізнес-проекти і стартапи</h3>
                    <div class="description">Краудфандинг має безліч сторін. В цій рубриці ви знайдете проекти від
                        благодійних організацій.
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- БЛОК С КНОПКОЙ -->
    <section class="make-step">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <h2>Зроби крок до успіху, <span class="greeny">Створи свій проект!</span></h2>
                </div>
                <div class="col-md-4 text-right">
                    <a href="{{route('new_project')}}" class="btn">Начать проект</a>
                </div>
            </div>
        </div>
    </section>

    <!-- ОТЗЫВЫ -->
    {{--<section class="reviews bg_light">--}}
        {{--<div class="container">--}}
            {{--<div class="row">--}}
                {{--<div class="col-md-12">--}}
                    {{--<h2><span class="greeny">відгуки</span> від авторів успішних проектів</h2>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row separator">--}}
                {{--<div class="col-md-7 reviews_wrap">--}}
                    {{--<div class="row">--}}
                        {{--<div class="col-md-6">--}}
                            {{--<img src="reviews1.jpg" width="330" height="245"/>--}}
                        {{--</div>--}}
                        {{--<div class="col-md-6 reviews_wrap_info">--}}
                            {{--<div class="media">--}}
                                {{--<img src="img/media.png" width="15" height="15">--}}
                                {{--<p>Відео; аудіо</p>--}}
                            {{--</div>--}}
                            {{--<div class="place">--}}
                                {{--<img src="img/place.png" width="12" height="15">--}}
                                {{--<p>Одеса</p>--}}
                            {{--</div>--}}
                            {{--<h3>Купон на измену или как пережить кризис.</h3>--}}
                            {{--<div class="progress">--}}
                                {{--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"--}}
                                     {{--aria-valuemin="0" aria-valuemax="100" style="width: 70%">--}}
                                    {{--<span class="sr-only">70% Complete (success)</span>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="row product_statistics">--}}
                                {{--<div class="col-md-4">--}}
                                    {{--<h4>136%</h4>--}}
                                    {{--<p>прогрес</p>--}}
                                {{--</div>--}}
                                {{--<div class="col-md-8">--}}
                                    {{--<h4>2398054 грн</h4>--}}
                                    {{--<p>зібрав</p>--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-md-5 reviews_message">--}}
                    {{--<h5>22.05.2017</h5>--}}
                    {{--<span>Автор:<a href=""> Полянин Алексей</a></span>--}}
                    {{--<p>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. Duis aute irure dolor in reprehenderit in--}}
                        {{--voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat--}}
                        {{--non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>--}}
                    {{--<a class="reviews_message_more" href="">Детальніше &rarr;</a>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row separator">--}}
            {{--<div class="col-md-7 reviews_wrap">--}}
            {{--<div class="row">--}}
            {{--<div class="col-md-6">--}}
            {{--<img src="reviews1.jpg" width="330" height="245" />--}}
            {{--</div>--}}
            {{--<div class="col-md-6 reviews_wrap_info">--}}
            {{--<div class="media">--}}
            {{--<img src="img/media.png" width="15" height="15">--}}
            {{--<p>Відео; аудіо</p>--}}
            {{--</div>--}}
            {{--<div class="place">--}}
            {{--<img src="img/place.png" width="12" height="15">--}}
            {{--<p>Одеса</p>--}}
            {{--</div>--}}
            {{--<h3>Купон на измену или как пережить кризис.</h3>--}}
            {{--<div class="progress">--}}
            {{--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 70%">--}}
            {{--<span class="sr-only">70% Complete (success)</span>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row product_statistics">--}}
            {{--<div class="col-md-4">--}}
            {{--<h4>136%</h4>--}}
            {{--<p>прогрес</p>--}}
            {{--</div>--}}
            {{--<div class="col-md-8">--}}
            {{--<h4>2398054 грн</h4>--}}
            {{--<p>зібрав</p>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-md-5 reviews_message">--}}
            {{--<h5>22.05.2017</h5>--}}
            {{--<span>Автор:<a href=""> Полянин Алексей</a></span>--}}
            {{--<p>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>--}}
            {{--<a class="reviews_message_more" href="">Детальніше &rarr;</a>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row separator">--}}
            {{--<div class="col-md-7 reviews_wrap">--}}
            {{--<div class="row">--}}
            {{--<div class="col-md-6">--}}
            {{--<img src="reviews1.jpg" width="330" height="245" />--}}
            {{--</div>--}}
            {{--<div class="col-md-6 reviews_wrap_info">--}}
            {{--<div class="media">--}}
            {{--<img src="img/media.png" width="15" height="15">--}}
            {{--<p>Відео; аудіо</p>--}}
            {{--</div>--}}
            {{--<div class="place">--}}
            {{--<img src="img/place.png" width="12" height="15">--}}
            {{--<p>Одеса</p>--}}
            {{--</div>--}}
            {{--<h3>Купон на измену или как пережить кризис.</h3>--}}
            {{--<div class="progress">--}}
            {{--<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 70%">--}}
            {{--<span class="sr-only">70% Complete (success)</span>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row product_statistics">--}}
            {{--<div class="col-md-4">--}}
            {{--<h4>136%</h4>--}}
            {{--<p>прогрес</p>--}}
            {{--</div>--}}
            {{--<div class="col-md-8">--}}
            {{--<h4>2398054 грн</h4>--}}
            {{--<p>зібрав</p>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="col-md-5 reviews_message">--}}
            {{--<h5>22.05.2017</h5>--}}
            {{--<span>Автор:<a href=""> Полянин Алексей</a></span>--}}
            {{--<p>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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>--}}
            {{--<a class="reviews_message_more" href="">Детальніше &rarr;</a>--}}
            {{--</div>--}}
            {{--</div>--}}
            {{--<div class="row">--}}
                {{--<div class="col-md-12 reviews_more">--}}
                    {{--<button>всі відгуки</button>--}}
                {{--</div>--}}
            {{--</div>--}}

        {{--</div>--}}
    {{--</section>--}}

@endsection