@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ $post->blog_title }}</div>

                <div class="card-body">
                {!! $post->blog_post !!}
                </div>
                <div class="card-header">
                    <span class='clickableSpan'><i class="fas fa-thumbs-up"></i></span>
                    &nbsp;&nbsp;
                    <span class='clickableSpan'><i class="fas fa-thumbs-down"></i></span>
                </div>
            </div>

            <div class='card'>
                <div class='card-header'>Post a comment</div>
                <div class='card-body'>
                   <div id='root'>
                    @{{tester}}
                    </div>
                </div>
            </div>
            <div class='card'>
                <div class='card-header'>
                   Comments
                </div>
                <div class='card-body'>

                </div>
            </div>
        </div>
    </div>
</div>
@endsection