@extends('layouts.main')

@section('title', 'Reviews')

@section('css') @endsection

@section('nav')
    @include('layouts.nav')
@endsection

@section('content')

    <!-- Main-body start -->
    <div class="main-body" >
        <div class="page-wrapper">


            <!-- Page header start -->
            <div class="page-header">

                <div class="page-header-title">
                    <h3>Reviews</h3>
                </div>

                <div class="page-header-breadcrumb">

                    <ul class="breadcrumb-title">
                        <li class="breadcrumb-item">
                            <a href="{{ url('/') }}">
                                <i class="icofont icofont-home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item"><a href="">Property</a>
                        </li>
                        <li class="breadcrumb-item"><a href="#!">Reviews</a>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- Page header end -->

            <!-- Page body start -->
            <div class="row">
                <div class="col-md-12">

                    @foreach( $reviews as $review )
                
                        <div class="card review-card">
                            <div class="card-block review-card-block">
                                            <ul class="media-list">
                                                <li class="media">
                                                    <div class="media-left m-r-15">
                                                        <a href="#">
                                                            <img class="media-object img-circle comment-img" src="assets/images/avatar-blank.jpg" alt="Generic placeholder image">
                                                        </a>
                                                         <h6 class="media-heading m-t-15">{{ $review->customer_name }}
                                                             {{--<br><span class="f-12 text-muted ">Sri Lanka</span>--}}
                                                            <br><span class="f-12 text-muted ">{{ $review->channel }}</span>
                                                            {{--<br><span class="f-12 text-muted ">Booking ID - 123456</span>--}}

                                                        </h6>
                                                    </div>
                                                    <div class="media-body">
                                                        <h6 class="media-heading"> Rating - {{ $review->rating }}/10
                                                       <span class="pull-right rating-text"> {{ $review->date }} </span> </h6>

                                                        <p class="m-b-0">{{ $review->comment }}. </p>

                                                        <hr>
                                                        <!-- Nested media object -->
                                                        <div class="media mt-2">
                                                            <a class="media-left" href="#">
                                                                <img class="media-object img-circle comment-img" src="assets/images/avatar-5.png" alt="Generic placeholder image">
                                                            </a>
                                                            <div class="media-body">
                                                              <!--   <h6 class="media-heading">Yoho Bed </h6> -->
                                                              <p class="m-b-0">
                                                                    <span class="m-r-15">
                                                                        <i class="fa fa-mail-reply color-grey"></i></span>
                                                                        Responded by Yoho Bed <br>
                                                                  {{ $review->reply }}.</p>
                                                                 <hr>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                            </div>  <!--  .card block -->
                        </div> <!--  .card  -->

                    @endforeach

                </div>
            </div>
        </div>
    </div>

@endsection

@section('scripts')


@endsection