<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/jquery-3.6.0.min.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="pagearea">
        <div class="headrep">
            بسمه تعالی
            <div class="headtitle">
                گزارش روزانه عملکرد جایگاه های سوخت رسانی CNG
            </div>
            <div class="daterep">
                تاریخ: <span class="dates"><%= data?.date %></span>
            </div>
        </div>
        <div class="state-block">
            <table class="stateinfo">
            <tr>
                <td>نام جایگاه:</td>
                <td><%= data?.state_name %></td>
                <td>مصرف گاز (kg):</td>
                <td><%= data?.gas %></td>
                <td>فروش ریالی</td>
                <td><%= data?.rial_sell %></td>
                <td>شماره فیش بانک</td>
                <td><%= data?.fish_bank %></td>
            </tr>
            <tr>
                <td>مغایرت</td>
                <td><%= data?.contra %></td>
                <td>واریز نقدی</td>
                <td><%= data?.cash %></td>
                <td>واریز کارتخوان</td>
                <td><%= data?.card %></td>
                <td>تاریخ فیش بانک</td>
                <td><%= data?.fish_date %></td>
            </tr>
        </table>
        </div>
        
        <div class="shift-block">
            <table class="shiftinfos">
                <tr>
                    <td colspan="2">دیسپنسر</td>
                    <td>شروع شیفت ۱</td>
                    <td>پایان شیفت ۱</td>
                    <td>کارکرد ۱</td>
                    <td>پایان شیفت ۲</td>
                    <td>کارکرد ۲</td>
                    <td>پایان شیفت ۳</td>
                    <td>کارکرد ۳</td>
                    <td>جمع</td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>A</td>
                    <td><%= data?.last.nozzle_1 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>B</td>
                    <td><%= data?.last.nozzle_2 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>A</td>
                    <td><%= data?.last.nozzle_3 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>2</td>
                    <td>B</td>
                    <td><%= data?.last.nozzle_4 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>A</td>
                    <td><%= data?.last.nozzle_5 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>3</td>
                    <td>B</td>
                    <td><%= data?.last.nozzle_6 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>A</td>
                    <td><%= data?.last.nozzle_7 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>4</td>
                    <td>B</td>
                    <td><%= data?.last.nozzle_8 %></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td colspan="3">فروش به کیلوگرم</td>
                    <td>کارکرد شیفت ۱</td>
                    <td></td>
                    <td>کارکرد شیفت ۲</td>
                    <td></td>
                    <td>کارکرد شیفت ۳</td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="shift-price-block">
            <div class="shiftp">
                <table>
                    <tr>
                        <td colspan="2">شیفت ۱</td>
                    </tr>
                    <tr>
                        <td class="shiftpc">نقدی</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">کارتخوان</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مجموع</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مغایرت</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">امضای سرشیفت ۱</td>
                    </tr>
                </table>
                
            </div>
            <div class="shiftp">
                <table>
                    <tr><td colspan="2">شیفت ۲</td></tr>
                    <tr>
                        <td class="shiftpc">نقدی</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">کارتخوان</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مجموع</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مغایرت</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">امضای سرشیفت ۱</td>
                    </tr>
                </table>
            </div>
            <div class="shiftp">
                <table>
                    <tr><td colspan="2">شیفت ۳</td></tr>
                    <tr>
                        <td class="shiftpc">نقدی</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">کارتخوان</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مجموع</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td class="shiftpc">مغایرت</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td colspan="2">امضای سرشیفت ۱</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
