@extends('layouts.welcomelayouts.app')
@section('title')
<title>My Balance | subtitle</title>
@endsection
@section('SEO')
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
@endsection
@push('css')
<style>
    

.review-pro{
  cursor: pointer;
}
.review-pro a{
  text-decoration: none;
}

.rating-review {
  /*unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 22px; */
  /*margin-top: -6px;*/


}
.rating-review > span {
  /*display: inline-block;
  position: relative;*/
  /*width: 1.1em;*/
  /*color: #f37022;*/



}
.rating-review> span:before, .rating-review > span:before{
  /*content: "\2605";
   position: absolute;*/

}

.r-fill:before{
  content: "\2605";
  position: absolute;
}



.rating-review {
  unicode-bidi: bidi-override;
  direction: rtl;
  cursor: pointer;

}
.rating-review > span {
  display: inline-block;
  position: relative;
  font-size: 24px;
  /*width: 1.1em;*/
}
.rating-review > span:hover:before,
.rating-review > span:hover ~ span:before {
   content: "\2605";
   position: absolute;
}

.customer-review-heading{
  border-bottom: 2px solid #d7d7d7;
}
.top-customer-review{
  font-weight: bolder;
}
.review-by a{
  text-decoration: none;
}
.review-descr{
  font-size:   10pt;
    line-height: 10pt;
}
    .usersidebardiv{
        padding:0;
    }
    @media only screen and (max-width: 600px) {
      .usersidebardiv {
        padding: 15px;
      }
    }

</style>

@endpush
@section('contents')
<div class="userdashboard">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-md-3 usersidebardiv">
            <div class="usersidebar">
                @include('users.include.sidebar')
            </div>
        </div>
        <div class="col-md-9">
            <div class="usercontent">
                <div class="myrecentorder">
                    <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 5px 0;">My Reviews</p>

                    @if(Auth::user()->reviews()->count())

                    <table class="table table-bordered">