{% extends "base.html" %}

{% block title %}بایگانی بیماران - سیستم مدیریت بیماران موسسه پرنیا{% endblock %}

{% block content %}
<!-- جدول بیماران -->
<div class="section-container">
    <div class="section-header">
        <h2><i class="fas fa-archive"></i> بایگانی بیماران</h2>
        <div class="search-container">
            <button id="barcodeSearchBtn" class="barcode-btn"><i class="fas fa-barcode"></i> جستجو با بارکد</button>
            <div class="global-search-wrapper">
                <input type="text" id="globalSearch" placeholder="جستجو در همه فیلدها...">
                <i class="fas fa-search search-icon"></i>
            </div>
        </div>
    </div>
    
    <!-- دکمه‌های عملیات بر روی بیماران انتخاب شده -->
    <div class="selection-actions">
        <button id="selectAllBtn" class="selection-btn"><i class="fas fa-check-square"></i> <span>انتخاب همه</span></button>
        <button id="deselectAllBtn" class="selection-btn" disabled><i class="fas fa-times-circle"></i> <span>لغو</span></button>
        <div id="selectionCounter" class="selection-counter">۰ مورد انتخاب شده</div>
        <button id="clearFiltersBtn" class="selection-btn clear-filters-btn" disabled><i class="fas fa-eraser"></i> <span>پاک کردن همه فیلتر ها</span></button>
        <button id="addNewPatientBtn" class="selection-btn"><i class="fas fa-user-plus"></i> <span>افزودن بیمار جدید</span></button>
        <button id="editSelectedBtn" class="selection-btn" disabled><i class="fas fa-edit"></i> <span>مشاهده جزئیات و ویرایش</span></button>
        <button id="deleteSelectedBtn" class="selection-btn delete-btn" disabled><i class="fas fa-trash"></i> <span>حذف</span></button>
        <button id="generateLabelBtn" class="selection-btn generate-btn" disabled><i class="fas fa-tag"></i> <span>تولید برچسب</span></button>
        <!-- <a href="{{ url_for('backup') }}" id="backupSelectedBtn" class="selection-btn backup-btn" title="تهیه پشتیبان از بیماران انتخاب شده"><i class="fas fa-file-export"></i> <span>تهیه پشتیبان جزئی</span></a> -->
    </div>
    
    <div class="table-container">
        <table id="patientsTable">
            <thead>
                <tr>
                    <th><input type="checkbox" id="headerCheckbox"></th>
                    {% for col, name in column_pairs %}
                        <th><input type="text" class="filter-input" data-column="{{ col }}" placeholder="جستجو..."></th>
                    {% endfor %}
                </tr>
                <tr>
                    <th>انتخاب</th>
                    {% for col, name in column_pairs %}
                        <th>{{ name }}</th>
                    {% endfor %}
                </tr>
            </thead>
            <tbody id="patientsBody"></tbody>
            <tr id="noPatientsMessage" style="display: none;">
                <td colspan="100%" class="text-center patient-arch-table-messages">در حال حاضر هیچ بیماری در سیستم ثبت نشده است. <a class="patient-arch-table-messages-link" href="{{ url_for('add_patient') }}">بیمار جدید اضافه کنید</a>.</td>
            </tr>
            <tr id="noResultsMessage" style="display: none;">
                <td colspan="100%" class="text-center patient-arch-table-messages">جستجوی شما با هیچ یک از بیماران مطابقت نداشت.</td>
            </tr>
        </table>
    </div>
    
    <!-- صفحه‌بندی -->
    <div id="pagination">
        <button onclick="handlePagination(currentPage - 1)" id="prevPage" disabled><i class="fas fa-chevron-right"></i> قبلی</button>
        <span id="pageInfo"></span>
        <button onclick="handlePagination(currentPage + 1)" id="nextPage">بعدی <i class="fas fa-chevron-left"></i></button>
    </div>
</div>

<!-- مودال ویرایش (Included from separate file) -->
{% include 'edit_modal.html' %}

<!-- مودال تایید حذف (Included from separate file) -->
{% include 'delete_modal.html' %}

<!-- مودال تولید برچسب (Included from separate file) -->
{% include 'label_modal.html' %}

<!-- مودال اسکن بارکد -->
<div id="barcodeScannerModal" class="modal">
    <div class="modal-content barcode-modal-content">
        <div class="barcode-modal-header">
            <h2>اسکن بارکد</h2>
            <span class="close-btn" id="paCloseBarcodeModalBtn">&times;</span>
        </div>
        <div id="barcodeScannerView">
            <video id="barcodeVideo" style="width: 65%; height: auto; border-radius: 10px;"></video>
            <p id="barcodeStatus">لطفا بارکد را مقابل دوربین قرار دهید...</p>
        </div>
        <div class="barcode-modal-actions">
            <button id="paCancelBarcodeModalBtn">انصراف</button>
            <button id="switchCameraButton" style="display: none;"><i class="fas fa-sync-alt"></i> چرخش دوربین</button>
        </div>
    </div>
</div>

{% endblock %}

{% block extra_css %}
{% endblock %}

