@extends('layouts.app')

@section('content')
<div class="card border-info">
  <div class="card-header bg-info text-white">
    <h5  class="my-1 float-left"> @if($blog->public=='YES') <i class="fas fa-eye"></i> @else <i class="fas fa-eye-slash"></i> @endif
      
      {{ $blog->topic }}</h5>
    <div class="float-right">
      <form method="POST" action="{!! route('blogs.blog.destroy', $blog->id) !!}" accept-charset="UTF-8">
        <input name="_method" value="DELETE" type="hidden">
        {{ csrf_field() }}
        <div class="btn-group btn-group-sm" role="group">
          <a href="{{ route('blogs.blog.index') }}" class="btn btn-primary" title="แสดง Blog ทั้งหมด">
          <i class="fas fa-fw fa-th-list" aria-hidden="true"></i>
          </a>
          <a href="{{ route('blogs.blog.create') }}" class="btn btn-success" title="เพิ่ม Blog ใหม่">
          <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
          </a>
          <a href="{{ route('blogs.blog.edit', $blog->id ) }}" class="btn btn-primary" title="แก้ไขข้อมูล Blog">
          <i class="fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
          </a>
          <button type="submit" class="btn btn-danger" title="ลบ Blog ทิ้ง" onclick="return confirm(&quot;คลิก OK เพื่อยืนยันการลบ Blog?&quot;)">
          <i class="fas fa-fw fa-trash-alt" aria-hidden="true"></i>
          </button>
        </div>
      </form>
    </div>
  </div>
  <div class="card-body">
    
    
    
 
    
    
    <div class="row">
      <div class="col-sm-2">เนื้อหา</div>
      <div class="col-sm-4">{{ $blog->detail }}</div>
    </div>
    <small>
    <div class="row">
      <div class="col-sm-12" align="right">ตั้งโดย : {{ $blog->post_name }} เมื่อ : {{ $blog->created_at }} , ผู้เผยแพร่ : {{ optional($blog->user)->name }}</div>
    </div>
    <div class="row">
      <div class="col-sm-12"  align="right">Email ผู้ตั้งกระทู้ : {{ $blog->post_email }}  เบอร์โทรผู้ตั้งกระทู้ : {{ $blog->post_tel }}</div>
    </div>
    </small>
  </div>
</div>
<div align="center" style="padding:1rem" >
  <button class="btn btn-info" data-toggle="modal" data-target="#comment">ตอบกระทู้</button>
</div>

<div style="border-bottom:hsla(0,0%,59%,1.00) 1px solid; margin-bottom:10px">การตอบกระทู้</div>

@foreach($comments as $comment)
<div class="row">
<div class="col-sm-11  @if($r%2==1) offset-sm-1 @endif" >

<div class="card border-primary" style="margin-bottom:10px">
  <div class="card-body">
  
 
    <div class="row">
       
      <div class="col-sm-12">{{ $comment->detail }}</div>
    </div>
    <small>
    <div class="row">
      <div class="col-sm-12" align="right">ตอบโดย : {{ $comment->post_name }} เมื่อ : {{ $comment->created_at }}</div>
    </div>
    <div class="row">
      <div class="col-sm-12"  align="right">Email ผู้ตั้งกระทู้ : {{ $comment->post_email }}  เบอร์โทรผู้ตั้งกระทู้ : {{ $comment->post_tel }}</div>
    </div>
    </small>
    </div>
                <form method="POST" action="{!! route('comments.comment.destroy', $comment->id) !!}" accept-charset="UTF-8">
                                <input name="_method" value="DELETE" type="hidden">
                                {{ csrf_field() }}

                                    <div class="btn-group btn-group-sm float-right" role="group">
                                         
                                        <a href="{{ route('comments.comment.edit', $comment->id ) }}" class="btn btn-primary" title="แก้ไขข้อมูล Comment">
                                            <i class=" fas fa-fw fa-pencil-alt" aria-hidden="true"></i>
                                        </a>

                                        <button type="submit" class="btn btn-danger" title="ลบ Comment ทิ้ง" onclick="return confirm(&quot;คลิก OK เพื่อยืนยันการลบ Comment&quot;)">
                                            <i class=" fas fa-fw fa-trash-alt" aria-hidden="true"></i>
                                        </button>
                                    </div>

                                </form>
  </div>
  
  </div>
    </div>
@endforeach





<!-- Modal -->
<div class="modal fade" id="comment" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">ตอบกระทู้ {{ $blog->topic }}</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form method="POST" action="{{ route('comments.comment.store') }}" accept-charset="UTF-8" id="create_comment_form" name="create_comment_form" class="form-horizontal">
            {{ csrf_field() }}
      <div class="modal-body">
        <div class="form-group row {{ $errors->has('post_name') ? 'has-error' : '' }}">
          <label for="post_name" class="col-md-2 control-label">ชื่อผู้แสดงความคิดเห็น</label>
          <div class="col-md-10">
            <input class="form-control" name="post_name" type="text" id="post_name"  maxlength="50" placeholder="ระบุ ชื่อผู้แสดงความคิดเห็น">
            {!! $errors->first('post_name', '
            <p class="form-text text-muted">:message</p>
            ') !!} </div>
        </div>
        <div class="form-group row {{ $errors->has('post_email') ? 'has-error' : '' }}">
          <label for="post_email" class="col-md-2 control-label">อีเมล์ผู้แสดงความคิดเห็น</label>
          <div class="col-md-10">
            <input class="form-control" name="post_email" type="text" id="post_email"   maxlength="128" placeholder="ระบุ อีเมล์ผู้แสดงความคิดเห็น">
            {!! $errors->first('post_email', '
            <p class="form-text text-muted">:message</p>
            ') !!} </div>
        </div>
        <div class="form-group row {{ $errors->has('post_tel') ? 'has-error' : '' }}">
          <label for="post_tel" class="col-md-2 control-label">เบอร์โทรผู้แสดงความคิดเห็น</label>
          <div class="col-md-10">
            <input class="form-control" name="post_tel" type="text" id="post_tel"  maxlength="20" placeholder="ระบุ เบอร์โทรผู้แสดงความคิดเห็น">
            {!! $errors->first('post_tel', '
            <p class="form-text text-muted">:message</p>
            ') !!} </div>
        </div>
        <input type="hidden" name="blogs_id" value="{{$blog->id}}">
        
        <div class="form-group row {{ $errors->has('detail') ? 'has-error' : '' }}">
          <label for="detail" class="col-md-2 control-label">ความคิดเห็น</label>
          <div class="col-md-10">
            <textarea class="form-control" name="detail" cols="50" rows="10" id="detail" required placeholder="ระบุ ความคิดเห็น"></textarea>
            {!! $errors->first('detail', '
            <p class="form-text text-muted">:message</p>
            ') !!} </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">ปิด</button>
        <button type="submit" class="btn btn-primary">ตอบกระทู้</button>
      </div>
      </form>
    </div>
  </div>
</div>
@endsection