<div class="box" style="margin-top: 20px">
    <div class="box-title">{{$game->title}}</div>
    <div class="box-content">
        <div class="game-panel">
            {{$game->iframe_content}}
        </div>


    </div>
</div>

<div class="left-column">
    <div class="box">
        <div class="box-content">
            <div class="game-stats clearfix">
                <div class="pull-left">
                    <h4><span>{{$game->countComments()}}</span> Comments</h4>
                </div>

                <div class="pull-right">
                    <a href="javascript:void(0)" onclick="return window.open(
                             'http://www.facebook.com/sharer.php?u={{route('game', ['id' => $game->id])}}'
                             , 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')"
                        ><i style="display: inline-block;width: 15%;text-align: center" class="icon ion-social-facebook"></i> </a>

                    <a href="javascript:void(0)" onclick="return window.open(
                             'http://twitter.com/share?url={{route('game', ['id' => $game->id])}}'
                             , 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')"
                        ><i style="display: inline-block;width: 15%;text-align: center" class="icon ion-social-twitter"></i> </a>

                    <a href="javascript:void(0)" onclick="return window.open(
                             'https://plus.google.com/share?url={{route('game', ['id' => $game->id])}}'
                             , 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')"
                        ><i style="display: inline-block;width: 15%;text-align: center" class="icon ion-social-googleplus"></i></a>


                    <a href="javascript:void(0)" onclick="return window.open(
                             'http://www.linkedin.com/shareArticle?mini=true&url={{route('game', ['id' => $game->id])}}'
                             , 'targetWindow', 'toolbar=no,location=no,status=no,scrollbar=yes,resizable=no,width=600,height=400')"
                        ><i style="display: inline-block;width: 15%;text-align: center" class="icon ion-social-linkedin-outline"></i></a>

                </div>
            </div>

            <div class="post-replies" id="game-post-replies" data-limit="10" data-offset="0" data-type="game" data-type-id="{{$game->id}}">
                @if(Auth::check())

                {{Theme::section('comment.form', ['typeId' => $game->id, 'type' => 'game'])}}
                @endif

                @if($game->countComments() > 10)
                <a href="" class="load-more-comment" data-target="#game-post-replies"><i class="icon ion-more"></i> View more comments <img class="indicator" src="{{Theme::asset()->img('theme/images/loading.gif')}}"/></a>
                @endif
                <div id="game-{{$game->id}}-reply-lists" class="replies-list">

                    @foreach($game->comments->take(10)->reverse() as $comment)

                    {{Theme::section('comment.display', ['comment' => $comment])}}

                    @endforeach
                </div>


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

<div class="right-column">
    {{Theme::section('game.profile.widget')}}
    {{Theme::widget()->get('game-profile')}}
</div>