<!DOCTYPE html>
<html lang="fa" direction="rtl">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <style>
        .center {
            text-align: center;
        }
        .text-white {
            color: white;
        }
        .stimol td,
        .stimol th {
            border: 1px solid black;
        }
        .item {
            height: 30px;
            font-size: 11px;
        }
        h3 {
            font-size: 14px;
        }
        h4 {
            font-size: 12px;
        }
        p {
            font-size: 11px;
        }
    </style>
</head>
<body style="direction:rtl; width:100%">
    <div class="block-content pt-1 pb-3 d-none d-sm-block">
        <div class="c-print container-xl">
            <div class="tg-wrap" style="width:100%; border:1px solid black;border-radius: 8px;">
                <table class="rounded" style="width:100%;">
                    <thead>
                        <tr>
                            <td style="width:20%">
                                <img src="{{ url('front_avatar_file_get', {id: bid.id},)}}" width="65"/>
                            </td>
                            <td style="width:60%; text-align:center">
                                <h4>{{ bid.name }}</h4>
                                <h3 class="">گزارش اقساط</h3>
                            </td>
                            <td style="width:20%">
                                <h4>
                                    <b>شماره فاکتور:</b>
                                    {{ doc.mainDoc.code }}</h4>
                            </td>
                        </tr>
                    </thead>
                </table>
            </div>

            <div style="width:100%; border:1px solid black;border-radius: 8px;margin-top:5px;text-align:center;">
                <div class="tg-wrap" style="width:100%;border-radius: 8px 8px 0px 0px;text-align:center;background-color:gray">
                    <b style="color:white;">خریدار</b>
                </div>
                <table style="width:100%;">
                    <tbody>
                        <tr style="text-align:center;">
                            <td class="">
                                <p>
                                    <b>نام:</b>
                                    {% if person.prelabel is not null %}{{ person.prelabel.label }}{% endif %}
                                    {{ person.nikename }}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>شناسه ملی:</b>
                                    {{ person.shenasemeli }}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>شماره ثبت:</b>
                                    {{ person.sabt }}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>شماره اقتصادی:</b>
                                    {{ person.codeeghtesadi }}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>تلفن / نمابر:</b>
                                    {{ person.tel }}
                                </p>
                            </td>
                        </tr>
                        <tr>
                            <td class="" colspan="1">
                                <p>
                                    <b>کد پستی:</b>
                                    {{ person.postalcode }}
                                </p>
                            </td>
                            <td class="" colspan="3">
                                <p>
                                    <b>آدرس:</b>
                                    استان {{ person.ostan }}، شهر {{ person.shahr }}، {{ person.address }}
                                </p>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div style="width:100%; border:1px solid black;border-radius: 8px;margin-top:5px;text-align:center;">
                <div class="tg-wrap" style="width:100%;border-radius: 8px 8px 0px 0px;text-align:center;background-color:gray">
                    <b style="color:white;">اطلاعات اقساط</b>
                </div>
                <table style="width:100%;">
                    <tbody>
                        <tr style="text-align:center;">
                            <td class="">
                                <p>
                                    <b>مبلغ کل فاکتور:</b>
                                    {{ doc.mainDoc.amount|number_format }} ریال
                                </p>
                            </td>
                            <td class="">
                                <p>
                                    <b>تعداد اقساط:</b>
                                    {{ doc.count }}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>درصد سود:</b>
                                    {{ doc.profitPercent }}%
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>مبلغ سود:</b>
                                    {{ doc.profitAmount|number_format }} ریال
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>نوع سود:</b>
                                    {% if doc.profitType == 'yearly' %}
                                        سالانه
                                    {% elseif doc.profitType == 'monthly' %}
                                        ماهانه
                                    {% else %}
                                        روزانه
                                    {% endif %}
                                </p>
                            </td>
                            <td class="center">
                                <p>
                                    <b>جریمه روزانه:</b>
                                    {{ doc.daysPay }}%
                                </p>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <div style="width:100%;margin-top:5px;text-align:center;">
                <table style="width:100%;">
                    <thead>
                        <tr class="stimol" style="background-color:gray;">
                            <th class="text-white" style="width:80px">شماره قسط</th>
                            <th class="text-white">تاریخ</th>
                            <th class="text-white">مبلغ</th>
                            <th class="text-white">وضعیت</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for item in items %}
                            <tr class="stimol">
                                <td class="center item">{{ item.num }}</td>
                                <td class="center item">{{ item.date|date('Y/m/d') }}</td>
                                <td class="center item">{{ item.amount|number_format }} ریال</td>
                                <td class="center item">
                                    {% if item.hesabdariDoc %}
                                        <span style="color: green;">پرداخت شده ({{ item.hesabdariDoc.code }})</span>
                                    {% else %}
                                        <span style="color: red;">پرداخت نشده</span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>

            {% if printOptions.note and note %}
            <div style="width:100%;margin-top:5px;text-align:center;">
                <table style="width:100%;">
                    <tbody>
                        <tr class="stimol">
                            <td class="item" style="padding:1%">
                                <h4>توضیحات:</h4>
                                {{ note|raw }}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            {% endif %}

            <div style="width:40%;margin-top:0px;text-align:center;float:left;">
                <table style="width:100%;">
                    <tbody>
                        <tr>
                            <td class="center" style="height:90px">
                                <h4>مهر و امضا خریدار</h4>
                            </td>
                            <td class="center" style="height:90px">
                                <h4>مهر و امضا فروشنده:</h4>
                                <br>
                                {% if printOptions.businessStamp %}
                                    <img src="{{ url('front_seal_file_get', {id: bid.id},)}}" width="160"/>
                                {% endif %}
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html> 