Cacher is the code snippet organizer for pro developers

 <div class="card card-body booking-widget-container">
                    <h5 class="card-title">
                        <div class="price" id="price"></div>
                        <div id="reviewStar"></div>
                    </h5>
                    <!-- pet list code -->
                    <!-- BUTTON TO TRIGGER THE ACTION -->
                    {% if user.is_authenticated %}
                    <div id="PetListBooking"></div>
                    {% endif %}

                    <!-- end of pet  list code -->
                    <!-- code to load pet  modal -->
                    <div class="modal fade  colored-header colored-header-primary" id="modal-book">
                        <div class="modal-dialog">
                            <div class="modal-content">

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

                    <!--end of  code to load pet  modal -->

                    <form method="POST" onsubmit="return validateForm()">
                        <div class="form-group">
                            <label class="col-12 col-sm-3 col-form-label text-sm-right"></label>
                            {% csrf_token %} {{ form|crispy }}
                            {% if redirect_field_value %}
                            <input type="hidden" name="{{ redirect_field_name }}" value="{{ redirect_field_value }}" />
                            {% endif %}
                            {% if not user.is_authenticated %}
                            <input id="number_of_pets" type="text" value="" placeholder="No. of Pets"
                                name="number_of_pets" required>
                            {% endif %}
                        </div>

                        <table class="table table-borderless total_table" id="total_table">

                            <tbody>


                            </tbody>
                        </table>

                        <div class="form-group ">
                            <div class="listing-form">
                                {% if not request.user == host.User %}
                                {% if  host.status_host == 'Live' %}
                                <button class="btn btn-space btn-primary btn-lg  btn-block" type="submit"
                                    id="booking_request_submit" value="Save">Send
                                    Booking Request</button>
                                {% endif %}
                                {% endif %}
                                <p class="p_book_now" align="center">You don’t have to pay now.<br>
                                    You’ll have to pay only if the host accepts your request</p>
                            </div>
                        </div>
                    </form>

                </div>