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

@section('app-user-content')

    <div id="fb-root">
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="padded-area view-hack-area">
                <div class="row">
                    <div class="col-md-9">
                        <div class="clearfix view-hack-action-and-title">
                            <div class="left-side-view-hack-container">
                                <div class="hacks top-left">
                                    @include('dashboard::frontend.partials.button', ['name' => 'hacks', 'arrow' => true, 'route' => route('hackathon.hacks', $hackathon->slug)])
                                </div>
                                <div class="hacks top-right view-hack-top-right">
                                    <div class="view-hack-heading light-font">
                                        <h3>"{{ $hack->title }}"</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-9 col-xs-12">
                        <div class="left-side-view-hack-container">
                            <div class = "hack-title-container">
                                @if(strpos(Request::url(), 'preview') !== false)
                                    <a href="{{ route('admin.hacks', $hackathon->id) }}" class="return-to-admin-panel grey-button">Return To ADMIN PANEL</a>
                                @endif
                            </div>
                            <div class="main-item-image">
                                @if(!$hack->videos->isEmpty())
                                    <div class="video-iframe text-center">
                                        <div class="video-wrapper">
                                            <div class="watch-this bold medium-font">
                                                <div class="watch-this-text">WATCH THIS</div>
                                            </div>
                                            {!! $hack->videos->first()->link !!}
                                        </div>
                                    </div>
                                @else
                                    @if(!$hack->images->isEmpty())
                                        <img src="/thumbnails/modules/hack/entities/hack/{{ $hack->id }}/900x400/{{ $hack->images()->first()->name }}" alt="Image" />
                                    @else
                                        <img src="http://placehold.it/1920x900" alt="Image" />
                                    @endif
                                @endif
                            </div>
                            <div class="content">
                                <div class="row">
                                    <div class="col-xs-12">
                                        <div class="hack-description">
                                            {!! $hack->content !!}
                                        </div>
                                    </div>
                                </div>
                                {{--<div class="row">--}}
                                    {{--<div class="col-xs-12">--}}
                                        {{--<div class="share-buttons">--}}
                                            {{--<div class="share-with-twitter">--}}
                                                {{--<a id="tweet-container">--}}
                                                {{--</a>--}}
                                            {{--</div>--}}
                                            {{--<div class="share-with-facebook">--}}
                                                {{--<a href = "#" id="share_button"><i class="fa fa-facebook"></i>Share</a>--}}
                                            {{--</div>--}}
                                            {{--<div class="share-with-linkedin">--}}
                                                {{--<a href="http://www.linkedin.com/shareArticle?mini=true&url={{ \Illuminate\Support\Facades\URL::to('/') }}--}}
                                                        {{--&title={{ $hack->title }}--}}
                                                        {{--&summary={{ $hack->description }}--}}
                                                        {{--&source={{ route('hackathon.preview-hack', [$hackathon->slug, $hack->slug]) }}" target="_new"><i class="fa fa-linkedin" aria-hidden="true"></i>Share</a>--}}
                                            {{--</div>--}}
                                        {{--</div>--}}
                                    {{--</div>--}}
                                {{--</div>--}}
                                @if((!$hack->questionnaire || $hack->questionnaire->questions->isEmpty()) && $hackathon->is_demo == 0)
                                    @if($hack->getHidden(['is_finished']) != null)
                                        @if($hack->getHidden()['is_finished'] == 0)
                                            <div class="questionnaire">
                                                @include('dashboard::frontend.partials.button', ['name' => 'finish hack', 'route' => route('hackathon.finish-hack', [$hackathon->slug, $hack->slug])])
                                            </div>
                                        @else
                                            <div class="finished-hack-info">
                                                <p>You have already finished this hack</p>
                                            </div>
                                        @endif
                                    @endif
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12">
                        @include('hack::frontend.partials.right-side')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    <script type="text/javascript" src="http://w.soundcloud.com/player/api.js"></script>
    <script src="/vendor/lightbox/dist/js/lightbox.min.js"></script>
    <script src="/js/app/view-hack.js"></script>
    {{--<script>--}}
        {{--var hackTitle = $.trim($('.hack-title').text());--}}
        {{--var hackDescription = $.trim($('.hack-description').text());--}}

        {{--twttr.widgets.createShareButton(--}}
            {{--"{{ route('hackathon.preview-hack', [$hackathon->slug, $hack->slug]) }}",--}}
            {{--document.getElementById("tweet-container"),--}}
            {{--{--}}
                {{--size: "default",--}}
                {{--via: "SELF_HACKATHON",--}}
                {{--related: "twitterapi,twitter",--}}
                {{--text: hackTitle,--}}
                {{--hashtags: "selfhackathon, hack"--}}
            {{--}--}}
        {{--);--}}

        {{--window.fbAsyncInit = function() {--}}
            {{--FB.init({appId: "{{ env("FACEBOOK_CLIENT_ID")  }}", status: true, cookie: true,--}}
                {{--xfbml: true});--}}
        {{--};--}}

        {{--(function() {--}}
            {{--var e = document.createElement('script'); e.async = true;--}}
            {{--e.src = document.location.protocol +--}}
                    {{--'//connect.facebook.net/en_US/all.js';--}}
            {{--document.getElementById('fb-root').appendChild(e);--}}
        {{--}());--}}

        {{--$(document).ready(function(){--}}
            {{--$('#share_button').click(function(e){--}}
                {{--e.preventDefault();--}}
                {{--FB.ui(--}}
                    {{--{--}}
                        {{--method: 'feed',--}}
                        {{--name: 'SELF_HACKATHON',--}}
                        {{--link: "{{ route('hackathon.preview-hack', [$hackathon->slug, $hack->slug]) }}",--}}
                        {{--picture: "{{ (!$hack->images->isEmpty()) ? Request::root() . '/thumbnails/modules/hack/entities/hack/' . $hack->id . '/' . $hack->images->first()->name : Request::root() . '/images/admin/logo.png' }}",--}}
                        {{--caption: hackTitle,--}}
                        {{--description: hackDescription,--}}
                        {{--message: ''--}}
                    {{--});--}}
            {{--});--}}
        {{--});--}}

    {{--</script>--}}
@endsection