<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quote - Generator Set</title>
</head>

<body
    style="color: #333333; line-height: 1.6; font-size: 12px; margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif;">
    <div style="max-width: 1140px; margin: 0 auto; padding: 20px;">
        <!-- Company Header -->
        <!-- Client Information and Quotation in same row using table -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td width="48%" valign="top" style="border-bottom: 1px solid #dddddd;">
                    <h2
                        style="color: #003366; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #dddddd;">
                        CLIENT INFORMATION</h2>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">COMPANY:</span> {{ data.Customer.CustomerCompany
                        }}</p>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">ADDRESS:</span> {{ data.Customer.CustomerAddress
                        }}</p>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">CONTACT:</span> {{ data.Customer.CustomerContact
                        }}</p>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">EMAIL:</span> {{ data.Customer.CustomerEmail }}
                    </p>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">TEL:</span> {{ data.Customer.CustomerTel }}</p>
                </td>
                <td width="4%" style="position: relative;">
                <td width="48%" valign="top" style="background-color: #f8f9fa; padding: 0;">
                    <table width="100%" cellspacing="0" cellpadding="0" border="0">
                        <tr>
                            <td width="48%" valign="top" style="padding: 0;">
                                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                                    <tr>
                                        <td width="48%" valign="top"
                                            style="background-color: #f8f9fa; border-left: 4px solid #003366; border-radius: 65px; padding-left: 15px;">
                                            <h2
                                                style="color: #003366; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding-bottom: 5px; border-bottom: 1px solid #dddddd;">
                                                QUOTATION #{{ data.quote_id }}</h2>
                                            <p
                                                style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; ">
                                                <span style="font-weight: bold; color: #003366;">DATE:</span> {{
                                                data.date.DATE }}
                                            </p>

                                            <div
                                                style="font-weight: bold; font-size: 14px; margin-top: 14px; margin-bottom: 5px; color: #003366;">
                                                SALES CONTACT INFORMATION:</div>
                                            <p
                                                style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; ">
                                                <span style="font-weight: bold; color: #003366;">NAME:</span> {{
                                                data.Seller.SellerName }}
                                            </p>
                                            <p
                                                style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; ">
                                                <span style="font-weight: bold; color: #003366;">EMAIL:</span> {{
                                                data.Seller.SellerEmail }}
                                            </p>
                                            <p
                                                style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; ">
                                                <span style="font-weight: bold; color: #003366;">PHONE:</span> {{
                                                data.Seller.SellerPhone }}
                                            </p>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
                </td>
            </tr>
        </table>
        <br>
        <!-- Project Info -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td style="border-bottom: 1px solid #dddddd;">
                    <h2
                        style="color: #003366; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; border-bottom: 1px solid #dddddd; padding-bottom: 5px;">
                        PROJECT INFO</h2>
                </td>
            </tr>
            <tr>
                <td
                    style="background-color: #f8f9fa; padding: 15px; border-radius: 5px; border-left: 4px solid #ff9900;">
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">Project Name:</span> {{ data.project_info.project
                        }}</p>
                    <p style="margin: 0; padding: 3px 0; font-family: 'Arial', sans-serif; font-size: 12px; "><span
                            style="font-weight: bold; color: #003366;">Customer Special Requirements:</span> {{
                        data.project_info.customer_requirements }}</p>
                </td>
            </tr>
        </table>
        <br>
        <!-- Quote Summary centered -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td align="center">
                    <table width="800px" cellspacing="0" cellpadding="0" border="0"
                        style="margin-bottom: 10px; font-family: Arial, sans-serif;">
                        <tr>
                            <td colspan="2" style="padding-bottom: 5px;  border-bottom: 1px solid #dddddd;">
                                <h2
                                    style="color: #003366; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: center;">
                                    QUOTE SUMMARY</h2>
                            </td>
                        </tr>

                        <tr>
                            <td style=" width: 180px; margin: 0; font-size: 12px; padding: 1px 0; line-height: 1.2;">
                                Genset:</td>
                            <td
                                style="width: 85px; margin: 0; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionGenset) }}</td>
                        </tr>
                        <tr>
                            <td style="width: 180px; margin: 0; font-size: 12px; padding: 1px 0; line-height: 1.2;">
                                Breakers:</td>
                            <td
                                style=" width: 85px; margin: 0; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionBreakers) }}</td>
                        </tr>
                        <tr>
                            <td style="width: 180px; margin: 0; font-size: 12px; padding: 1px 0; line-height: 1.2;">
                                Controller:</td>
                            <td
                                style="width: 85px; margin: 0; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionControl) }}</td>
                        </tr>

                        {% if data.context.price_CotizacionEnclosure is not none and
                        data.context.price_CotizacionEnclosure != 0 %}
                        <tr>
                            <td style="width: 180px; margin: 0; font-size: 12px; padding: 1px 0; line-height: 1.2;">
                                Enclosure:</td>
                            <td
                                style="width: 85px;  margin: 0; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionEnclosure) }}</td>
                        </tr>
                        {% endif %}

                        {% if data.context.price_CotizacionAccesories is not none and
                        data.context.price_CotizacionAccesories != 0 %}
                        <tr>
                            <td style="width: 180px;  font-size: 12px; padding: 1px 0; line-height: 1.2;">Accesories:
                            </td>
                            <td
                                style="width: 85px;  font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionAccesories) }}</td>
                        </tr>
                        {% endif %}

                        {% if data.context.price_CotizacionTank is not none and data.context.price_CotizacionTank != 0
                        %}
                        <tr>
                            <td style="width: 180px; font-size: 12px; padding: 1px 0; line-height: 1.2;">Tank:</td>
                            <td
                                style="width: 85px; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_CotizacionTank) }}</td>
                        </tr>
                        {% endif %}

                        <tr>
                            <td style="width: 180px; font-size: 12px; padding: 1px 0; line-height: 1.2;">Warranty and
                                Testing:</td>
                            <td
                                style="width: 85px; font-size: 12px; text-align: right; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.price_WarrantyAndTest) }}</td>
                        </tr>
                        <!-- COUNTRY DATA --->
                        <tr>
                            {% if data.context.countryData.total is not none and data.context.countryData.discount !=
                            0%}
                            <td
                                style="width: 180px;  font-size: 12px; font-weight: bold; padding: 1px 0; line-height: 1.2;">
                                Subtotal:</td>

                            {% else %}
                            <td
                                style="width: 180px;  font-size: 12px; font-weight: bold; padding: 1px 0; line-height: 1.2;">
                                TOTAL:</td>
                            {% endif %}
                            <td
                                style="width: 85px;  font-size: 12px; text-align: right; font-weight: bold; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.GranTotal) }}</td>
                        </tr>
                        <tr>
                            {% if data.context.countryData and data.context.countryData.discount is not none %}
                            {% if data.context.countryData.total is not none and data.context.countryData.total != 0 %}
                            {% if data.context.countryData.isDiscount %}
                            <td
                                style="width: 180px;  font-size: 12px; font-weight: bold; padding: 1px 0; line-height: 1.2;">
                                Discount Appleid:</td>

                            <td
                                style="width: 85px;  font-size: 12px; text-align: right; font-weight: bold; padding: 1px 0; color: #003366; line-height: 1.2;">
                                -{{ '{:,.2f}'.format(data.context.countryData.discount) }}%</td>
                            {% else %}
                            <td
                                style="width: 180px;  font-size: 12px; font-weight: bold; padding: 1px 0; line-height: 1.2;">
                                Charge Applied:</td>

                            <td
                                style="width: 85px;  font-size: 12px; text-align: right; font-weight: bold; padding: 1px 0; color: #003366; line-height: 1.2;">
                                +{{ '{:,.2f}'.format(data.context.countryData.discount) }}%</td>
                            {% endif %}
                            {% endif %}
                            {% endif %}
                        </tr>

                        {% if data.context.countryData and data.context.countryData.discount is not none %}
                        {% if data.context.countryData.total is not none and data.context.countryData.total != 0 %}
                        <tr>
                            <td
                                style="width: 180px;  font-size: 12px; font-weight: bold; padding: 1px 0; line-height: 1.2;">
                                TOTAL:</td>

                            <td
                                style="width: 85px;  font-size: 12px; text-align: right; font-weight: bold; padding: 1px 0; color: #003366; line-height: 1.2;">
                                ${{ '{:,.2f}'.format(data.context.countryData.total) }}</td>
                        </tr>


                        {% endif %}
                        {% endif %}

                    </table>




                    <!-- Terms & Conditions centered -->
                    <table width="500px" cellspacing="0" cellpadding="0" border="0"
                        style="margin-bottom: 10px; border-bottom: 1px solid #dddddd;">
                        <tr>
                            <td>
                                <h2
                                    style="color: #003366; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; padding-bottom: 5px;">
                                    TERMS & CONDITIONS</h2>
                            </td>
                        </tr>
                        <tr>
                            <td style="background-color: #f8f9fa; padding: 15px; border-radius: 5px; font-size: 12px;">
                                <p
                                    style="font-size: 12px; margin: 0; padding: 0 0 5px 0; font-family: 'Arial', sans-serif;">
                                    This quote is valid for a period of <strong>30 days</strong>. The following items
                                    are excluded from this quote: <em>sales tax, installation, permits, engineering,
                                        fuel, utility fees, offloading, start-up and testing, and installation of
                                        exhaust silencer if shipped loose.</em></p>
                                <p
                                    style="font-size: 12px; margin: 0; padding: 5px 0; font-family: 'Arial', sans-serif;">
                                    It is the distributor/purchaser and end user's responsibility to ensure that this
                                    equipment is operated in accordance with all applicable <strong>local, state, and
                                        federal laws and regulations</strong> governing the use and operation of this
                                    equipment.</p>
                                <p
                                    style="font-size: 12px; margin: 0; padding: 5px 0; font-family: 'Arial', sans-serif;">
                                    This proposal is our interpretation of your requirement. It includes only the items
                                    listed on this quotation. Should there be other requirements or specifications, we
                                    will re-quote accordingly.</p>
                                <p
                                    style="font-size: 12px; margin: 0; padding: 5px 0; font-family: 'Arial', sans-serif;">
                                    At the time of order, price may be reviewed for accuracy. <strong>IGSA
                                        Corp.</strong> cannot be held liable for any pricing errors caused by a
                                    malfunction in the software.</p>
                                <p
                                    style="font-size: 12px; margin: 0; padding: 5px 0 0 0; font-family: 'Arial', sans-serif;">
                                    The price of the products or services offered is <u>subject to change without prior
                                        notice</u> due to modifications in tariff laws or government regulations. In the
                                    event that such laws impact the cost of import, export, or any other price-related
                                    aspects, <u>the provider reserves the right to adjust the prices</u> of the products
                                    or services in accordance with the changes in applicable tariffs and regulations.
                                </p>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br>
        <!-- Payment Terms and Warranty Terms -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td width="49%" valign="top"
                    style="background-color: #f8f9fa; padding: 20px; background-color: #f9f9f9; border-radius: 5px;">
                    <div style="color: #003366; font-size: 12px; font-weight: bold; margin-bottom: 15px;">PAYMENT TERMS
                    </div>
                    <p
                        style="margin: 0; padding: 0 0 10px 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5;">
                        All prices are EXW Laredo Texas. IGSA Corp address 5918 Santa Maria Ave, Laredo Texas,
                        78041 Net 30 days with approved credit or 30% due to order and balance due to ship.
                    </p>
                    <p
                        style="margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5;">
                        There are no order cancellations, refunds or exchanges. (in case of cancellation acceptance, a
                        35% fee of the total amount will be charged to the client).
                    </p>
                </td>
                <td width="2%"></td>
                <td width="49%" valign="top"
                    style="background-color: #f8f9fa; padding: 20px; background-color: #f9f9f9; border-radius: 5px;">
                    <div style="color: #003366; font-size: 12px; font-weight: bold; margin-bottom: 15px;">WARRANTY TERMS
                    </div>
                    <p
                        style="margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5;">
                        Please refer to IGSA POWER Warranty documents for details.
                    </p>
                </td>
            </tr>
        </table>
        <br>
        <!-- Wiring Instructions -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td colspan="2">
                    <div style="color: #003366; font-size: 14px; font-weight: bold; margin-bottom: 15px;">WIRING
                        INSTRUCTIONS</div>
                </td>
            </tr>
            <tr>
                <td width="49%" valign="top"
                    style="background-color: #f8f9fa; border-left: 4px solid #ff9900; padding-left: 15px;">
                    <table width="100%" cellspacing="0" cellpadding="3" border="0">
                        <tr>
                            <td width="40%" style="font-weight: bold; color: #003366; font-size: 12px;">Beneficiary:
                            </td>
                            <td width="60%" style="font-size: 12px;">IGSA CORP</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">Beneficiary address:</td>
                            <td style="font-size: 12px;">5918 Santa Maria, Laredo, Texas, 78041-2905</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">Account:</td>
                            <td style="font-size: 12px;">703700701</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">Bank:</td>
                            <td style="font-size: 12px;">International Bank of Commerce</td>
                        </tr>
                    </table>
                </td>
                <td width="49%" valign="top" style="background-color: #f8f9fa; ">
                    <table width="100%" cellspacing="0" cellpadding="3" border="0">
                        <tr>
                            <td width="40%" style="font-weight: bold; color: #003366; font-size: 12px;">Bank address:
                            </td>
                            <td width="60%" style="font-size: 12px;">1200 San Bernardo Ave, Laredo, Texas, 78040</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">ABA/Routing:</td>
                            <td style="font-size: 12px;">114902528</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">SWIFT:</td>
                            <td style="font-size: 12px;">IBCLUS44</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <br>
        <!-- Sales Contact Information -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom: 20px;">
            <tr>
                <td colspan="2">
                    <div style="color: #003366; font-size: 14px; font-weight: bold; margin-bottom: 15px;">SALES CONTACT
                        INFORMATION</div>
                </td>
            </tr>
            <tr>
                <td valign="top" style="background-color: #f8f9fa; border-left: 4px solid #ff9900; padding-left: 15px;">
                    <table width="100%" cellspacing="0" cellpadding="3" border="0">
                        <tr>
                            <td width="20%" style="font-weight: bold; color: #003366; font-size: 12px;">Name:</td>
                            <td width="80%" style="font-size: 12px;">{{ data.Seller.SellerName }}</td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">Email:</td>
                            <td style="font-size: 12px;">
                                <a href="mailto:{{ data.Seller.SellerEmail }}"
                                    style="color: #0066cc; text-decoration: none;">{{ data.Seller.SellerEmail }}</a>
                            </td>
                        </tr>
                        <tr>
                            <td style="font-weight: bold; color: #003366; font-size: 12px;">Phone:</td>
                            <td style="font-size: 12px;">{{ data.Seller.SellerPhone }}</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

        <!-- Footer -->
        <table width="100%" cellspacing="0" cellpadding="0" border="0"
            style="margin-top: 30px; padding-top: 20px; border-top: 1px solid #dddddd;">
            <tr>
                <td align="center" style="font-size: 12px;">
                    <p style="margin: 0; padding: 0 0 5px 0; font-family: 'Arial', sans-serif;">IGSA CORP | Tel:
                        +19567914472 | 5918 SANTA MARIA AVE, LAREDO TEXAS 78041, USA</p>
                    <p style="margin: 0; padding: 0; font-family: 'Arial', sans-serif;">This quotation is confidential
                        and intended only for the recipient. Reproduction in whole or in part is prohibited.</p>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>