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

<!-- Begin Page Content -->
<title>Manimaran | Refund Details</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <h2 class="topHead">Refund 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">Refund Information</h5>
                    <ul class="book-listing f-14">
                        <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.refund_amount }}</span></li>
                        <li><strong>Refund Status: </strong> <span>{{ refund_obj.status }}</span></li>
                    </ul>
                </div>
                {% if refund_obj.status == 'Pending' %}
                <form action="/pay-refund-amount/{{ refund_obj.id }}" method="post">
                {%csrf_token%}
                <div class="login-btn pt-3">
						<button class="dark-btn w-100" type="submit" >Refund</button>
					</div>    
                </div>
                </form>
                {% else %}
                <p class="text-align:center" style="
                    text-align: center;
                    margin-top: 20px;
                    color: green;
                    font-size: larger;
                    font-weight: 600;
                ">Refund already processed</p>
                {% endif %}
            </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 %}