@extends('dashboard::layouts.hack-preview', ['hacks' => $hackathon->hacks, 'hackathon' => $hackathon])

@section('app-user-content')
    <div class="row">
        <div class="col-md-9 col-xs-12">
            <div class="padded-area view-hack-area">
                <div>
                    <h1 class="title hack-title">
                        {{ $hack->title }}
                    </h1>
                </div>
                <div class="main-item-image preview-hack-image">
                    @if(!$hack->images->isEmpty())
                        <img src="/uploads/modules/hack/entities/hack/{{ $hack->id }}/{{ $hack->images()->first()->name }}" alt="Image" />
                    @else
                        <img src="http://placehold.it/1920x900" alt="Image" />
                    @endif
                </div>
                <div class="preview-hack-content content">
                    <div class="row">
                        <div class="col-xs-12">
                            {!! $hack->content_unlogged !!}
                        </div>
                    </div>
                </div>
                @if($hackathon->is_demo !== 1)
                    <div class="people-purchased from-preview">
                            <span class="amount">
                                {{ $hackathon->people_purchased }}
                            </span> people purchased this hackathon
                    </div>
                @endif
                <div class="log-in-from-preview">
                    <div class="teaser-text-to-buy">
                        @if($hackathon->is_demo !== 1)
                            Want to buy it?
                        @else
                            Want to see full hack?
                        @endif
                        Please, log in or register...
                    </div>
                    <div class="sign-in from-preview">
                        <a href="{{ route('app.login') }}" class="app-button text-center">LOG IN</a>
                    </div>
                    <div class="sign-up from-preview">
                        <a href="{{ route('app.register') }}" class="app-button text-center">SIGN UP</a>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection