<?xml version="1.0" encoding="UTF-8"?>
<odoo>
    <template id="report_mrp_bom">
        <div class="o_mrp_bom_report_page container py-3 py-lg-5 px-0 bg-view">
            <div t-if="data.get('lines')">
                <div class="px-3 mb-5">
                    <h1>BoM Overview</h1>
                    <h3 t-esc="data['name']"/>
                    <hr t-if="data['bom_code']"/>
                    <h6 t-if="data['bom_code']">Reference: <t t-esc="data['bom_code']"/></h6>
                </div>
                <t t-set="currency" t-value="data['currency']"/>
                <table class="o_mrp_bom_expandable table table-borderless">
                    <thead>
                        <tr>
                            <th name="th_mrp_bom_h">Product</th>
                            <th class="text-end">Quantity</th>
                            <th class="text-end" groups="uom.group_uom"/>
                            <th t-if="data['forecast_mode']" class="text-end">Free to Use / On Hand</th>
                            <th t-if="data['forecast_mode']" class="text-center">Status</th>
                            <th t-if="data['forecast_mode']" class="text-center">Availability</th>
                            <th t-if="data['forecast_mode']" class="text-end">Lead Time</th>
                            <th t-if="data['forecast_mode']">Route</th>
                            <th t-else=""/>
                            <th class="text-end">BoM Cost</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td name="td_mrp_bom" t-esc="data['name']"/>
                            <td class="text-end" t-esc="data['quantity']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/>
                            <td class="text-start" groups="uom.group_uom" t-esc="data['uom_name']"/>
                            <td t-if="data['forecast_mode']" class="text-end">
                                <t t-esc="data['quantity_available']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/> /
                                <t t-esc="data['quantity_on_hand']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/>
                            </td>
                            <td t-if="data['forecast_mode']" class="text-center">
                                <t t-if="data['status']" t-esc="data['status']"/>
                            </td>
                            <td t-if="data['forecast_mode']" class="text-center">
                                <t t-if="data.get('components_available', None) != None">
                                    <span t-attf-class="{{'text-success' if data['components_available'] and data['availability_state'] != 'unavailable' else 'text-danger' }}" t-esc="data['availability_display']"/>
                                </t>
                            </td>
                            <td t-if="data['forecast_mode']" class="text-end">
                                <span t-if="data['lead_time'] is not False">
                                    <t t-esc="data['lead_time']" t-options="{'widget': 'float', 'precision': 0}"/>
                                    Days
                                </span>
                            </td>
                            <td t-if="data['forecast_mode']">
                                <span t-if="data['route_name']" t-attf-class="{{'text-danger' if data.get('route_alert') else ''}}"><t t-esc="data['route_name']"/>: </span>
                                <span t-esc="data['route_detail']"/>
                            </td>
                            <td t-else=""/>
                            <td class="text-end" t-esc="data['bom_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
                        </tr>
                        <t t-call="mrp.report_mrp_bom_pdf_line"/>
                    </tbody>
                    <tfoot t-if="data['quantity'] &gt; 1">
                        <tr>
                            <td name="td_mrp_bom_f" class="text-end">
                                <span t-if="data['byproducts']" t-esc="data['name']"/>
                            </td>
                            <td/>
                            <td class="text-start" groups="uom.group_uom" t-esc="data['uom_name']"/>
                            <td t-if="data['forecast_mode']"/>
                            <td t-if="data['forecast_mode']"/>
                            <td t-if="data['forecast_mode']"/>
                            <td t-if="data['forecast_mode']"/>
                            <td class="text-end"><strong>Unit Cost</strong></td>
                            <td class="text-end"><t t-esc="data['bom_cost'] / data['quantity']" t-options='{"widget": "monetary", "display_currency": currency}'/></td>
                        </tr>
                        <t t-if="data['byproducts']" t-foreach="data['byproducts']" t-as="byproduct">
                            <tr t-if="byproduct['quantity'] &gt; 0">
                                <td name="td_mrp_bom_byproducts_f" class="text-end" t-esc="byproduct['name']"/>
                                <td/>
                                <td class="text-start" groups="uom.group_uom" t-esc="byproduct['uom_name']"/>
                                <td t-if="data['forecast_mode']"/>
                                <td t-if="data['forecast_mode']"/>
                                <td t-if="data['forecast_mode']"/>
                                <td t-if="data['forecast_mode']"/>
                                <td class="text-end"><strong>Unit Cost</strong></td>
                                <td class="text-end"><t t-esc="byproduct['bom_cost'] / byproduct['quantity']" t-options='{"widget": "monetary", "display_currency": currency}'/></td>
                            </tr>
                        </t>
                    </tfoot>
                </table>
            </div>
            <div t-else="" class="d-flex align-items-center justify-content-center h-50">
                <h4 class="text-muted">No data available.</h4>
            </div>
        </div>
    </template>

    <template id="report_mrp_bom_pdf_line">
        <t t-set="currency" t-value="data['currency']"/>
        <t t-foreach="data['lines']" t-as="l">
            <tr t-if="l['visible']">
                <td name="td_mrp_code">
                    <span t-attf-style="margin-left: {{ str(l['level'] * 20) }}px"/>
                    <span t-esc="l['name']"/>
                </td>
                <td class="text-end">
                    <t t-if="l['type'] == 'operation'" t-esc="l['quantity']" t-options='{"widget": "float_time"}'/>
                    <t t-else="" t-esc="l['quantity']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/>
                </td>
                <td class="text-start" groups="uom.group_uom">
                    <t t-esc="l['uom']"/>
                </td>
                <td t-if="data['forecast_mode']" class="text-end">
                    <t t-if="l.get('is_storable', False)">
                        <t t-esc="l['quantity_available']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/> /
                        <t t-esc="l['quantity_on_hand']" t-options='{"widget": "float", "decimal_precision": "Product Unit"}'/>
                    </t>
                </td>
                <td t-if="data['forecast_mode']" class="text-center">
                    <t t-if="l.get('status', '') != ''" t-esc="l['status']"/>
                </td>
                <td t-if="data['forecast_mode']" class="text-center">
                    <t t-if="l.get('availability_state', None) != None">
                        <span t-attf-class="{{'text-success' if l['availability_state'] == 'available' else ''}}{{'text-warning' if l['availability_state'] == 'expected' else ''}}{{'text-danger' if l['availability_state'] == 'unavailable' else ''}}" t-esc="l['availability_display']"/>
                    </t>
                </td>
                <td t-if="data['forecast_mode']" class="text-end">
                    <span t-if="l.get('lead_time', False) is not False">
                        <t t-esc="l['lead_time']" t-options="{'widget': 'float', 'precision': 0}"/>
                        Days
                    </span>
                </td>
                <td t-if="data['forecast_mode']">
                    <span t-if="l.get('route_name')" t-attf-class="{{'text-danger' if l.get('route_alert') else ''}}"><t t-esc="l['route_name']"/>: <t t-esc="l['route_detail']"/></span>
                </td>
                <td t-else=""/>
                <td t-attf-class="text-end {{ 'text-muted' if l['type'] == 'component' else '' }}" t-esc="l['bom_cost']" t-options='{"widget": "monetary", "display_currency": currency}'/>
            </tr>
        </t>
    </template>
    <template id="report_bom_structure">
        <t t-set="data_report_landscape" t-value="True"/>
        <t t-call="web.basic_layout">
            <t t-foreach="docs" t-as="data">
                <div class="page">
                    <t t-call="mrp.report_mrp_bom"/>
                </div>
                <p style="page-break-before:always;"> </p>
            </t>
        </t>
    </template>
</odoo>
