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

<!-- Begin Page Content -->
 <title>Manimaran | Booking Details</title>
<div class="container-fluid">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar mb-4">
            <h2 class="topHead">Booking 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">Booking Information</h5>
                    <ul class="book-listing f-14">
                        <li><strong>Booking ID: </strong> <span>{{booking_obj.booking_id}}</span></li>
                        <li><strong>Customer Name: </strong> <span>{{booking_obj.user.first_name}} {{booking_obj.user.last_name}}</span></li>
                        <li><strong>Worker Name: </strong> <span>{{booking_obj.worker.first_name}} {{booking_obj.worker.last_name}}</span></li>
                        <li><strong>Services Name: </strong> <span>{{ booking_obj.sub_services.name }} ({{ booking_obj.sub_services.category.name }})</span></li>
                        <li><strong>Booking Date: </strong> <span>{{ booking_obj.booking_date }}</span></li>
                        <li><strong>Booking Time: </strong> <span>{{ booking_obj.booking_time }}</span></li>
                        <li><strong>Booking Status: </strong> <span>{{ booking_obj.booking_status}}</span></li>
                        <li><strong>Booking Completed: </strong> <span>{{booking_obj.booking_completed}}</span></li>
                        <li><strong>Price: </strong> <span>£{{ booking_obj.price }}</span></li>
                        <li><strong>Platform Commission: </strong> <span>£{{ booking_obj.platform_fees }}</span></li>
                        <li><strong>Admin Commission: </strong> <span>£{{ booking_obj.admin_commission_fees }}</span></li>
                        <li><strong>Total Price: </strong> <span>£{{ booking_obj.total_amount }}</span></li>

                        <li><strong>Payment Status: </strong> <span>{{ booking_obj.is_paid }}</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 %}