serve.html

{% extends "base.html" %}

{% block content %}

<section class="my-4">

    <div class="container">
        <div class="row">
            <div class="col">
                <div class="row">
                    <div class="col-md-6">
                        <img src="" alt="" srcset="" class="logo-img"
                            style="width: 60px; height: 60px; border-radius: 50%;">
                    </div>
                    <div class="col-md-6">
                        <h4 class="logo-text mt-4">Post Office Item</h4>
                        <hr>
                    </div>
                </div>
                <div class="tab">
                    <small class="title mb-4" style="color: #270e3f;">Package Info Information</small>
                <div class="form-row">
                    <div class="col-md-12">
                        <div class="form-group has-search">
                            <span class="fa fa-map-marker form-control-feedback"></span>
                            <input type="text" id="from" class="form-control my-2 p-2"
                                placeholder="Pickup Post Office/Location" required>

                        </div>
                    </div>
                </div>
                <div class="form-row">
                    <div class="col-md-12">
                        <div class="form-group has-search">
                            <span class="fa fa-truck form-control-feedback"></span>
                            <input type="text" id="to" class="form-control my-2 p-2"
                                placeholder="Destination Location" required>
                        </div>
                    </div>
                </div>
                {% for p in packages%}
                <div class="form-row">
                    <div class="col-md-12">
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Package Description</label>
                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                            {{p.description}}
                          </div>
                    </div>
                </div>
                {% endfor %}
               </div>

               {% for o in orders%}
                <div class="tab">
                    <small class="title mb-4" style="color: #270e3f;">Sender Information</small>
                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-user form-control-feedback"></span>
                                <input type="text" id="contactname" name="contactname"
                                    class="form-control my-2 p-2" placeholder="Your Name" required>
                            </div>
                        </div>
                        {{ o.sender_name }}
                    </div>

                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-phone form-control-feedback"></span>
                                <input type="text" id="receiverphone" name="receiverphone"
                                    class="form-control my-2 p-2" placeholder="Your Phone Number" required>
                            </div>
                        </div>
                        {{ o.sender_phone }}
                    </div>


                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-id-card form-control-feedback"></span>
                                <input type="text" id="contactid" name="contactid" class="form-control my-2 p-2"
                                    placeholder="Your National ID" required>
                            </div>
                        </div>
                        {{ o.sender_id_number}}
                    </div>

                    <small class="title mb-4" style="color: #270e3f;">Recipient Information</small>

                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-id-card form-control-feedback"></span>
                                <input type="text" id="contactid" name="contactid" class="form-control my-2 p-2"
                                    placeholder="Recipient Name" required>
                            </div>
                        </div>
                        {{ o.recipient_name}}
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-id-card form-control-feedback"></span>
                                <input type="text" id="contactid" name="contactid" class="form-control my-2 p-2"
                                    placeholder="Recipient Number" required>
                            </div>
                        </div>
                        {{ o.recipient_phone}}
                    </div>
                    <div class="form-row">
                        <div class="col-md-12">
                            <div class="form-group has-search">
                                <span class="fa fa-id-card form-control-feedback"></span>
                                <input type="text" id="contactid" name="contactid" class="form-control my-2 p-2"
                                    placeholder="Recipient ID" required>
                            </div>
                        </div>
                        {{ 0. recipient_id_number}}
                    </div>

                    <div class="col-md-12">
                        <div class="mb-3">
                            <label for="exampleFormControlTextarea1" class="form-label">Delivery Description Specifics (Bld, Room No,)</label>
                            <textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
                          </div>
                          {{ o.delivery_note}}
                    </div>
                    {% endfor %}
                    <div class="form-row">
                        <div class="col-md-12">
                            <button type="button" class="searchbtn mt-2 mb-2"
                                id="payment" name="payment">Proceed to Payment <i class="fa fa-paper-plane"
                                    aria-hidden="true"></i></button>
                        </div>
                    </div>
                </div>
            </div>


            <div class="col">
                Column
            </div>

        </div>
    </section>

{% endblock content %}