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

<!-- Begin Page Content -->
<style>
.doctor-details-content.commision {
    display: flex;
   flex-flow: row wrap;
   gap: 15px 32px;
   font-size: 14px;
}
.doctor-details-content.commision .timing-sun {
   width: 20%;
}
.doctor-details-content.commision .timing-sun p {
   margin: 0;
   font-size: 13px;
}


.clinic ul.clinic-info-listing {
    gap: 22px 10px;
    background: #f9f9f9;
   padding: 12px;
   border-radius: 10px;
   border: 1px solid #ddd;
}

.clinic ul.clinic-info-listing li {
   width: 18%;
   /* border: 1px solid #ddd; */
   padding: 10px;
}
img.clinic-policy {
   width: 90px;
   height: 90px;
   object-fit: contain;
}

</style>
<title>Kila Kolis | User Details</title>
<div class="content-wrapper">
    <div class="inner-content">
        <!-- Page Heading -->
        <div class="top-bar d-flex justify-content-between align-items-center mb-4">
            <h2 class="f-20 bold"> User Details</h2>

        </div>
        <div class="manage-user-data doctor-details mt-4">

            <div class="accordion doctor-details-acc" id="accordionExample">
                <div class="card">
                  <!-- <h2 class="accordion-header" id="headingOne">
                    <button class="accordion-button details-header" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                        <h2 class="f-16 bold mb-0"><img src="{% static 'admin/images/about.png' %}" class="doctor-icon"> About User</h1>
                    </button>
                  </h2> -->
                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                    <div class="accordion-body">
                        <div class="card-body p-0">
                            <div class="row">
                                <!-- <div class="col-12 col-md-8">
                                    <div class="doctor-details-content">
                                        <h3 class="f-20 bold pb-2 text-capitalize">{{doc_obj.full_name}}</h3>
                                        <div class="doctor-details-scroll h-100 px-2">
                                            <div class="row details-list doctor-details drs">
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Email:</span>
                                                    <span class="gray">{{doc_obj.email}}</span>
                                                </div>
                                                <div class="col-12 col-md-6 mb-3">
                                                    <span class="bold left">Mobile Number:</span>
                                                    <span class="gray">{{doc_obj.country_code}} &nbsp  {{doc_obj.phone_number}}</span>
                                                </div> -->
                                                
                                                <!-- <div class="col-12 col-md-4  mb-3">
                                                    <span class="bold left">Registered on:</span>
                                                    <span class="gray">{{doc_obj.created_at}}</span>
                                                </div> -->
                                                <!-- <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Status:</span> -->
                                                    <!-- <span class="gray">{{doc_obj.status}}</span> -->
                                                   <!--  <span class="">{% if doc_obj.status == 1 %}<span class="status-active mt-1">Active</span> {% else %}<span class="status-inactive">InActive </span>{% endif %}</span>
                                                </div>
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">DOB:</span>
                                                    <span class="gray">{{doc_obj.dob}}</span>
                                                </div>

                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Address:</span>
                                                    <span class="gray">{{doc_obj.address}}</span>
                                                </div>
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Country:</span>
                                                    <span class="gray">{{doc_obj.country}}</span>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div> -->
                                <!-- <div class="col-12 col-md-4">
                                    <div class="doctor-details-img text-center">
                                        <img src="{% if doc_obj.image %} {{doc_obj.image}} {% else %} /static/admin/images/user-default.png {%endif%}" class="img-fluid">
                                    </div>
                                </div> -->

                                <!--  custom design -->
                                <div class="col-lg-7">
                                    <div class="row boder-block px-xxl-3 px-1 mx-xxl-2 mx-1">
                                <div class="col-12 col-md-3">
                                    <div class="doctor-details-img-new text-center">
                                        <img src="{% if doc_obj.image %} {{doc_obj.image}} {% else %} /static/admin/images/user-default.png {%endif%}" class="img-fluid">
                                    </div>
                                </div>
                                <div class="col-12 col-md-9">
                                    <div class="doctor-details-content  h-100">
                                        <h3 class="f-20 bold pb-2 text-capitalize">{{doc_obj.full_name}}</h3>
                                        <div class="  px-2">
                                            <div class="row details-list doctor-details drs">
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Email:</span>
                                                    <span class="gray">{{doc_obj.email}}</span>
                                                </div>
                                                <div class="col-12 col-md-6 mb-3">
                                                    <span class="bold left">Mobile Number:</span>
                                                    <span class="gray">{{doc_obj.country_code}} &nbsp  {{doc_obj.phone_number}}</span>
                                                </div>
                                                
                                                <!-- <div class="col-12 col-md-4  mb-3">
                                                    <span class="bold left">Registered on:</span>
                                                    <span class="gray">{{doc_obj.created_at}}</span>
                                                </div> -->
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Status:</span>
                                                    <!-- <span class="gray">{{doc_obj.status}}</span> -->
                                                    <span class="">{% if doc_obj.status == 1 %}<span class="status-active mt-1">Active</span> {% else %}<span class="status-inactive">InActive </span>{% endif %}</span>
                                                </div>
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">DOB:</span>
                                                    <span class="gray">{{doc_obj.dob}}</span>
                                                </div>

                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Address:</span>
                                                    <span class="gray">{{doc_obj.address}}</span>
                                                </div>
                                                <div class="col-12 col-md-6  mb-3">
                                                    <span class="bold left">Country:</span>
                                                    <span class="gray">{{doc_obj.country}}</span>
                                                </div>
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                                <div class="col-12 col-lg-5">
                                    <div class="doctor-details-content  boder-block me-1 h-100">
                                                <h3 class="f-20 bold pb-2 text-capitalize">User Bank Details</h3>
                                                <div class=" px-2">
                                                    <div class="row details-list doctor-details drs">
                                                        <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank Account Name:</span>
                                                            <span class="gray">{{doc_obj.bank_account_name}}</span>
                                                        </div>
                                                        <div class="col-12 col-md-6 mb-3">
                                                            <span class="bold left">Bank Account Number:</span>
                                                            <span class="gray">{{doc_obj.bank_account_number}}</span>
                                                        </div>
                                                        
                                                        <!-- <div class="col-12 col-md-4  mb-3">
                                                            <span class="bold left">Registered on:</span>
                                                            <span class="gray">{{doc_obj.created_at}}</span>
                                                        </div> -->
            
                                                        <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank Name:</span>
                                                            <span class="gray">{{doc_obj.bank_name}}</span>
                                                        </div>
        
                                                        <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank IFSC Code:</span>
                                                            <span class="gray">{{doc_obj.bank_ifsc_code}}</span>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                </div>
                               <!--  custom design -->
                            </div>
                          
                       </div>
                    </div>
                  </div>
                </div>
                <div class="top-bar d-none d-flex justify-content-between align-items-center mb-4">
                    <h2 class="f-20 bold d-none"> User Bank Details</h2>
        
                </div>
                <div class="manage-user-data doctor-details mt-4">
        
                    <div class="accordion doctor-details-acc" id="accordionExample">
                        <div class="card d-none">
                          <!-- <h2 class="accordion-header" id="headingOne">
                            <button class="accordion-button details-header" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                <h2 class="f-16 bold mb-0"><img src="{% static 'admin/images/about.png' %}" class="doctor-icon"> About User</h1>
                            </button>
                          </h2> -->
                          <!-- <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <div class="card-body p-0">
                                    <div class="row">
                                        <div class="col-12 col-md-8">
                                            <div class="doctor-details-content"> -->
                                                <!-- <h3 class="f-20 bold pb-2 text-capitalize">{{doc_obj.full_name}}</h3> -->
                                                <!-- <div class="doctor-details-scroll h-100 px-2">
                                                    <div class="row details-list doctor-details drs">
                                                        <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank account name:</span>
                                                            <span class="gray">{{doc_obj.bank_account_name}}</span>
                                                        </div>
                                                        <div class="col-12 col-md-6 mb-3">
                                                            <span class="bold left">Bank account number:</span>
                                                            <span class="gray">{{doc_obj.bank_account_number}}</span>
                                                        </div> -->
                                                        
                                                        <!-- <div class="col-12 col-md-4  mb-3">
                                                            <span class="bold left">Registered on:</span>
                                                            <span class="gray">{{doc_obj.created_at}}</span>
                                                        </div> -->
            
                                                        <!-- <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank name:</span>
                                                            <span class="gray">{{doc_obj.bank_name}}</span>
                                                        </div>
        
                                                        <div class="col-12 col-md-6  mb-3">
                                                            <span class="bold left">Bank ifsc code:</span>
                                                            <span class="gray">{{doc_obj.bank_ifsc_code}}</span>
                                                        </div>
                                                        
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="doctor-details-img text-center">
                                                <img src="{% if doc_obj.image %} {{doc_obj.image}} {% else %} /static/admin/images/user-default.png {%endif%}" class="img-fluid">
                                            </div>
                                        </div>
                                      
                                    </div>
                                  
                               </div>
                            </div>
                          </div> -->
                        </div>

 
 
<!-- disapprove modal -->


<!-- /.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 %}