<report-body v-bind="$props">
    <div class="grid-row info-panel">
        <div class="grid-block">
            <h1 class="title centered uppercase">{{$t('fields.title')}}</h1>
        </div>
    </div>
    <table>
        <tbody>
            <tr>
                <td style="width: 70%; text-align: right; padding-right: 2em">{{$t('fields.date')}}:</td>
                <th>
                    <input/>
                </th>
            </tr>
            <tr>
                <td style="width: 70%; text-align: right;">{{$t('fields.importCredit')}}:
                <th colspan="3">
                    <input/>
                </th>
            </tr>
        </tbody>
    </table>
    <div class="grid-row">
        <div class="grid-block">
            <div class="info-panel">
                <div class="green-background">
                    <h3>{{$t('fields.companyInfo')}}</h3>
                </div>
                <div class="body">
                    <table style="width: 100%">
                        <tbody>
                            <tr>
                                <td>{{$t('fields.companyName')}}:</td>
                                <th colspan="3">
                                    <input/>
                                </th>
                            </tr>
                            <tr>
                                <td>{{$t('fields.businessType')}}:</td>
                                <th>
                                    <input/>
                                </th>
                                <td>{{$t('fields.antiquity')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                            <tr>
                                <td>{{$t('fields.surface')}}:</td>
                                <th>
                                    <input/>
                                </th>
                                <td>{{$t('fields.numberOfEmployees')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                            <tr>
                                <td>{{$t('fields.owner')}}:</td>
                                <th>
                                    <input/>
                                </th>
                                <td>{{$t('fields.phone')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                            <tr>
                                <td>{{$t('fields.payer')}}:</td>
                                <th>
                                    <input/>
                                </th>
                                <td>{{$t('fields.phone')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="grid-row">
        <div class="grid-block">
            <div class="info-panel" style="width: 98%">
                <div class="green-background">
                    <h3>{{$t('fields.economicInfo')}}</h3>
                </div>
                <div class="body">
                    <table>
                        <tbody>
                            <tr class="row-oriented">
                                <td>{{$t('fields.previousSellsVolume')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                            <tr class="row-oriented">
                                <td>{{$t('fields.forecastedSalesVolume')}}:</td>
                                <th>
                                    <input/>
                                </th>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="grid-row">
        <div class="grid-block">
            <div>
                <table style="border-top: 1px solid #ddd" class="info-panel">
                    <tbody>
                        <tr class="row-oriented" style="width: 100%">
                            <td>{{$t('fields.personFilling')}}:</td>
                            <th>
                                <input/>
                            </th>
                            <td>{{$t('fields.phone')}}:</td>
                            <th>
                                <input/>
                            </th>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <template v-slot:footer>
        <report-footer id="pageFooter" v-bind:left-text="formatDate(new Date(), '%d-%m-%Y')" v-bind="$props"> </report-footer>
    </template>
</report-body>