@extends('dashboard::layouts.app-user')

@section('app-user-content')

    {{--@if($hackathons->isEmpty())--}}
        {{--<div class="no-hackathons-in-category-image">--}}
            {{--<img src="/images/app/hackathon/empty-category-hackathons.png" alt = "Not Found" />--}}
        {{--</div>--}}
    {{--@endif--}}

    <div class="row">
        <div class="col-sm-8 col-xs-12">
            <div class="row">
                <div class="col-xs-12">
                    <div class="hackathons-list-block">
                        <h3 class = "hackathons-heading light-font bold">
                            @if(isset($myHackathonsTitle))
                                {{ $myHackathonsTitle }}
                            @else
                                RECENT HACKATHONS
                            @endif
                        </h3>
                    </div>
                </div>
                <div class="hackathons-list clearfix">
                    @include('dashboard::partials.session')
                    @if(Request::query('phrase'))
                        <div class="search-info-container">
                            <p>Found <b>{{ $resultCount }}</b> results, searched by phrase: <b>"{{ Request::query('phrase') }}"</b></p>
                            <a href="{{ route('app.hackathons') }}" class="back-to-hackathons-list grey-button">Back to list</a>
                        </div>
                    @endif
                    @if(!$hackathons->isEmpty())
                        <div class="row">
                            @foreach($hackathons as $hackathon)
                                <div class="col-lg-6 col-md-12 col-xs-12 pos-rel">
                                    <input type="hidden" name = "_token" value="{{ csrf_token() }}">
                                    <div class="rating-container {{ isset($userRatedHackathonIds) && in_array($hackathon->id, $userRatedHackathonIds) || $hackathon->is_demo !== 1 && isset($userBoughtHackathonIds) && !in_array($hackathon->id, $userBoughtHackathonIds) ? 'unavailable-ratings' : ''}}" data-id="{{$hackathon->id}}">
                                        <i class="demo-icon icon-flash-outline {{ $hackathon->is_demo == 1 || isset($userRatedHackathonIds) && !in_array($hackathon->id, $userRatedHackathonIds) && isset($userBoughtHackathonIds) && in_array($hackathon->id, $userBoughtHackathonIds) ? 'customized-class' : ''}}" data-value="1"></i>
                                        <i class="demo-icon icon-flash-outline {{ $hackathon->is_demo == 1 || isset($userRatedHackathonIds) && !in_array($hackathon->id, $userRatedHackathonIds) && isset($userBoughtHackathonIds) && in_array($hackathon->id, $userBoughtHackathonIds) ? 'customized-class' : ''}}" data-value="2"></i>
                                        <i class="demo-icon icon-flash-outline {{ $hackathon->is_demo == 1 || isset($userRatedHackathonIds) && !in_array($hackathon->id, $userRatedHackathonIds) && isset($userBoughtHackathonIds) && in_array($hackathon->id, $userBoughtHackathonIds) ? 'customized-class' : ''}}" data-value="3"></i>
                                        <i class="demo-icon icon-flash-outline {{ $hackathon->is_demo == 1 || isset($userRatedHackathonIds) && !in_array($hackathon->id, $userRatedHackathonIds) && isset($userBoughtHackathonIds) && in_array($hackathon->id, $userBoughtHackathonIds) ? 'customized-class' : ''}}" data-value="4"></i>
                                        <i class="demo-icon icon-flash-outline {{ $hackathon->is_demo == 1 || isset($userRatedHackathonIds) && !in_array($hackathon->id, $userRatedHackathonIds) && isset($userBoughtHackathonIds) && in_array($hackathon->id, $userBoughtHackathonIds) ? 'customized-class' : ''}}" data-value="5"></i>
                                    </div>
                                    <div class="hackathon-loader">
                                        <img src="/images/app/hackathon/loader.gif" alt="Loader" />
                                    </div>
                                    <div onclick="window.location.href = '{{ route('hackathon.provide-info', [$hackathon->slug]) }}'" class="item-hackathon">
                                        @if(!$hackathon->files->isEmpty())
                                            <img src="/thumbnails/modules/hackathon/entities/hackathon/{{ $hackathon->id }}/420x180/{{ $hackathon->files->first()->name }}" alt="Image" />
                                        @else
                                            <img src="/images/app/not-found.jpg" alt="">
                                        @endif
                                        <div class="teaser clearfix">
                                            <h2 class="text-right hackathons-title">
                                                {{ $hackathon->title }}
                                            </h2>
                                            <div class="text-teaser dsp-none">
                                                {!! $hackathon->teaser !!}
                                            </div>
                                            <div class="hackathon-actions clearfix">
                                                <div class="hackathons-list-actions">
                                                    {!! $hackathon->present()->showLinkToPayPalOrButtonStartHackathon($hackathon) !!}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="people-purchased pull-right">
                                        @if($hackathon->is_demo == 0)
                                            <span class="amount">
                                                {{ $hackathon->people_purchased }}
                                            </span> purchased,
                                        @endif
                                        <span class="amount">
                                            {{ $hackathon->people_finished }}
                                        </span> finished
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        @include('dashboard::partials.pagination', ['paginator' => $hackathons, 'linkLimit' => 7])
                    @else
                        <div class="epic-programming-is-coming-soon-text">
                            epic_ <br>
                            programming_is_ <br>
                            coming <br>
                            _soon <br>
                        </div>
                    @endif
                </div>
            </div>
        </div>
        <div class="col-xs-4 hidden-xs">
            {{--@include('dashboard::frontend.partials.search')--}}
            <div class="hackathons-description">
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div id="learnMoreModal" class="modal fade" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title"></h4>
                </div>
                <div class="modal-body">
                    <div class="loader">
                        <img src="/images/app/hackathon/loader.gif" alt="Loader" />
                    </div>
                    <div class="insert-content">
                        
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="button-app form-control-app" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>


    <script>
        $(document).ready(function(){
            $('.item-hackathon').hover(function(){
                $('.hackathons-description').empty();
                var content = $(this).find('.text-teaser').text();
                $('.hackathons-description').html(content);
            });

            @foreach($hackathonRatings as $key => $rating)
                @if(gettype($rating) =='double')
                    $('.rating-container[data-id="' + {{ $key }} + '"]').find('i[data-value="' + Math.ceil("{{ $rating }}") + '"]').addClass('always-active').prevAll().andSelf().removeClass('icon-flash-outline').addClass('icon-flash');
                @endif
            @endforeach
        });
    </script>
@endsection