@layout('admin/master')
@section('content')
  <section class="main-content">
    <div class="row">
        
        <div class="col-sm-12">
            @if(hasErrorFor('errors'))
              @!component('admin.flash-errors', {errors: getErrorFor('errors')})
            @endif
            @if(hasErrorFor('error'))
            @!component('admin.flash-error', error = getErrorFor('error') )
            @endif
            @if(flashMessage('success'))
            @!component('admin.flash-success', success = flashMessage('success') )
            @endif
            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header card-default">
                            Reporter
                        </div>
                        <div class="card-body">
                            <div class='widget white-bg friends-group clearfix'>
                                <small class="text-muted">Email address </small>
                                <p>{{ record.user.email }}</p> 
                                <small class="text-muted">Address</small>
                                <p>{{ record.user.address }}</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header card-default">
                            Post
                        </div>
                        <div class="card-body">
                            <div class="tab-content">
                                <div role="tabpanel" class="tab-pane active" id="timeline">
                                    <div class="widget white-bg">
                                        <ul class="comments-list list-unstyled clearfix">
                                            <li class="clearfix">
                                                <img src={{ storageUrl(record.post.user.image_url ) }} alt="" height="80" width="80" class="rounded-circle circle-border">
                                                <div class="content">
                                                    <div class="comments-header">
                                                        <strong>{{ record.post.user.name }}</strong>
                                                        <small class="text-muted">{{ record.created_at }}</small>
                                                    </div>
                                                    <p>{{ record.post.description }}</p>
                                                    <ul class="list-inline row">
                                                        @each(media in record.post.media)
                                                        <li><a href="#">
                                                            <img alt="" src={{ storageUrl(media.file_url)}} class="img-fluid rounded" height="100" width="100">
                                                        </a></li>
                                                        @endeach
                                                    </ul>
                                                    <ul class="list-inline row">
                                                        <li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-comments text-primary"></i> {{ record.post.comment.length }}</a></li>
                                                        <li class="nav-item"><a class="nav-link" href="#"><i class="fa fa-thumbs-up text-danger"></i> {{ record.post.like.length }}</a></li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <form method="post">
                                        {{ csrfField() }}
                                        <input type="hidden" name="slug" value="{{ record.post.slug }}">
                                        <div class="form-group">
                                            <label for="status">Status</label>
                                            <select id="status" name="status" class="form-control">
                                                <option value="1" {{ record.post.status == '1' ? 'selected' : '' }}>Active</option>
                                                <option value="0" {{ record.post.status == '0' ? 'selected' : '' }}>Disabled</option>
                                            </select>
                                        </div>
                                        <div class="form-group">
                                            <div class="buttons" style="display: flex; justify-content: end">
                                                <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
           </div>
        </div>
    </div>
    @include('admin.footer')
  </section>
@endsection