اريدك ان تحول هذا الكود الى كود بايثون اريده مثله بالضبط

<html>

<head>

    <script src="https://cdn.tailwindcss.com"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"></link>

    <style>

        body {

            font-family: Arial, sans-serif;

            background-color: #00A99D;

        }

        .table-header {

            background-color: #0071BC;

            color: white;

        }

        .table-row {

            background-color: #F2F2F2;

        }

        .table-row:nth-child(even) {

            background-color: #E6E6E6;

        }

        .highlight {

            background-color: #00FF00;

        }

        .highlight-dark {

            background-color: #808080;

        }

        .footer {

            background-color: #FF0000;

            color: white;

        }

    </style>

</head>

<body class="p-4">

    <div class="bg-teal-700 p-2">

        <div class="flex justify-between mb-2">

            <button class="bg-gray-300 px-4 py-2">Return</button>

            <button class="bg-gray-300 px-4 py-2">Del Line</button>

        </div>

        <div class="flex justify-between mb-2">

            <div class="bg-gray-300 w-1/4 h-16"></div>

            <div class="flex flex-col items-center">

                <div class="flex mb-2">

                    <span class="bg-gray-300 px-4 py-2">4551</span>

                    <span class="bg-gray-300 px-4 py-2">مسلسل</span>

                </div>

                <div class="flex mb-2">

                    <span class="bg-gray-300 px-4 py-2">2024 / 11 / 23</span>

                    <span class="bg-gray-300 px-4 py-2">تاريخ</span>

                </div>

                <div class="flex">

                    <span class="bg-gray-300 px-4 py-2">2</span>

                    <span class="bg-gray-300 px-4 py-2">بائع</span>

                </div>

            </div>

            <div class="flex flex-col items-center">

                <span class="bg-gray-300 px-4 py-2">15:21</span>

            </div>

        </div>

        <table class="w-full border-collapse">

            <thead>

                <tr class="table-header">

                    <th class="border border-black px-4 py-2">كود</th>

                    <th class="border border-black px-4 py-2">الاسم</th>

                    <th class="border border-black px-4 py-2">كمية</th>

                    <th class="border border-black px-4 py-2">سعر</th>

                    <th class="border border-black px-4 py-2">اجمالي</th>

                </tr>

            </thead>

            <tbody>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row highlight">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2 highlight-dark"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

                <tr class="table-row">

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                    <td class="border border-black px-4 py-2"></td>

                </tr>

            </tbody>

        </table>

        <div class="flex justify-between mt-2">

            <div class="footer px-4 py-2">0.00</div>

            <div class="footer px-4 py-2">صافي</div>

        </div>

        <div class="flex justify-between mt-2">

            <button class="bg-gray-300 px-4 py-2">عرض اخر بون</button>

            <div class="flex space-x-2">

                <button class="bg-gray-300 px-4 py-2">F12 طباعة</button>

                <button class="bg-gray-300 px-4 py-2">F2 البائع</button>

                <button class="bg-gray-300 px-4 py-2">F5 الغاء سطر</button>

                <button class="bg-gray-300 px-4 py-2">F6 الغاء كل السطور</button>

                <button class="bg-gray-300 px-4 py-2">F10 مرجع</button>

            </div>

        </div>

    </div>

</body>

</html>