@extends('layout.master')
@section('css')
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.min.css"
        crossorigin="anonymous">
    <link href="{{ asset('css/fileinput.css') }}" rel="stylesheet" />
    <style>
        .dropdown.bootstrap-select>.btn,
        .dropdown.bootstrap-select>.btn:hover,
        .dropdown.bootstrap-select>.btn:active,
        .dropdown.bootstrap-select>.btn:visited,
        .dropdown.bootstrap-select>.btn:focus {
            background-color: transparent;
            color: #495057;
            text-transform: none;
            font-family: "Roboto", "Helvetica", "Arial", sans-serif;
        }

        .file-drop-zone {
            border: none;
        }

    </style>
@stop
@section('content')
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12 col-md-12">
                    <div class="card">
                        <div class="card-header card-header-warning">
                            <ul data-tabs="tabs" class="nav nav-tabs pull-right">
                                <li class="nav-item">
                                    <a class="nav-link active" href="{{ route('Communities.view', $comment->post_id) }}">
                                        <i class="material-icons">arrow_back</i> Back
                                        <div class="ripple-container"></div>
                                    </a>
                                </li>
                            </ul>
                            <h4 class="card-title">Comment Details</h4>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="d-flex">
                                        <label class="col-sm-3 col-form-label"> Comment</label>
                                        <div class="col-sm-8 form-group bmd-form-group">
                                            {{ $comment->comment }}
                                        </div>
                                    </div>
                                    <div class="d-flex">
                                        <label class="col-sm-3 mt-0 col-form-label"> Added By</label>
                                        <div class="col-sm-8 form-group bmd-form-group">
                                            {{ $comment->get_user_details->username }}
                                        </div>
                                    </div>
                                    <div class="d-flex">
                                        <label class="col-sm-3 col-form-label"> Added Date</label>
                                        <div class="col-sm-8 form-group bmd-form-group">
                                            {{ date(config('app.date_format_date_time'), strtotime($comment->created_at)) }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop
@section('script')
    <script src="{{ asset('js/communities/view.js') }}" type="text/javascript"></script>
    <script>
        var Communities_url = "{{ route('Communities') }}";
    </script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>
    <script src="{{ asset('js/image/fileinput.js') }}" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js">
    </script>
    <script>
    @stop