  <div class="container">
        <br>
        <h2 style="text-align: center;">إدخال بيانات جديدة</h2>

        <!-- اختيار التاريخ مرة واحدة -->
        <div class="date-container">
            <label for="date">التاريخ:</label>
            <input type="date" id="date">
            <button onclick="setDate()">تأكيد التاريخ</button>
            
            <!-- إضافة مسافة هنا -->
            <div style="margin: 20px ;"></div>
            
            <button class="delete-all" onclick="deleteAllRows()">حذف جميع البيانات</button>
            <button class="toggle-visibility" onclick="toggleTableVisibility()">إظهار/إخفاء الصفوف</button>
            <button class="copy-totals" onclick="copyTotals()">نسخ قيم الإجمالي</button>
            <button class="export-excel" onclick="exportToExcel()">تصدير إلى Excel</button>

        </div>

        <!-- نموذج الإدخال -->
        <div class="form-container">
            <select id="category">
                <option value="مبيعات نقدية">مبيعات نقدية</option>
                <option value="اسناد قبض">اسناد قبض</option>
                <option value="مشتريات نقدية">مشتريات نقدية</option>
                <option value="مسحوبات">مسحوبات</option>
                <option value="اسناد صرف">اسناد صرف</option>
                <option value="حوالات صادرة">حوالات صادرة</option>
                <option value="حوالات وارده">حوالات وارده</option>
            </select>
            <input type="number" id="amount" placeholder="أدخل المبلغ">
            <button onclick="addRow()">إدخال</button>
        </div>

        <!-- أزرار إضافية -->
        <div class="table-responsive">
        <!-- الجدول لعرض البيانات -->
        <table id="data-table">
            <thead>
                <tr>
                    <th>التاريخ</th>
                    <th>اليوم</th>
                    <th>مبيعات نقدية</th>
                    <th>اسناد قبض</th>
                    <th>مشتريات نقدية</th>
                    <th>مسحوبات</th>
                    <th>اسناد صرف</th>
                    <th>حوالات صادرة</th>
                    <th>حوالات وارده</th>
                    <th>الإجراءات</th>
                </tr>
            </thead>
            <tbody style="display: none;">
                <!-- البيانات المدخلة ستظهر هنا -->
            </tbody>
            <tfoot>
                <tr class="total-row">
                    <td colspan="2">الإجمالي</td>
                    <td id="total-sales">0</td>
                    <td id="total-receipts">0</td>
                    <td id="total-purchases">0</td>
                    <td id="total-withdrawals">0</td>
                    <td id="total-disbursements">0</td>
                    <td id="total-transfers">0</td>
                    <td id="total-pay">0</td>
                    <td></td>
                </tr>
            </tfoot>
        </table>
    </div>  </div>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
