{% block 'nav'  %}
{% include 'base/test_nav_patient.html' %}
{% endblock   %}
{% block 'bodycontent'  %}


<body>

  <div class="accordion accordian-pad" id="accordionExample">
    <div class="accordion-item">
      <h2 class="accordion-header" id="headingOne">
        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
          <b>{{obj_help.heading}}</b>
        </button>
      </h2>
      <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
        <div class="accordion-body">
          {{obj_help.content_HTML|safe}}
        </div>
      </div>
    </div>
   
  </div>


<div class="form_align mb-4"> 
    <div class=" pad border line " >

  {% if 'Mobile' in request.META.HTTP_USER_AGENT  %} {% else %}

    <div class="row" >
    <div class="col" > 

  {% endif %}
    {% comment %} <div> {% endcomment %}
       <div class="heading " >
          <h3><b>Personal Details</b></h3>
       </div>
       <div class="bd-example-snippet bd-code-snippet">
          <div class="bd-example m-0 border-0">
            <nav>
              <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
                  <button class="nav-link active " id="nav-person-tab" data-bs-toggle="tab" data-bs-target="#nav-person" type="button" role="tab" aria-controls="nav-person" aria-selected="false"><i class="fa-solid fa-user-large"></i> Personal</button>
                  <button class="nav-link" id="nav-location-tab" data-bs-toggle="tab" data-bs-target="#nav-location" type="button" role="tab" aria-controls="nav-location" aria-selected="false"><i class="fa-solid fa-location-dot"></i> Location</button>
                  <button class="nav-link" id="nav-con-tab" data-bs-toggle="tab" data-bs-target="#nav-con" type="button" role="tab" aria-controls="nav-con" aria-selected="false"><i class="fa-solid fa-phone"></i> Contact</button>
                  <button class="nav-link" id="nav-photo-tab" data-bs-toggle="tab" data-bs-target="#nav-photo" type="button" role="tab" aria-controls="nav-photo" aria-selected="false"><i class="fa-solid fa-camera-retro"></i> Photo</button>
              </div>
            </nav>
            <div class="tab-content" id="nav-tabContent">
              <div class="tab-pane fade show active" id="nav-person" role="tabpanel" aria-labelledby="nav-person-tab">
                   {% if obj_patient.Title %}
                  <label for="#"><h6><b>Title  :</b></h6> </label>
                    {{obj_patient.Title}}<br>
                    {% endif %}
                  
                    {% if obj_patient.Patient_name %}
                  <label for="#"><h6><b>Patient Name  : </b></h6> </label>
                     {{obj_patient.Patient_name}}<br>
                    {% endif %}
                  
                  {% if obj_patient.middle_name %}
                  <label for="#"><h6><b>Middle Name  :  </b></h6></label>
                    {{obj_patient.middle_name}}<br>
                  {% endif %}

                  {% if obj_patient.last_name %}
                  <label for="#"><h6><b> Last Name  :</b></h6> </label>
                    {{obj_patient.last_name}}<br>
                  {% endif %}

                  {% if obj_patient.gender %}
                  <label for="#"><h6><b>Gender : </b></h6> </label>
                    {{obj_patient.gender}}<br>
                    {% endif %}
                  
                    {% if obj_patient.DoB %}
                  <label for="#"><h6><b>DOB : </b></h6></label>
                    {{obj_patient.DoB}}<br>
                    {% endif %}

                    
                
              </div>

              <div class="tab-pane fade" id="nav-location" role="tabpanel" aria-labelledby="nav-location-tab">
                {% if obj_patient.Address1 %}
                <label for="#"><h6><b>Address  : </b></h6> </label>
                  {{obj_patient.Address1}}<br>
                  {% endif %}
                
                {% if obj_patient.locality %}
                <label for="#"><h6><b>Locality  : </b></h6> </label>
                  {{obj_patient.locality}}<br>
                {% endif %}

                {% if obj_patient.city %}
                <label for="#"><h6><b>City :</b></h6> </label>
                  {{obj_patient.city}}<br>
                  {% endif %}
                
                  {% if obj_patient.Pincode %}
                <label for="#"><h6><b> Pincode  :</b></h6> </label>
                  {{obj_patient.Pincode}}<br>
                  {% endif %}

                  {% if obj_patient.District %}
                <label for="#"><h6><b>District  :  </b></h6></label>
                  {{obj_patient.District}}<br>
                  {% endif %}
                
                  {% if obj_patient.State %}
                <label for="#"><h6><b>State  : </b></h6> </label>
                  {{obj_patient.State}}<br>
                  {% endif %}
                

              </div>

              <div class="tab-pane fade" id="nav-con" role="tabpanel" aria-labelledby="nav-con-tab">
                  {% if obj_patient.email %}
                <label for="#"><h6><b>Email  : </b></h6> </label>
                  {{obj_patient.email}}<br>
                  {% endif %}

                  {% if obj_patient.phone_number %}
                <label for="#"><h6><b>Phone Number  : </b></h6> </label>
                  {{obj_patient.phone_number}}<br>
                  {% endif %}

                {% if obj_patient.alt_phone_number %}
                <label for="#"><h6><b>Alt Phone Number  : </b></h6> </label>
                  {{obj_patient.alt_phone_number}}<br>
                {% endif %}



              </div>
              <div class="tab-pane fade" id="nav-photo" role="tabpanel" aria-labelledby="nav-photo-tab">
                
                {% if obj_patient.profile_pic %}
                <br><img src="/{{obj_patient.profile_pic}}" style=" hieght:400px width:400px" alt="Photo Missing" class="image">
                <p> Update Photo</p>
                {% else %}
                <p>Take a New Photo</p>
                {% endif %}
                <br>
                <p>Please Enable Camera Access to take photo.</p>
                {% include 'test/photo.html' %}
              </div>  


            </div>
          </div>
       </div>
       {% if 'Mobile' in request.META.HTTP_USER_AGENT %}
       <br>
       {% else %}
      </div> 
    <div class="col" > {% endif %}

      <div class="heading" >
        <h3><b>Records</b></h3>
      </div>
      <div class="bd-example-snippet bd-code-snippet">
        <div class="bd-example m-0 border-0">
          <nav>
            <div class="nav nav-tabs mb-3" id="nav-tab" role="tablist">
            <button class="nav-link active " id="nav-cons-tab" data-bs-toggle="tab" data-bs-target="#nav-cons" type="button" role="tab" aria-controls="nav-cons" aria-selected="false"><i class="fa-solid fa-user-doctor"></i> Consultation</button>
            <button class="nav-link" id="nav-diag-tab" data-bs-toggle="tab" data-bs-target="#nav-diag" type="button" role="tab" aria-controls="nav-diag" aria-selected="false"><i class="fa-solid fa-temperature-high"></i> Diagnosis</button>
            <button class="nav-link" id="nav-medi-tab" data-bs-toggle="tab" data-bs-target="#nav-medi" type="button" role="tab" aria-controls="nav-medi" aria-selected="false"><i class="fa-solid fa-pills"></i>  Medic</button>
           
          </nav>
          <div class="tab-content" id="nav-tabContent">

              <div class="tab-pane fade show active" id="nav-cons" role="tabpanel" aria-labelledby="nav-cons-tab">
                <label for="#"><h6><b>Observations  : </b></h6> </label> <a href="{% url 'consultation:observation' patentid 'tbl' %}">{{patient_summary.total_observation}} </a>
                <br>
                <label for="#"><h6><b>Anthropometric Measurements  : </b></h6> </label>
                <a href="{% url 'consultation:nutrition' patentid 'tbl' %}">{{patient_summary.total_nutrition}} </a><br>
                <label for="#"><h6><b>Blood Pressure  : </b></h6>  </label>
                <a href="{% url 'consultation:blood_pressure' patentid 'tbl' %}">{{patient_summary.total_bp}} </a><br>

                <label for="#"><h6><b> Examinations  : </b></h6></label>
                <a href="{% url 'consultation:history_examination' patentid 'tbl' %}">{{patient_summary.total_exam}} </a><br>
                <label for="#"><h6><b>Vitals  : </b></h6> </label>
                <a href="{% url 'consultation:vitals' patentid 'tbl' %}">{{patient_summary.total_vitals}} </a><br>
                
                <label for="#"><h6><b>Treatment details  : </b></h6> </label>
                <a href="{% url 'consultation:treatment_details' patentid 'tbl' %}">{{patient_summary.total_treatment_details}} </a><br>
              

              <label for="#"><h6><b>Schedulings  : </b></h6> </label>
                <a href="{% url 'consultation:scheduling' patentid 'tbl' %}">{{patient_summary.total_scheduling}} </a><br>
              

              </div>

             


              <div class="tab-pane fade" id="nav-diag" role="tabpanel" aria-labelledby="nav-diag-tab">

                <label for="#"><h6><b> Diagnosis  :</b></h6> </label>
                <a href="{% url 'diagnoses:diagnose' patentid 'tbl' %}">{{patient_summary.total_diagnose}}  </a> <br>
                <label for="#"><h6><b>Conditions  : </b></h6> </label>
                <a href="{% url 'diagnoses:condition' patentid 'tbl' %}">{{patient_summary.total_condition}}  </a> <br>
                <label for="#"><h6><b>Disease details :  </b></h6></label>
                <a href="{% url 'diagnoses:disease_details' patentid 'tbl' %}">{{patient_summary.total_disease_details}} </a><br>
                
              </div>

              <div class="tab-pane fade" id="nav-medi" role="tabpanel" aria-labelledby="nav-medi-tab">
                
                <label for="#"><h6><b>Medications  :  </b></h6></label> <a href="{% url 'medication:medications' patentid 'tbl' %}">{{patient_summary.total_medic}}  </a>  <br>

                {% comment %} <label for="#"><h6><b>Medicine Unit  :  </b></h6></label> <a href="{% url 'medication:medicine_unit' patentid 'tbl' %}">{{patient_summary.total_med_unit}}  </a>  <br> {% endcomment %}


                <label for="#"><h6><b>Medicine Inhouses  :  </b></h6></label> <a href="{% url 'medication:inhouse' patentid 'tbl' %}">{{patient_summary.total_inventory_entry}}  </a>  <br>


                {% comment %} <label for="#"><h6><b>Inventory Entries  :  </b></h6></label> <a href="{% url 'medication:inventory_entry' patentid 'tbl' %}">{{patient_summary.total_medic_inhouse}} </a>  <br> {% endcomment %}
              </div>
          </div>
        </div>
        {% if 'Mobile' in request.META.HTTP_USER_AGENT %}{% else %} </div>
    </div>{% endif %}

    </div>    
  </div>
</div>


<style>
    .form_align{

        margin-top:2rem;
        width:auto;
        padding-left:1rem;
        padding-right:1rem;
      }
      .heading{
        display:flex;
        justify-content:center;
    
        
      }
      .line {
        line-height: 200%;
      }
      .accordian-pad{
        margin-top:11rem;
        padding-right:1rem;
        padding-left:1rem;
      }
    
      .border{
        border:2px solid;
        
      }
      .pad{
        padding:1rem;
      }
      
  
  </style>

</body>




{% endblock %}