{% block extra_js %}
<script src="https://cdn.jsdelivr.net/npm/@zxing/library@latest/umd/index.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
<script src="{{ url_for('static', filename='js/patients_archive.js') }}"></script>
<script src="{{ url_for('static', filename='js/label_generator.js') }}"></script>
<script>
    // Bridging script to connect the selectedPatients variable from script.js
    // to the selectedPatientIds variable used in label_generator.js
    document.addEventListener('DOMContentLoaded', function() {
        // Create a bridge function that will be called before opening the label modal
        window.bridgeSelectedPatients = function() {
            // Try to get selectedPatients from the global scope (from script.js)
            if (typeof selectedPatients !== 'undefined' && selectedPatients.length > 0) {
                window.selectedPatientIds = [...selectedPatients]; // Create a copy
                console.log('Successfully bridged selectedPatients to selectedPatientIds:', window.selectedPatientIds);
                return true;
            } else if (typeof window.selectedPatientIds !== 'undefined' && window.selectedPatientIds.length > 0) {
                console.log('Using existing selectedPatientIds:', window.selectedPatientIds);
                return true;
            }
            
            // If we get here, no patients are selected
            console.log('No patients selected in either variable.');
            return false;
        };
        
        // Override the generateLabelsForSelectedPatients function to use our bridge
        const originalGenerateLabels = window.generateLabelsForSelectedPatients;
        window.generateLabelsForSelectedPatients = function() {
            if (window.bridgeSelectedPatients()) {
                // If we have selected patients, use the original or the openLabelModal function
                if (typeof originalGenerateLabels === 'function') {
                    originalGenerateLabels();
                } else if (typeof window.openLabelModal === 'function') {
                    window.openLabelModal();
                }
            } else {
                showToast('لطفا ابتدا بیمار یا بیماران مورد نظر را انتخاب کنید', 'warning');
            }
        };

        // Event listener for the new "Add New Patient" button
        const addNewPatientBtn = document.getElementById('addNewPatientBtn');
        if (addNewPatientBtn) {
            addNewPatientBtn.addEventListener('click', function() {
                window.location.href = "{{ url_for('add_patient') }}";
            });
        }
    });
    
    // Store selected patient IDs in localStorage for sharing between pages
    function saveSelectedPatients(selectedIds) {
        localStorage.setItem('selectedPatientIds', JSON.stringify(selectedIds));
    }
    
    // Extend the existing selectPatient function to save IDs to localStorage
    const originalSelectPatient = window.selectPatient;
    window.selectPatient = function(id, checked) {
        if (originalSelectPatient) {
            originalSelectPatient(id, checked);
        }
        
        // Save current selection to localStorage
        if (window.selectedPatientIds) {
            saveSelectedPatients(window.selectedPatientIds);
        }
    };
    
    // Extend the selectAll function
    const originalSelectAll = window.selectAll;
    window.selectAll = function(checked) {
        if (originalSelectAll) {
            originalSelectAll(checked);
        }
        
        // Save current selection to localStorage
        if (window.selectedPatientIds) {
            saveSelectedPatients(window.selectedPatientIds);
        }
    };
    
    // Override the updateSelectionCounter function to update the backup button state
    const originalUpdateSelectionCounter = window.updateSelectionCounter;
    window.updateSelectionCounter = function() {
        if (originalUpdateSelectionCounter) {
            originalUpdateSelectionCounter();
        }
        
        // Update backup button state based on selection
        const backupBtn = document.getElementById('backupSelectedBtn');
        if (backupBtn) {
            if (window.selectedPatientIds && window.selectedPatientIds.length > 0) {
                backupBtn.classList.add('active');
            } else {
                backupBtn.classList.remove('active');
            }
        }
        
        // Also call our custom updateBackupButton function
        if (typeof updateBackupButton === 'function') {
            updateBackupButton();
        }
    };
    
    // بازیابی موقعیت اسکرول و صفحه‌بندی در هنگام بارگذاری صفحه
    document.addEventListener('DOMContentLoaded', function() {
        // بررسی وجود اطلاعات ذخیره شده
        if (localStorage.getItem('scrollPosition') && localStorage.getItem('currentPage')) {
            const scrollPos = parseInt(localStorage.getItem('scrollPosition'));
            const savedPage = parseInt(localStorage.getItem('currentPage'));
            const filtersState = JSON.parse(localStorage.getItem('filtersState') || '{}');
            
            // تنظیم فیلترها اگر وجود داشته باشند
            setTimeout(() => {
                Object.keys(filtersState).forEach(column => {
                    const filterInput = document.querySelector(`.filter-input[data-column="${column}"]`);
                    if (filterInput) {
                        filterInput.value = filtersState[column];
                    }
                });
                
                // بارگذاری صفحه ذخیره شده
                if (window.handlePagination && typeof window.handlePagination === 'function' && savedPage > 1) {
                    window.handlePagination(savedPage);
                }
                
                // بازگرداندن موقعیت اسکرول
                window.scrollTo(0, scrollPos);
                
                // پاک کردن اطلاعات ذخیره شده پس از استفاده
                localStorage.removeItem('scrollPosition');
                localStorage.removeItem('currentPage');
                localStorage.removeItem('filtersState');
            }, 300);
        }
    });
</script>
{% endblock %}