<commit_before><div class="row wrapper border-bottom white-bg page-heading hidden-print">
    <div class="col-lg-8">
        <h2>Invoice</h2>
        <ol class="breadcrumb">
            <li>
                <a ui-sref="organization.details({uuid: InvoiceDetails.customerUUID})">Home</a>
            </li>
            <li>
                <a ui-sref="organization.billing.tabs({uuid: InvoiceDetails.customerUUID})">
                    Invoices list
                </a>
            </li>
            <li class="active">
                <strong>Invoice</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-4">
        <div class="title-action">
            <button class="btn btn-primary" ng-click="InvoiceDetails.printLink()"><i class="fa fa-print"></i> Print Invoice</button>
        </div>
    </div>
</div>

<div ng-if="InvoiceDetails.loading">
    <h1 class="text-center"><i class="icon fa-spinner fa-spin"></i></h1>
</div>

<div ng-if="!InvoiceDetails.loading" class="row">
    <div class="col-lg-12">
        <div class="wrapper wrapper-content">
            <div class="p-xl">
                <div class="row">
                    <div class="col-sm-6">
                        <h5>From:</h5>
                        <address>
                            <strong>{{::InvoiceDetails.invoice.issuer_details.company}}</strong><br>
                            {{::InvoiceDetails.invoice.issuer_details.address}}<br>
                            {{::InvoiceDetails.invoice.issuer_details.country}}, {{::InvoiceDetails.invoice.issuer_details.postal}}<br>
                            <abbr title="Phone">P:</abbr> {{::InvoiceDetails.invoice.issuer_details.phone}}<br>
                            {{::InvoiceDetails.invoice.issuer_details.bank}}, {{::InvoiceDetails.invoice.issuer_details.account}} <br>
                            <span ng-if="InvoiceDetails.invoice.issuer_details.vat_code">
                                <abbr>VAT:</abbr> {{::InvoiceDetails.invoice.issuer_details.vat_code}}<br>
                            </span>
                            {{::InvoiceDetails.invoice.issuer_details.email}}
                        </address>
                    </div>

                    <div class="col-sm-6 text-right">
                        <h4>Invoice No.</h4>
                        <h4 class="text-navy">{{::InvoiceDetails.invoice.number}}</h4>
                        <span>To:</span>
                        <address>
                            <strong>{{::InvoiceDetails.invoice.customer_details.company}}</strong><br>
                            {{::InvoiceDetails.invoice.customer_details.address}}<br>
                            {{::InvoiceDetails.invoice.customer_details.country}}, {{::InvoiceDetails.invoice.customer_details.postal}}<br>
                            <abbr title="Phone">P:</abbr> {{::InvoiceDetails.invoice.customer_details.phone}}<br>
                            {{::InvoiceDetails.invoice.customer_details.bank}}<br>
                            {{::InvoiceDetails.invoice.customer_details.email}}
                        </address>
                        <div>
                            <span><strong>Invoice Date:</strong> {{::InvoiceDetails.invoice.invoice_date || '&mdash;'}}</span><br>
                            <span><strong>Due Date:</strong> {{::InvoiceDetails.invoice.due_date || '&mdash;'}}</span>
                        </div>
                    </div>
                </div>

                <div class="table-responsive m-t">
                    <table class="table invoice-table">
                        <thead>
                        <tr>
                            <th>Item List</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            <th ng-if="InvoiceDetails.invoice.issuer_details.vat_code">Tax</th>
                            <th>Total Price</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="item in InvoiceDetails.invoice.openstack_items track by $index">
                                <td><div><strong>{{item.name}}</strong></div>
                                    <small>Start time: {{item.start || '&mdash;' | dateTime }}. End time: {{item.end || '&mdash;' | dateTime }}</small></td>
                                <!-- now items quantity always equals to 1 -->
                                <td>{{item.quantity}}</td>
                                <td>{{item.price | defaultCurrency}}</td>
                                <td ng-if="InvoiceDetails.invoice.issuer_details.vat_code">{{item.tax | defaultCurrency}}</td>
                                <td>{{item.total | defaultCurrency}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div><!-- /table-responsive -->

                <table class="table invoice-total">
                    <tbody>
                    <tr>
                        <td><strong>Sub Total: </strong></td>
                        <td>{{::InvoiceDetails.invoice.price | defaultCurrency}}</td>
                    </tr>
                    <tr ng-if="InvoiceDetails.invoice.issuer_details.vat_code">
                        <td><strong>TAX: </strong></td>
                        <td>{{::InvoiceDetails.invoice.tax | defaultCurrency}}</td>
                    </tr>
                    <tr>
                        <td><strong>TOTAL: </strong></td>
                        <td>{{::InvoiceDetails.invoice.total | defaultCurrency}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<commit_msg>Sync invoice details fields with backend (WAL-183)<commit_after><div class="row wrapper border-bottom white-bg page-heading hidden-print">
    <div class="col-lg-8">
        <h2>Invoice</h2>
        <ol class="breadcrumb">
            <li>
                <a ui-sref="organization.details({uuid: InvoiceDetails.customerUUID})">Home</a>
            </li>
            <li>
                <a ui-sref="organization.billing.tabs({uuid: InvoiceDetails.customerUUID})">
                    Invoices list
                </a>
            </li>
            <li class="active">
                <strong>Invoice</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-4">
        <div class="title-action">
            <button class="btn btn-primary" ng-click="InvoiceDetails.printLink()"><i class="fa fa-print"></i> Print Invoice</button>
        </div>
    </div>
</div>

<div ng-if="InvoiceDetails.loading">
    <h1 class="text-center"><i class="icon fa-spinner fa-spin"></i></h1>
</div>

<div ng-if="!InvoiceDetails.loading" class="row">
    <div class="col-lg-12">
        <div class="wrapper wrapper-content">
            <div class="p-xl">
                <div class="row">
                    <div class="col-sm-6">
                        <h5>From:</h5>
                        <address>
                            <strong>{{::InvoiceDetails.invoice.issuer_details.company}}</strong><br>
                            {{::InvoiceDetails.invoice.issuer_details.address}}<br>
                            {{::InvoiceDetails.invoice.issuer_details.country}}, {{::InvoiceDetails.invoice.issuer_details.postal}}<br>
                            <abbr title="Phone">P:</abbr> {{::InvoiceDetails.invoice.issuer_details.phone}}<br>
                            {{::InvoiceDetails.invoice.issuer_details.bank}}, {{::InvoiceDetails.invoice.issuer_details.account}} <br>
                            <span ng-if="InvoiceDetails.invoice.issuer_details.vat_code">
                                <abbr>VAT:</abbr> {{::InvoiceDetails.invoice.issuer_details.vat_code}}<br>
                            </span>
                            {{::InvoiceDetails.invoice.issuer_details.email}}
                        </address>
                    </div>

                    <div class="col-sm-6 text-right">
                        <h4>Invoice No.</h4>
                        <h4 class="text-navy">{{::InvoiceDetails.invoice.number}}</h4>
                        <span>To:</span>
                        <address>
                            <strong>{{::InvoiceDetails.invoice.customer_details.company}}</strong><br>
                            {{::InvoiceDetails.invoice.customer_details.address}}<br>
                            {{::InvoiceDetails.invoice.customer_details.country}}, {{::InvoiceDetails.invoice.customer_details.postal}}<br>
                            <abbr title="Phone">P:</abbr> {{::InvoiceDetails.invoice.customer_details.phone}}<br>
                            {{::InvoiceDetails.invoice.customer_details.bank}}<br>
                            {{::InvoiceDetails.invoice.customer_details.email}}
                        </address>
                        <div>
                            <span><strong>Invoice Date:</strong> {{::InvoiceDetails.invoice.invoice_date || '&mdash;'}}</span><br>
                            <span><strong>Due Date:</strong> {{::InvoiceDetails.invoice.due_date || '&mdash;'}}</span>
                        </div>
                    </div>
                </div>

                <div class="table-responsive m-t">
                    <table class="table invoice-table">
                        <thead>
                        <tr>
                            <th>Item List</th>
                            <th>Quantity</th>
                            <th>Unit Price</th>
                            <th ng-if="InvoiceDetails.invoice.issuer_details.vat_code">Tax</th>
                            <th>Total Price</th>
                        </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="item in InvoiceDetails.invoice.openstack_items track by $index">
                                <td><div><strong>{{item.name}}</strong></div>
                                    <small>Start time: {{item.start || '&mdash;' | dateTime }}. End time: {{item.end || '&mdash;' | dateTime }}</small></td>
                                <td>{{item.usage_days}}</td>
                                <td>{{item.daily_price | defaultCurrency}}</td>
                                <td ng-if="InvoiceDetails.invoice.issuer_details.vat_code">{{item.tax | defaultCurrency}}</td>
                                <td>{{item.total | defaultCurrency}}</td>
                            </tr>
                        </tbody>
                    </table>
                </div><!-- /table-responsive -->

                <table class="table invoice-total">
                    <tbody>
                    <tr>
                        <td><strong>Sub Total: </strong></td>
                        <td>{{::InvoiceDetails.invoice.price | defaultCurrency}}</td>
                    </tr>
                    <tr ng-if="InvoiceDetails.invoice.issuer_details.vat_code">
                        <td><strong>TAX: </strong></td>
                        <td>{{::InvoiceDetails.invoice.tax | defaultCurrency}}</td>
                    </tr>
                    <tr>
                        <td><strong>TOTAL: </strong></td>
                        <td>{{::InvoiceDetails.invoice.total | defaultCurrency}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

{'fraction_non_alphanumeric': 0.1499825601674224, 'fraction_numerical': 0.003139169863969306, 'mean_word_length': 1.2869391824526422, 'pattern_counts': {'":': 0, '<': 326, '<?xml version=': 0, '>': 326, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4934516', 'n_tokens_mistral': 3181, 'n_tokens_neox': 2988, 'n_words': 415}