{% extends 'base_structure/layout/base_template.html' %}
{% load static %}
{% block stylesheet %}
<!-- include required css cdn link through html here -->

{% endblock %}

{% block content %}


<div class="row layout-top-spacing">
    <div class="col-lg-12">
        <div class="row mb-2">
            <div class="col">
                <h3>Meal Details</h3>
            </div>
            <div class="col text-end">
                {% comment %} <button class="btn btn-dark mb-2 me-4" onclick="history.back()">
                    <i class="fa fa-arrow-left"></i>
                    Back
                </button> {% endcomment %}
                {% comment %} <a class="btn btn-success  mb-2 me-4" href="{% url 'module_cms:faq_category_add' %}">Add
                    Category</a> {% endcomment %}
                {% comment %} <a class="btn btn-primary mb-2 me-4" href="">Add User</a> {% endcomment %}
            </div>
        </div>

        <div class="row layout-spacing">
            <div class="col-lg-12">
                <div class="statbox widget box box-shadow">
                    <div class="widget-content widget-content-area">
                        <div class="row Users-tab p-4">
                            <div class="col-md-6">
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Consistency :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.stool_type }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Duration :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.duration }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Completeness of Evacuation :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.completeness_of_evacuation }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Color :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.color }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Excessive flatulence :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>
                                            {{bowel.excessive_flatulence}}
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Urgency :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.urgency }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Smelliness :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.smellness }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Pain level :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.pain_level }}</span>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-6 ">
                                        <p class="mb-0">Volume :</p>
                                    </div>
                                    <div class="col-6">
                                        <span>{{ bowel.volume }}</span>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


{% endblock content %}

{% block javascript %}
<!-- include required js cdn link through html here -->


<script>

</script>
{% endblock %}