{% extends 'admin_base_layout.html' %}
{% load static %}
{% block content %}
<!-- html code -->
<title>Seer | Booking 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">Booking Details</h2>
	    					</div>
	    				</div>
	    			</div>
	    		</div>
                <div class="card dashboard-card book-details text-center">
                    <div class="boking-details">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <div class="fortune-icon welcome-head">
                                    <h3 class="f-16 text-center">Fortune Teller</h3>
                                    <img class="booking-icons" src="{% if booking_obj.fortune_teller.image %}{{ booking_obj.fortune_teller.image }}{% else %}{% static 'admin/images/user-default.png' %}{% endif %}" />
                                    <h6 class="f-14 text-center">{{booking_obj.fortune_teller.first_name}} {{booking_obj.fortune_teller.last_name}}</h6>
                                </div>
                            </div>
                            <div class="col-12 col-md-6">
                                <div class="fortune-icon welcome-head">
                                    <h3 class="f-16 text-center">User</h3>
                                    <img class="booking-icons" src="{% if booking_obj.seer_user.primary_image %}{{ booking_obj.seer_user.primary_image }}{% else %}{% static 'admin/images/user-default.png' %}{% endif %}" />
                                    <h6 class="f-14 text-center">{{ booking_obj.seer_user.first_name }} {{ booking_obj.seer_user.last_name }}</h6>
                                </div>
                            </div>
                        </div>
                        <div class="booking-details-content">
                            <ul class="book-listi">
                                <li><strong>Appointment ID:</strong> <span> #{{ booking_obj.appointment_id}}</span></li>
                                <li><strong>Appointment Date:</strong> <span> {{ booking_obj.appointment_date}}</span></li>
                                <li><strong>Appointment Time:</strong> <span> {{ booking_obj.appointment_time}}</span></li>
                                <li><strong>Service Name:</strong> <span>{{ booking_obj.service.service_name }}</span></li>
                                <li><strong>Service Type:</strong> <span> {{ booking_obj.service_type}}</span></li>
                                <li><strong>Appointment Status:</strong> <span> {{ booking_obj.appointment_status}}</span></li>
                                <li><strong>Appointment Completed:</strong> <span>{% if booking_obj.appointment_completed == False %} No {% else %} Yes {% endif %}</span></li>
                                <li><strong>Price:</strong> <span> ${{ booking_obj.price }}</span></li>
                            </ul>
                        </div>
                    </div>
                </div>
	    	</div>
	    </div>

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

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


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