@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>
  <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>
    
        
    </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>


    @if(Session::has('msg'))
<div class="alert alert-danger">
  <i class=" fas fa-fw fa-check" aria-hidden="true"></i> {!! session('msg') !!}
  <button type="button" class="close" data-dismiss="alert" aria-label="close">
  <span aria-hidden="true">&times;</span>
  </button>
</div>
@endif

 @if ($errors->any())
                <ul class="alert alert-danger">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            @endif


@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">
  
 ความคิดเห็นที่  {{++$r}}
    <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>
  </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('guest.blog.comment') }}" 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="ระบุ ชื่อผู้แสดงความคิดเห็น" value="{{ old('post_name','') }}">
            {!! $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="ระบุ อีเมล์ผู้แสดงความคิดเห็น"  value="{{ old('post_email','') }}">
            {!! $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="ระบุ เบอร์โทรผู้แสดงความคิดเห็น"  value="{{ old('post_tel','') }}">
            {!! $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="ระบุ ความคิดเห็น">{{ old('detail', '') }}</textarea>
            {!! $errors->first('detail', '
            <p class="form-text text-muted">:message</p>
            ') !!} </div>
        </div>
        <div class="form-group row">
      <label for="captcha" class="col-sm-2 control-label">รหัสยืนยัน</label>
            <div class="col-sm-3"> {!!captcha_img()!!} </div>
      <div class="col-sm-4">
        <input type="text" class="form-control" id="captcha" name="captcha" placeholder="กรอกรหัสตามภาพ" maxlength="100" required title="กรอกรหัสตามภาพ">
      </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