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

<!-- Begin Page Content -->
<title>Refund Details</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <h1 class="f-20 mb-0">Refund Details</h1>
            <!-- <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">Refund Information</h5>
                    <ul class="book-listing f-13">
                        <li><strong>Booking ID: </strong> <span>{{refund_obj.booking.booking_id}}</span></li>
                        <li><strong>Customer Name: </strong> <span>{{refund_obj.booking.user.first_name}} {{refund_obj.booking.user.last_name}}</span></li>
                        <li><strong>Worker Name: </strong> <span>{{refund_obj.booking.worker.first_name}} {{refund_obj.booking.worker.last_name}}</span></li>
                        <li><strong>Services Name: </strong> <span>{{ refund_obj.booking.sub_services.name }} ({{ refund_obj.booking.sub_services.category.name }})</span></li>
                        <li><strong>Booking Date: </strong> <span>{{ refund_obj.booking.booking_date }}</span></li>
                        <li><strong>Booking Time: </strong> <span>{{ refund_obj.booking.booking_time }}</span></li>
                        <li><strong>Booking Status: </strong> <span>{{ refund_obj.booking.booking_status}}</span></li>
                        <li><strong>Price: </strong> <span>${{ refund_obj.price }}</span></li>
                        <li><strong>Refund Status: </strong> <span>${{ refund_obj.status }}</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 %}