hello, I am using Odoo 13

I create custom Qweb report using web.basic_layout. when data is more qweb report leaves the 2nd page empty.

I am not given any margin or any page break.

I am not able to find where is the issue.

my code :- 

<?xml version="1.0" encoding="utf-8"?>

<odoo>

    <template id="sale_garment">

        <t t-call="web.basic_layout">

            <t t-set="doc" t-value="doc.with_context(lang=doc.partner_id.lang,department_id=doc.department_id)" />

            <div class="page">

                <div class="header o_boxed_header first-page" style="border-bottom: none !important">

                    <div class="row mb8">

                        <div class="col-6">

                            <img style="width:270px !important;margin-top:22px !important;" t-if="doc.department_id.image_1920" t-att-src="image_data_uri(doc.department_id.image_1920)" alt="Logo"/>

                        </div>

                        <div class="col-6 text-right mb4" >

                            <h4 class="mt0" t-field="doc.company_id.report_header"/>

                            <div name="company_address" class="mb4">

                                <span class="company_address">

                                    <div style="font-size:15px;">

                                        <span style="font-weight:900;opacity:1;" t-field="doc.department_id.full_name"/>

                                    </div>

                                    <div style="font-size:15px;">

                                        <span t-field="doc.department_id.street"/>

                                    </div>

                                    <div style="font-size:15px;">

                                        <span t-field="doc.department_id.street2"/>,&amp;nbsp;

                                        <span t-field="doc.department_id.city"/>,&amp;nbsp;

                                        <span t-field="doc.department_id.country_id.name"/>

                                    </div>

                                    <div style="font-size:15px;">

                                        <span style="font-weight:900;opacity:1;">T&amp;nbsp;</span><span t-field="doc.department_id.phone"/>

                                        <span style="font-weight:900;opacity:1;">E&amp;nbsp;</span><span t-field="doc.department_id.email"/>

                                    </div>

                                </span>

                            </div>

                        </div>

                    </div>

                </div>

                <h1 class="text-center" style="font-size:25px !important;position:relative;top:-5px;"><span t-field="doc.sale_note_title"/></h1>

                <div style="float:left;display:inline-block;font-size:15px !important;position:relative;top:-20px;">

                    <div t-if="doc.customer_address">

                        <strong class="text-left"><span t-field="doc.partner_id.name" style="font-weight:900;opacity:1;"/></strong>

                        <span class="text-left" t-field="doc.partner_id" t-options='{"widget": "contact", "fields": ["address"], "no_marker": True}' />

                        <t t-if="doc.partner_id.phone"><span class="text-left">Tel:&amp;nbsp;</span><span class="text-left" t-field="doc.partner_id.phone" />

                        </t>

                    </div>

                </div>

                <div style="float:right;display:inline-block;position:relative;top:-20px;">

                    <span style="font-size:19px;">

                        <strong class="text-left"><span>ORDER#&amp;nbsp;</span><span t-field="doc.name"/></strong>

                    </span>

                    <span style="font-size:15px;"  t-if="doc.customer_purchase_order and doc.display_customer_po">

                    <br/>

                        <t>

                            <strong class="text-left"><span>YOUR PO#&amp;nbsp;</span><span t-field="doc.customer_purchase_order"/></strong>

                        </t>

                    </span>

                    <br/>

                    <span style="font-size:15px;">

                        <strong class="text-left"><span>DATE&amp;nbsp;</span></strong><span t-field="doc.sale_order_date" />

                    </span>

                    <br/>

                </div>

                <br/>

                <div class="row"></div>

                <div class="row mt32 mb32" style="position:relative;top:-55px;">

                    <t t-if="doc.header_text"><div class="col-auto mw-100 mb-2 text-left ml4 mr4" style="font-size:15px; !important;" t-field="doc.header_text" /></t>

                </div>

                <table class="table table-sm o_main_table" style="font-size:15px !important;position:relative;top:-95px;">

                    <thead>

                        <tr class="bg-200 font-weight-bold o_line_section" t-att-style="doc.with_frame and 'border: 1px solid black;background-color: black !important; color: white;' or None">

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_sr" class="text-left">Sr#</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_style" class="text-left">Style</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_description" class="text-left">Description</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_unit" class="text-left">Size/Units</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_quantity" class="text-right">Total Units</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_priceunit" class="text-right">Unit Price (<span t-field="doc.pricelist_id.currency_id.name" />)</th>

                            <th t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="th_subtotal" class="text-right">

                                <t groups="account.group_show_line_subtotals_tax_excluded">Amount</t>

                                <t groups="account.group_show_line_subtotals_tax_included">Amount</t>

                            </th>

                        </tr>

                    </thead>

                    <tbody class="sale_tbody">

                        <t t-set="current_subtotal" t-value="0.00"/>

                        <t t-set="subtotal" t-value="0.00"/>

                        <t t-set="qtytotal" t-value="0.00"/>

                        <t t-foreach="doc.order_line" t-as="line">

                            <t t-set="current_subtotal" t-value="current_subtotal + line.price_subtotal" groups="account.group_show_line_subtotals_tax_excluded"/>

                            <t t-set="current_subtotal" t-value="current_subtotal + line.price_total" groups="account.group_show_line_subtotals_tax_included"/>

                            <t t-set="total_qty_line" t-value="0.0"/>

                            <tr t-att-style="doc.with_frame and 'border: 1px solid black;line-height: 11pt;' or None">

                                <t t-if="not line.display_type">

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="td_name"><span t-field="line.serial_no"/></td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="td_name">

                                            <img style="width:100px !important;max-height:100px !important;margin-left:10px !important;margin-top:2px !important;margin-bottom:2px !important;" t-if="line.product_id.image_1920" t-att-src="image_data_uri(line.product_id.image_1920)" alt="Logo"/></td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;width:15%;' or None" name="td_name">

                                        <strong>[

                                            <span t-field="line.product_template_id.default_code"/>]

                                        </strong>

                                        <span t-field="line.prod_desc_name"/>

                                    </td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;line-height:10pt;' or None" name="td_unit">

                                        <span t-field="line.color_note"/>

                                    </td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="td_quantity" class="text-right">

                                        <span t-field="line.color_unit" t-options='{"widget": "integer", "precision": 2}'/>

                                        <span t-field="line.product_uom"/>

                                        <t t-set="qtytotal" t-value="qtytotal + line.color_unit" />

                                    </td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="td_priceunit" class="text-right">

                                        <span t-field="line.currency_id.symbol"/>

                                        <span t-field="line.price_unit"/>

                                    </td>

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;' or None" name="td_subtotal" class="text-right o_price_total">

                                        <span t-field="line.price_subtotal" groups="account.group_show_line_subtotals_tax_excluded"/>

                                        <span t-field="line.price_total" groups="account.group_show_line_subtotals_tax_included"/>

                                        <t t-set="subtotal" t-value="subtotal + line.price_subtotal" />

                                    </td>

                                </t>

                                <t t-if="line.display_type == 'line_section'">

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;font-size:15px !important;' or 'font-size:15px !important;width:15%;'" class="bg-200 font-weight-bold o_line_section" name="td_section_line" colspan="99">

                                        <span t-field="line.name"/>

                                    </td>

                                    <t t-set="current_section" t-value="line"/>

                                    <t t-set="current_subtotal" t-value="0"/>

                                </t>

                                <t t-if="line.display_type == 'line_note'">

                                    <td t-att-style="doc.with_frame and 'border: 1px solid black;width:15%;' or None" class="font-italic o_line_note" name="td_note_line" colspan="99">

                                        <span t-field="line.name"/>

                                    </td>

                                </t>

                            </tr>

                        </t>

                    </tbody>

                </table>

                <div class="text-right" style="position:relative;top:-110px;">

                    <strong><span>Total Quantity</span></strong>&amp;nbsp;

                    <span t-esc="qtytotal" class="m-0" t-options='{"widget": "integer", "precision": 2}'/>

                    <strong><span>Total Amount</span></strong>&amp;nbsp;

                    <span t-esc="subtotal" class="m-0" t-options='{"widget": "monetary", "display_currency": doc.currency_id, "precision": 2}'/>

                </div>

                <div class="row mt32 mb32 ml4">

                    <table style="position: relative;top: -165px;">

                        <tr>

                            <t t-if="doc.shipment_remark == 'exmildate'" style="font-size:18px; !important">

                                <th>Ex-Mill Date</th>

                            </t>

                            <t t-elif="doc.shipment_remark == 'shipmentdate'" style="font-size:18px; !important">

                                <th>Shipment Date</th>

                            </t>

                            <t t-elif="doc.shipment_remark == 'shipmentremark'" style="font-size:18px; !important">

                                <th>Shipment Remarks</th>

                            </t>

                            <t t-if="doc.shipment_remark == 'exmildate'">

                                <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                                <td>

                                    <span style="font-size:18px; !important" t-esc="datetime.datetime.strptime(str(doc.ex_mill_date), '%Y-%m-%d').strftime('%d %b %Y')"/>

                                </td>

                            </t>

                            <t t-elif="doc.shipment_remark == 'shipmentdate'">

                                <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                                <td>

                                    <span style="font-size:18px; !important" t-esc="datetime.datetime.strptime(str(doc.shipment_date), '%Y-%m-%d').strftime('%d %b %Y')"/>

                                </td>

                            </t>

                            <t t-elif="doc.shipment_remark == 'shipmentremark'">

                                <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                                <td>

                                    <span style="font-size:18px; !important" t-field="doc.shipment_remarks"/>

                                </td>

                            </t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Incoterms</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.incoterm">

                                <td>

                                    <span t-field="doc.incoterm.name" />

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Destination Port</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.destination_port_id">

                                <td>

                                    <span t-field="doc.destination_port_id.name" />

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Shipment by</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.devivery_by_id">

                                <td>

                                    <span t-field="doc.devivery_by_id.name" />

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Payment by</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.payment_term_id">

                                <td>

                                    <span t-field="doc.payment_term_id.name" />

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Packing Way</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.packing_way">

                                <td>

                                    <span t-field="doc.packing_way"/>

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                        <tr style="font-size:15px; !important">

                            <th>Shipping From</th>

                            <td>&amp;nbsp;&amp;nbsp;:&amp;nbsp;&amp;nbsp;</td>

                            <t t-if="doc.shipped_from">

                                <td>

                                    <span t-field="doc.shipped_from"/>

                                </td>

                            </t>

                            <t t-else=""><td></td></t>

                        </tr>

                    </table>

                </div>

                <t t-if="doc.payment_beneficiary_id.report_memo">

                    <div class="row ml4" style="font-size:15px !important;position: relative;top: -200px;">

                        <span><strong>Payment Beneficiary:</strong></span>

                        <br/>

                        <span t-field="doc.payment_beneficiary_id.report_memo" />

                    </div>

                </t>

                <div class="footer">

                    <div class="row">

                        <div class="col-5 last-page">

                            <span style="font-size:12px !important;">Printed by</span>&amp;nbsp;<span style="font-size:12px !important;" t-field="doc.user_id" /><span style="font-size:12px !important;">&amp;nbsp;on&amp;nbsp;</span><span style="font-size:12px !important;" t-field="doc.order_date_date" />

                        </div>

                        <div class="col-4 ml4 last-page" style="text-align:left">

                            <span style="font-size:12px !important;">Powered by:  </span> <img src="/bi_sale_note_development/static/static/src/img/genet-logo.png" style="margin-left:6px;" width="75" height="25"/>

                        </div>

                        <div class="col-3" style="float:right;text-align:right">

                            <div style="font-size:12px !important;" t-if="report_type == 'pdf'">

                            Page: <span class="page"/> / <span class="topage"/>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </t>

    </template>

    <template id="report_sgarment">

        <t t-call="web.html_container">

            <t t-foreach="docs" t-as="doc">

                <t t-call="bi_instruction_picking_development.sale_garment" t-lang="doc.partner_id.lang"/>

            </t>

        </t>

    </template>

</odoo>