{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<title>Seer | Payment Details</title>
	    <div class="main-content pt-0">
	    	<div class="content-wrapper">
	    		<div class="row">
	    			<div class="col-12">
	    				<div class="d-flex align-items-center justify-content-between">
	    					<div>
		    					<h2 class="topHead">Payment Details</h2>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
                <div class="card dashboard-card book-details text-center">
                    <div class="boking-details">
                        <div class="booking-details-content">
                            <ul class="book-listi">
                                <li><strong>Appointment ID:</strong> <span> #{{ payment_obj.booking.appointment_id}}</span></li>
                                <li><strong>Appointment Date:</strong> <span> {{ payment_obj.booking.appointment_date}}</span></li>
                                <li><strong>Appointment Time:</strong> <span> {{ payment_obj.booking.appointment_time}}</span></li>
                                <li><strong>Service Name:</strong> <span>{{ payment_obj.booking.service.service_name }}</span></li>
                                <li><strong>Service Type:</strong> <span> {{ payment_obj.booking.service_type}}</span></li>
                                <li><strong>Appointment Status:</strong> <span> {{ payment_obj.booking.appointment_status}}</span></li>
                                <li><strong>Price:</strong> <span> ${{ payment_obj.booking.price }}</span></li>
                                <li><strong>Txn Id:</strong> <span> {{ payment_obj.txn_id }}</span></li>
                                <li><strong>Recipet Url:</strong> <span style="word-break: break-all;"> {{ payment_obj.recipet_url }}</span></li>
                                <li><strong>Payment Mode:</strong> <span> {{ payment_obj.payment_mode }}</span></li>
                                <li><strong>Payment Date:</strong> <span> {{ payment_obj.created_at }}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
	    	</div>
	    </div>

<!-- end of html code -->
{%endblock%}

{%block js%}
<!-- js code -->


<!-- end of js -->
{% endblock %}