@extends('layout.front')
@section('css_page_level')
@endsection
@section('page-content')
<link href="{{ asset('css/theme.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/style.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/dripicon.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/typicons.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/font-awesome.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/responsive.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('css/mail.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('js/tip/tooltipster.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('js/vegas/jquery.vegas.css') }}" rel="stylesheet" type="text/css"/>
<link href="{{ asset('js/vegas/jquery.vegas.css') }}" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>

            <div class="wrap-fluid" id="paper-bg">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="box">
                            <div class="box-header">
                                <!-- tools box -->
                                <div class="pull-right box-tools">
                                </div>
                                <h3 class="box-title"><i class="fontello-doc"></i>
                                    <span>社區討論區--{!!$forum->title!!}</span>
                                </h3>
                            </div>
                            <div id="content-mail" class="bg-amber">
                            <div class="table-responsive">
                                <!-- THE MESSAGES -->
                                <table class="table table-mailbox">
                                    <tr class="unread">
                                        <td class="small-col"><i class="fa fa-star"></i>
                                        </td>
                                        <td class="name">
                                            <a href="#">
                                                <img alt="" class="img-circle star" src="http://api.randomuser.me/portraits/thumb/men/22.jpg">
                                            </a>
                                        </td>
                                        <td> {!!$forum->title!!}</td>
                                        <td class="subject">
                                            <p class="email-summary">
                                                <strong> {!!$forum->content!!}</p>
                                        </td>
                                        <td class="time text-right">{{$forum->created_at}} </td>
                                    </tr>

                                    @foreach($forum_comments as $forum_comment)
                                        <tr class="unread">
                                            <td class="small-col">
                                            </td>
                                            <td class="name">
                                                <a href="#">
                                                    {{$forum_comment->author}}
                                                </a>
                                            </td>
                                            <td> {!!$forum_comment->title!!}</td>
                                            <td class="subject">
                                                <p class="email-summary">
                                                    <strong> {!!$forum_comment->content!!}</p>
                                            </td>
                                            <td class="time text-right">{{$forum_comment->created_at}} </td>
                                        </tr>
                                    @endforeach

                                    <!-- END OF THREE -->
                                </table>
                            </div>
                            <div class="form-group">
                                                    <div class="col-md-12">
                                                        <form id="form_add_comment" action="{{ route('website::post_forum') }}" method="POST" >
                                                            <input type="hidden" name="parent_id" value="{{$forum->id}}">
                                                            <input type="hidden" name="_token" value="{{ csrf_token() }}">
                                                            <input type="hidden" name="title" value="Re: {{$forum->title}}">
                                                            <ul class="media-list">
                                                                <li class="media">
                                                                    <div class="media-body">
                                                                        <p>回應討論</p>
                                                                        <textarea name="content" id="content" rows="10" cols="80"></textarea>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                            <button id="btn_add_comment" type="submit" class="btn btn-default"> &nbsp; 送出 &nbsp; </button>
                                                        </form>
                                                    </div>
                                                </div>
                            <!-- /.table-responsive -->

                        </div>
                        <!-- /.box -->
                    </div>
                </div>


            </div>
            <!-- #/paper bg -->
@endsection