{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}

<!-- Begin Page Content -->
<title>Manimaran | Rating Review Details</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <h2 class="topHead">Rating Review Details</h2>
            <!-- <p class="f-13">Welcome to Lorem Ipsum Admin Dashboard</p> -->
        </div>
        <div class="row booking-details justify-content-center">
            <div class="col-12 col-md-12 col-lg-10">
                <div class="card p-4">
                    <h5 class="f-18">Rating Review Information</h5>
                    <ul class="book-listing f-14">
                        <li><strong>Customer Name: </strong> <span>{{rating_obj.user.first_name}} {{rating_obj.user.last_name}}</span></li>
                        <li><strong>Service Provider Name: </strong> <span>{{rating_obj.service_provider.first_name}} {{rating_obj.service_provider.last_name}}</span></li>
                        <li><strong>Booking ID: </strong> <span>{{ rating_obj.booking.booking_id }}</span></li>
                        
                        <li><strong>Rating: </strong>
                            <ul class="rating-star">
                                {% if rating_obj.rating ==  1 %}
                                            <li><i class="fa-solid fa-star"></i></li>
                                            {% elif rating_obj.rating ==  2 %}
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            {% elif rating_obj.rating ==  3 %}
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                             {% elif rating_obj.rating ==  4 %}
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            {% else %}
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                            <li><i class="fa-solid fa-star"></i></li>
                                {% endif %}
                            </ul>
                        </li>
                        <li><strong>Review: </strong> <span>{{ rating_obj.review }}</span></li>
                        <li><strong>Rating Date: </strong> <span>{{ rating_obj.start_date|date:"d M  Y" }}</span></li>
                    </ul>
                </div>
                
            </div>
        </div>
    </div>
</div>

<!-- /.container-fluid -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
  integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
  integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

{% endblock %}