<?php
require_once '../config.php';

// التحقق من تسجيل الدخول
requireLogin();

// التحقق من وجود معرف المنخرط
if (!isset($_GET['id']) || empty($_GET['id'])) {
    setAlert('danger', 'معرف المنخرط مطلوب');
    header('Location: ' . SITE_URL . '/members/index.php');
    exit;
}

$memberId = (int)$_GET['id'];

// الحصول على بيانات المنخرط
$query = "SELECT m.*, c.name as category_name 
          FROM members m 
          LEFT JOIN categories c ON m.category_id = c.id 
          WHERE m.id = :id";
$member = fetchOne($query, [':id' => $memberId]);

if (!$member) {
    setAlert('danger', 'المنخرط غير موجود');
    header('Location: ' . SITE_URL . '/members/index.php');
    exit;
}

// الحصول على معلومات الجمعية
$query = "SELECT * FROM association_settings LIMIT 1";
$association = fetchOne($query);

// الحصول على تاريخ الاشتراكات
$query = "SELECT s.*, u.full_name as created_by_name 
          FROM subscriptions s 
          LEFT JOIN users u ON s.created_by = u.id 
          WHERE s.member_id = :member_id 
          ORDER BY s.start_date DESC";
$subscriptions = fetchAll($query, [':member_id' => $memberId]);

// الحصول على سجل الحضور
$query = "SELECT a.*, t.title as session_title, t.day_of_week, t.start_time, t.end_time, u.full_name as recorded_by_name 
          FROM attendance a 
          LEFT JOIN training_sessions t ON a.training_session_id = t.id 
          LEFT JOIN users u ON a.recorded_by = u.id 
          WHERE a.member_id = :member_id 
          ORDER BY a.session_date DESC 
          LIMIT 10";
$attendanceRecords = fetchAll($query, [':member_id' => $memberId]);

// الحصول على سجل الاشتراكات الشهرية
$query = "SELECT mp.*, u.full_name as created_by_name 
          FROM monthly_payments mp 
          LEFT JOIN users u ON mp.created_by = u.id 
          WHERE mp.member_id = :member_id 
          ORDER BY mp.payment_month DESC 
          LIMIT 6";
$monthlyPayments = fetchAll($query, [':member_id' => $memberId]);

// عنوان الصفحة
$pageTitle = 'عرض بيانات المنخرط - ' . $member['first_name'] . ' ' . $member['last_name'];

// تضمين ملف الهيدر
include '../includes/header.php';
?>

<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h3 mb-0"><i class="fas fa-user me-2"></i> بيانات المنخرط</h1>
    <div>
        <a href="<?php echo SITE_URL; ?>/members/index.php" class="btn btn-secondary me-2">
            <i class="fas fa-arrow-right"></i> العودة إلى القائمة
        </a>
        <div class="btn-group">
            <a href="<?php echo SITE_URL; ?>/members/edit.php?id=<?php echo $member['id']; ?>" class="btn btn-primary">
                <i class="fas fa-edit"></i> تعديل
            </a>
            <a href="<?php echo SITE_URL; ?>/members/card.php?id=<?php echo $member['id']; ?>" class="btn btn-warning">
                <i class="fas fa-id-card"></i> البطاقة
            </a>
            <?php if (!isSubscriptionValid($member['id'])): ?>
                <a href="<?php echo SITE_URL; ?>/members/renew.php?id=<?php echo $member['id']; ?>" class="btn btn-success">
                    <i class="fas fa-sync-alt"></i> تجديد الاشتراك
                </a>
            <?php endif; ?>
        </div>
    </div>
</div>

<div class="row">
    <!-- البيانات الشخصية -->
    <div class="col-md-4 mb-4">
        <div class="card h-100">
            <div class="card-header bg-primary text-white">
                <i class="fas fa-info-circle me-2"></i> البيانات الشخصية
            </div>
            <div class="card-body">
                <div class="text-center mb-4">
                    <?php
                    $photoPath = !empty($member['photo']) 
                        ? SITE_URL . '/uploads/members/' . $member['photo'] 
                        : SITE_URL . '/assets/img/default-user.png';
                    ?>
                    <img src="<?php echo $photoPath; ?>" alt="صورة المنخرط" class="img-fluid rounded-circle" style="max-width: 150px;">
                    <h4 class="mt-3"><?php echo $member['first_name'] . ' ' . $member['last_name']; ?></h4>
                    <p class="text-muted"><?php echo $member['category_name']; ?></p>
                    
                    <?php
                    $subscriptionValid = isSubscriptionValid($member['id']);
                    $endDate = getSubscriptionEndDate($member['id']);
                    
                    if ($subscriptionValid) {
                        echo '<div class="badge bg-success p-2 mb-3">الاشتراك ساري حتى ' . $endDate . '</div>';
                    } else {
                        echo '<div class="badge bg-danger p-2 mb-3">الاشتراك منتهي</div>';
                    }
                    ?>
                </div>
                
                <div class="mb-3">
                    <h5>معلومات الاتصال</h5>
                    <hr>
                    <p>
                        <i class="fas fa-phone me-2"></i> <?php echo $member['phone'] ?: 'غير متوفر'; ?>
                        <?php if (!empty($member['phone'])): ?>
                            <div class="dropdown d-inline ms-2">
                                <button class="btn btn-sm btn-success dropdown-toggle" type="button" id="whatsappDropdown" data-bs-toggle="dropdown" aria-expanded="false">
                                    <i class="fab fa-whatsapp"></i> إرسال واتساب
                                </button>
                                <ul class="dropdown-menu" aria-labelledby="whatsappDropdown">
                                    <?php
                                    // تنسيق رقم الهاتف للواتساب (إضافة كود الدولة 212 للمغرب)
                                    $phoneNumber = $member['phone'];
                                    // إزالة الصفر الأول إذا وجد
                                    if (substr($phoneNumber, 0, 1) === '0') {
                                        $phoneNumber = substr($phoneNumber, 1);
                                    }
                                    // إضافة كود المغرب
                                    $whatsappNumber = '212' . $phoneNumber;
                                    
                                    // رسائل مسبقة التعريف
                                    $memberName = $member['first_name'] . ' ' . $member['last_name'];
                                    
                                    // رسالة تذكير بانتهاء الاشتراك
                                    $expiryMessage = "مرحباً {$memberName}، نود تذكيركم بأن اشتراككم في الجمعية سينتهي بتاريخ {$endDate}. يرجى تجديد الاشتراك قبل انتهاء المدة لضمان استمرار الخدمات. شكراً.";
                                    $expiryMessageEncoded = urlencode($expiryMessage);
                                    
                                    // رسالة إشعار بالتأخر في الدفع
                                    $latePaymentMessage = "مرحباً {$memberName}، نود إعلامكم بأن اشتراككم في الجمعية قد انتهى. يرجى تسديد الاشتراك في أقرب وقت ممكن لتجنب انقطاع الخدمات. شكراً.";
                                    $latePaymentMessageEncoded = urlencode($latePaymentMessage);
                                    
                                    // رسالة مخصصة
                                    $customMessage = "مرحباً {$memberName}، ";
                                    $customMessageEncoded = urlencode($customMessage);
                                    ?>
                                    
                                    <li><a class="dropdown-item" href="https://wa.me/<?php echo $whatsappNumber; ?>?text=<?php echo $expiryMessageEncoded; ?>" target="_blank"><i class="fas fa-calendar-times me-2"></i> تذكير بانتهاء الاشتراك</a></li>
                                    <li><a class="dropdown-item" href="https://wa.me/<?php echo $whatsappNumber; ?>?text=<?php echo $latePaymentMessageEncoded; ?>" target="_blank"><i class="fas fa-exclamation-circle me-2"></i> إشعار بالتأخر في الدفع</a></li>
                                    <li><hr class="dropdown-divider"></li>
                                    <li><a class="dropdown-item" href="https://wa.me/<?php echo $whatsappNumber; ?>?text=<?php echo $customMessageEncoded; ?>" target="_blank"><i class="fas fa-edit me-2"></i> رسالة مخصصة</a></li>
                                </ul>
                            </div>
                        <?php endif; ?>
                    </p>
                    <p><i class="fas fa-envelope me-2"></i> <?php echo $member['email'] ?: 'غير متوفر'; ?></p>
                    <p><i class="fas fa-map-marker-alt me-2"></i> <?php echo $member['address'] ?: 'غير متوفر'; ?></p>
                </div>
                
                <div class="mb-3">
                    <h5>معلومات إضافية</h5>
                    <hr>
                    <p><i class="fas fa-calendar-alt me-2"></i> تاريخ الازدياد: <?php echo formatDate($member['birth_date']); ?></p>
                    <p><i class="fas fa-calendar-check me-2"></i> تاريخ التسجيل: <?php echo formatDate($member['registration_date']); ?></p>
                   </div>
                
                <?php if (!empty($member['notes'])): ?>
                <div class="mb-3">
                    <h5>ملاحظات</h5>
                    <hr>
                    <p><?php echo nl2br($member['notes']); ?></p>
                </div>
                <?php endif; ?>
            </div>
        </div>
    </div>
    
    <!-- تاريخ الاشتراكات -->
    <div class="col-md-8 mb-4">
        <div class="card mb-4">
            <div class="card-header bg-success text-white">
                <i class="fas fa-history me-2"></i> تاريخ الاشتراكات
            </div>
            <div class="card-body">
                <?php if (count($subscriptions) > 0): ?>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>تاريخ البداية</th>
                                    <th>تاريخ النهاية</th>
                                    <th>المبلغ المدفوع</th>
                                    <th>التأمين</th>
                                    <th>طريقة الدفع</th>
                                    <th>رقم الإيصال</th>
                                    <th>تاريخ الدفع</th>
                                    <th>مسجل بواسطة</th>
                                  
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($subscriptions as $subscription): ?>
                                    <tr>
                                        <td><?php echo formatDate($subscription['start_date']); ?></td>
                                        <td><?php echo formatDate($subscription['end_date']); ?></td>
                                        <td><?php echo number_format($subscription['amount_paid'], 2); ?> درهم</td>
                                        <td>
                                            <?php
                                            if ($subscription['is_insurance_paid']) {
                                                echo '<span class="badge bg-success">مدفوع (' . number_format($subscription['insurance_amount'], 2) . ' درهم)</span>';
                                            } else {
                                                echo '<span class="badge bg-danger">غير مدفوع</span>';
                                            }
                                            ?>
                                        </td>
                                        <td>
                                            <?php
                                            $paymentMethods = [
                                                'cash' => 'نقدا',
                                                'bank_transfer' => 'تحويل بنكي',
                                                'check' => 'شيك'
                                            ];
                                            echo $paymentMethods[$subscription['payment_method']] ?? $subscription['payment_method'];
                                            ?>
                                        </td>
                                        <td><?php echo $subscription['receipt_number']; ?></td>
                                        <td><?php echo formatDate($subscription['payment_date']); ?></td>
                                        <td><?php echo $subscription['created_by_name']; ?></td>
                                     
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i> لا يوجد سجل للاشتراكات.
                    </div>
                <?php endif; ?>
            </div>
            <?php if (hasPermission('admin')): ?>
            <div class="card-footer">
                <a href="<?php echo SITE_URL; ?>/members/renew.php?id=<?php echo $member['id']; ?>" class="btn btn-sm btn-success">
                    <i class="fas fa-plus-circle"></i> إضافة اشتراك جديد
                </a>
            </div>
            <?php endif; ?>
        </div>
        
        <!-- سجل الحضور -->
        <div class="card">
            <div class="card-header bg-info text-white">
                <i class="fas fa-clipboard-check me-2"></i> سجل الحضور (آخر 10 سجلات)
            </div>
            <div class="card-body">
                <?php if (count($attendanceRecords) > 0): ?>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>التاريخ</th>
                                    <th>الحصة</th>
                                    <th>الحالة</th>
                                    <th>ملاحظات</th>
                                    <th>مسجل بواسطة</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($attendanceRecords as $record): ?>
                                    <tr>
                                        <td><?php echo formatDate($record['session_date']); ?></td>
                                        <td>
                                            <?php
                                            if ($record['session_title']) {
                                                echo $record['session_title'] . ' (' . getArabicDayName($record['day_of_week']) . ' ' . formatTime($record['start_time']) . ' - ' . formatTime($record['end_time']) . ')';
                                            } else {
                                                echo 'غير محدد';
                                            }
                                            ?>
                                        </td>
                                        <td>
                                            <?php
                                            $statusLabels = [
                                                'present' => '<span class="badge bg-success">حاضر</span>',
                                                'absent' => '<span class="badge bg-danger">غائب</span>',
                                                'excused' => '<span class="badge bg-warning">معذور</span>'
                                            ];
                                            echo $statusLabels[$record['status']] ?? $record['status'];
                                            ?>
                                        </td>
                                        <td><?php echo $record['notes'] ?: '-'; ?></td>
                                        <td><?php echo $record['recorded_by_name']; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php else: ?>
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i> لا يوجد سجل للحضور.
                    </div>
                <?php endif; ?>
            </div>
            <div class="card-footer">
                <a href="<?php echo SITE_URL; ?>/training/sessions.php" class="btn btn-sm btn-info">
                    <i class="fas fa-clipboard-list"></i> عرض سجل الحضور الكامل
                </a>
            </div>
        </div>
    </div>
</div>

<!-- سجل الاشتراكات الشهرية -->
<div class="row mt-4">
    <div class="col-md-12">
        <div class="card">
            <div class="card-header bg-warning text-white d-flex justify-content-between align-items-center">
                <div>
                    <i class="fas fa-money-bill-wave me-2"></i> سجل الاشتراكات الشهرية (آخر 6 أشهر)
                </div>
                <?php if (hasPermission('admin')): ?>
                <div>
                    <button type="button" class="btn btn-sm btn-light me-2" data-bs-toggle="modal" data-bs-target="#addMultiplePaymentsModal">
                        <i class="fas fa-plus-circle"></i> تسجيل دفعات متعددة
                    </button>
                    <button type="button" class="btn btn-sm btn-light" data-bs-toggle="modal" data-bs-target="#addMonthlyPaymentModal">
                        <i class="fas fa-plus-circle"></i> تسجيل دفعة شهرية
                    </button>
                </div>
                <?php endif; ?>
            </div>
            <div class="card-body">
                <?php if (empty($monthlyPayments)): ?>
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle me-2"></i> لا توجد سجلات للاشتراكات الشهرية لهذا المنخرط.
                    </div>
                <?php else: ?>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>شهر الاشتراك</th>
                                    <th>حالة الدفع</th>
                                    <th>تاريخ الدفع</th>
                                    <th>المبلغ المدفوع</th>
                                    <th>طريقة الدفع</th>
                                  
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($monthlyPayments as $payment): ?>
                                    <tr>
                                        <td>
                                            <?php 
                                            $timestamp = strtotime($payment['payment_month']);
                                            echo date('m/Y', $timestamp); 
                                            ?>
                                        </td>
                                        <td>
                                            <?php if ($payment['payment_status'] == 'paid'): ?>
                                                <span class="badge bg-success">مدفوع</span>
                                            <?php elseif ($payment['payment_status'] == 'partial'): ?>
                                                <span class="badge bg-warning">مدفوع جزئيا</span>
                                            <?php else: ?>
                                                <span class="badge bg-danger">غير مدفوع</span>
                                            <?php endif; ?>
                                        </td>
                                        <td><?php echo $payment['payment_date'] ? date('d/m/Y', strtotime($payment['payment_date'])) : '-'; ?></td>
                                        <td><?php echo number_format($payment['amount_paid'], 2) . ' درهم'; ?></td>
                                        <td>
                                            <?php
                                            $paymentMethods = [
                                                'cash' => 'نقدا',
                                                'bank_transfer' => 'تحويل بنكي',
                                                'check' => 'شيك'
                                            ];
                                            echo $paymentMethods[$payment['payment_method']] ?? '-';
                                            ?>
                                        </td>
                                      
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>
                    </div>
                <?php endif; ?>
            </div>
            <div class="card-footer">
                <a href="<?php echo SITE_URL; ?>/monthly_payments/member_payments.php?id=<?php echo $memberId; ?>" class="btn btn-sm btn-warning">
                    <i class="fas fa-list"></i> عرض السجل الكامل للاشتراكات الشهرية
                </a>
                <?php if (hasPermission('admin')): ?>
                <a href="<?php echo SITE_URL; ?>/monthly_payments/member_payments.php?id=<?php echo $memberId; ?>" class="btn btn-sm btn-primary ms-2">
                    <i class="fas fa-plus-circle"></i> تسجيل دفعة شهرية جديدة
                </a>
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>

<!-- Modal لإضافة دفعات متعددة -->
<div class="modal fade" id="addMultiplePaymentsModal" tabindex="-1" aria-labelledby="addMultiplePaymentsModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addMultiplePaymentsModalLabel">تسجيل دفعات شهرية متعددة</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
            </div>
            <form id="multiplePaymentsForm" action="<?php echo SITE_URL; ?>/monthly_payments/save_multiple_payments.php" method="post">
                <div class="modal-body">
                    <input type="hidden" name="member_id" value="<?php echo $memberId; ?>">
                    <input type="hidden" name="redirect_url" value="<?php echo SITE_URL; ?>/members/view.php?id=<?php echo $memberId; ?>">
                    
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="start_month" class="form-label">شهر البداية <span class="text-danger">*</span></label>
                                <input type="month" class="form-control" id="start_month" name="start_month" required>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label for="end_month" class="form-label">شهر النهاية <span class="text-danger">*</span></label>
                                <input type="month" class="form-control" id="end_month" name="end_month" required>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="payment_status" class="form-label">حالة الدفع <span class="text-danger">*</span></label>
                        <select class="form-select" id="multiple_payment_status" name="payment_status" required>
                            <option value="paid">مدفوع</option>
                            <option value="partial">مدفوع جزئيا</option>
                            <option value="unpaid">غير مدفوع</option>
                        </select>
                    </div>
                    
                    <div id="multiple_payment_details">
                        <div class="mb-3">
                            <label for="payment_date" class="form-label">تاريخ الدفع</label>
                            <input type="date" class="form-control" id="multiple_payment_date" name="payment_date">
                        </div>
                        
                        <div class="mb-3">
                            <label for="monthly_fee" class="form-label">المبلغ الشهري (درهم)</label>
                            <input type="number" step="0.01" min="0" class="form-control" id="monthly_fee" name="monthly_fee">
                        </div>
                        
                        <div class="mb-3">
                            <label for="payment_method" class="form-label">طريقة الدفع</label>
                            <select class="form-select" id="multiple_payment_method" name="payment_method">
                                <option value="">-- اختر --</option>
                                <option value="cash">نقدا</option>
                                <option value="bank_transfer">تحويل بنكي</option>
                                <option value="check">شيك</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="notes" class="form-label">ملاحظات</label>
                        <textarea class="form-control" id="multiple_notes" name="notes" rows="3"></textarea>
                    </div>
                    
                    <div class="alert alert-info">
                        <i class="fas fa-info-circle"></i> سيتم تسجيل دفعة لكل شهر بين شهر البداية وشهر النهاية (شاملة).
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">حفظ</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal لإضافة دفعة شهرية -->
<div class="modal fade" id="addMonthlyPaymentModal" tabindex="-1" aria-labelledby="addMonthlyPaymentModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="addMonthlyPaymentModalLabel">تسجيل دفعة شهرية</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
            </div>
            <form action="<?php echo SITE_URL; ?>/monthly_payments/save_payment_fixed.php" method="post">
                <div class="modal-body">
                    <input type="hidden" name="member_id" value="<?php echo $memberId; ?>">
                    <input type="hidden" name="redirect_url" value="<?php echo SITE_URL; ?>/members/view.php?id=<?php echo $memberId; ?>">
                    
                    <div class="mb-3">
                        <label for="payment_month" class="form-label">شهر الدفع <span class="text-danger">*</span></label>
                        <input type="month" class="form-control" id="payment_month" name="payment_month" required>
                    </div>
                    
                    <div class="mb-3">
                        <label for="payment_status" class="form-label">حالة الدفع <span class="text-danger">*</span></label>
                        <select class="form-select" id="payment_status" name="payment_status" required>
                            <option value="paid">مدفوع</option>
                            <option value="partial">مدفوع جزئيا</option>
                            <option value="unpaid">غير مدفوع</option>
                        </select>
                    </div>
                    
                    <div id="payment_details">
                        <div class="mb-3">
                            <label for="payment_date" class="form-label">تاريخ الدفع</label>
                            <input type="date" class="form-control" id="payment_date" name="payment_date">
                        </div>
                        
                        <div class="mb-3">
                            <label for="amount_paid" class="form-label">المبلغ المدفوع (درهم)</label>
                            <input type="number" step="0.01" min="0" class="form-control" id="amount_paid" name="amount_paid">
                        </div>
                        
                        <div class="mb-3">
                            <label for="payment_method" class="form-label">طريقة الدفع</label>
                            <select class="form-select" id="payment_method" name="payment_method">
                                <option value="">-- اختر --</option>
                                <option value="cash">نقدا</option>
                                <option value="bank_transfer">تحويل بنكي</option>
                                <option value="check">شيك</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="mb-3">
                        <label for="notes" class="form-label">ملاحظات</label>
                        <textarea class="form-control" id="notes" name="notes" rows="3"></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                    <button type="submit" class="btn btn-primary">حفظ</button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Modal للإيصال -->
<div class="modal fade" id="receiptModal" tabindex="-1" aria-labelledby="receiptModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="receiptModalLabel">إيصال دفع رسوم الاشتراك</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
            </div>
            <div class="modal-body" id="receipt-content">
                <div class="text-center mb-4">
                    <div class="text-center mb-3">
                        <img src="<?php echo SITE_URL; ?>/uploads/logo/logo.png" alt="شعار الجمعية" style="max-height: 80px; max-width: 200px;">
                    </div>
                    <h3><?php echo $association['name'] ?? 'الجمعية الرياضية'; ?></h3>
                    <p class="mb-1"><?php echo $association['address'] ?? 'العنوان'; ?></p>
                    <p class="mb-1"><?php echo $association['email'] ?? 'contact@association.com'; ?> | <?php echo $association['phone'] ?? '06.61.21.45.75'; ?></p>
                    <?php if (!empty($association['website'])): ?>
                    <p class="mb-3"><?php echo $association['website']; ?></p>
                    <?php endif; ?>
                    <h4 class="mt-3 border-top border-bottom py-2">إيصال دفع رسوم الاشتراك</h4>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-6">
                        <p><strong>رقم الإيصال:</strong> <span id="receipt-number"></span></p>
                        <p><strong>تاريخ الدفع:</strong> <span id="payment-date"></span></p>
                        <p><strong>طريقة الدفع:</strong> <span id="payment-method"></span></p>
                    </div>
                    <div class="col-md-6 text-md-end">
                        <p><strong>اسم المنخرط:</strong> <span id="member-name"></span></p>
                        <p><strong>رقم العضوية:</strong> <span id="member-id"></span></p>
                        <p><strong>الفئة:</strong> <span id="category-name"></span></p>
                    </div>
                </div>
                
                <div class="row mb-3">
                    <div class="col-md-12">
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>البيان</th>
                                    <th>التفاصيل</th>
                                    <th>المبلغ (درهم)</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>رسوم الاشتراك</td>
                                    <td>فترة الاشتراك: <span id="subscription-period"></span></td>
                                    <td id="subscription-amount"></td>
                                </tr>
                                <tr>
                                    <td>رسوم التأمين</td>
                                    <td>تأمين سنوي</td>
                                    <td id="insurance-amount"></td>
                                </tr>
                                <tr class="table-secondary">
                                    <td colspan="2" class="text-end"><strong>المجموع</strong></td>
                                    <td id="total-amount"></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                
                <div class="row mt-4">
                    <div class="col-md-6">
                        <p><strong>ملاحظات:</strong></p>
                        <p>- هذا الإيصال يعتبر دليلاً على دفع رسوم الاشتراك</p>
                        <p>- يرجى الاحتفاظ به للرجوع إليه عند الحاجة</p>
                        <?php if (!empty($association['tax_id'])): ?>
                        <p>- الرقم الضريبي: <?php echo $association['tax_id']; ?></p>
                        <?php endif; ?>
                    </div>
                    <div class="col-md-6 text-md-end">
                        <p class="mb-5"><strong>توقيع المسؤول:</strong></p>
                        <p>_______________________</p>
                        <p><strong>الختم:</strong></p>
                    </div>
                </div>
                
                <div class="row mt-4 pt-3 border-top">
                    <div class="col-md-12 text-center">
                        <p class="small">تم إصدار هذا الإيصال بتاريخ: <span id="issue-date"></span></p>
                        <?php if (!empty($association['bank_account'])): ?>
                        <p class="small">رقم الحساب البنكي: <?php echo $association['bank_account']; ?></p>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
                <button type="button" class="btn btn-primary" id="print-receipt-btn">
                    <i class="fas fa-print"></i> طباعة
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Modal للإيصال الشهري -->
<div class="modal fade" id="monthlyReceiptModal" tabindex="-1" aria-labelledby="monthlyReceiptModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="monthlyReceiptModalLabel">إيصال دفع الواجب الشهري</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="إغلاق"></button>
            </div>
            <div class="modal-body">
                <div id="monthly-receipt-content">
                    <div class="text-center mb-4">
                        <div class="text-center mb-3">
                            <img src="<?php echo SITE_URL; ?>/uploads/logo/logo.png" alt="شعار الجمعية" style="max-height: 80px; max-width: 200px;">
                        </div>
                        <h3><?php echo $association['name'] ?? 'مدرسة الملكي لكرة القدم جرسيف'; ?></h3>
                        <p class="mb-1"><?php echo $association['address'] ?? 'العنوان'; ?></p>
                        <p class="mb-1"><?php echo $association['email'] ?? 'contact@association.com'; ?> | <?php echo $association['phone'] ?? '06.61.21.45.75'; ?></p>
                        <?php if (!empty($association['website'])): ?>
                        <p class="mb-3"><?php echo $association['website']; ?></p>
                        <?php else: ?>
                        <p class="mb-3">https://codeium.com/changelog</p>
                        <?php endif; ?>
                        <h4 class="mt-3 border-top border-bottom py-2">إيصال دفع الواجب الشهري</h4>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <p><strong>تاريخ الدفع:</strong> <span class="monthly-payment-date"></span></p>
                            <p><strong>طريقة الدفع:</strong> <span class="monthly-payment-method"></span></p>
                            <p><strong>حالة الدفع:</strong> <span class="monthly-payment-status"></span></p>
                        </div>
                        <div class="col-md-6 text-md-end">
                            <p><strong>اسم المنخرط:</strong> <span class="monthly-member-name"></span></p>
                            <p><strong>رقم العضوية:</strong> <span class="monthly-member-id"></span></p>
                            <p><strong>الفئة:</strong> <span class="monthly-category-name"></span></p>
                        </div>
                    </div>
                    
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th width="40%">البيان</th>
                                        <th width="35%">التفاصيل</th>
                                        <th width="25%">المبلغ (درهم)</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>الواجب الشهري</td>
                                        <td>شهر: <span class="monthly-payment-month-ar"></span></td>
                                        <td class="monthly-amount"></td>
                                    </tr>
                                    <tr class="table-secondary">
                                        <td colspan="2" class="text-end"><strong>المجموع</strong></td>
                                        <td class="monthly-total-amount"></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    
                    <div class="row mt-4">
                        <div class="col-md-6">
                            <p><strong>ملاحظات:</strong></p>
                            <p class="monthly-payment-notes">- هذا الإيصال يعتبر دليلاً على دفع الواجب الشهري</p>
                            <p>- يرجى الاحتفاظ به للرجوع إليه عند الحاجة</p>
                        </div>
                        <div class="col-md-6 text-md-end">
                            <p class="mb-5"><strong>توقيع المسؤول:</strong></p>
                            <p>_______________________</p>
                        </div>
                    </div>
                    
                    <div class="row mt-4 pt-3 border-top">
                        <div class="col-md-12 text-center">
                            <p class="small">تم إصدار هذا الإيصال بتاريخ: <span class="monthly-issue-date"></span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إغلاق</button>
                <button type="button" class="btn btn-primary" id="print-monthly-receipt-btn">
                    <i class="fas fa-print"></i> طباعة
                </button>
            </div>
        </div>
    </div>
</div>

<!-- نافذة الطباعة المخفية -->
<iframe id="print-frame" style="display:none;"></iframe>

<style>
/* أنماط خاصة بالطباعة */
@media print {
    /* إخفاء جميع العناصر غير الضرورية عند الطباعة */
    body * {
        visibility: hidden;
    }
    
    /* إظهار محتوى الإيصال فقط */
    #receipt-print-content, #receipt-print-content * {
        visibility: visible;
    }
    
    #receipt-print-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
    }
    
    /* تنسيقات إضافية للطباعة */
    #receipt-print-content {
        padding: 20px;
        font-size: 12pt;
    }
    
    #receipt-print-content .table {
        width: 100%;
        border-collapse: collapse;
    }
    
    #receipt-print-content .table th,
    #receipt-print-content .table td {
        border: 1px solid #000;
        padding: 8px;
    }
    
    /* إظهار محتوى الإيصال الشهري عند الطباعة */
    #monthly-receipt-print-content, #monthly-receipt-print-content * {
        visibility: visible;
    }
    
    #monthly-receipt-print-content {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        padding: 20px;
        font-size: 12pt;
    }
    
    #monthly-receipt-print-content .table {
        width: 100%;
        border-collapse: collapse;
    }
    
    #monthly-receipt-print-content .table th,
    #monthly-receipt-print-content .table td {
        border: 1px solid #000;
        padding: 8px;
    }
}
</style>

<script>
// تعريف متغير SITE_URL للاستخدام في JavaScript
const SITE_URL = '<?php echo SITE_URL; ?>';

// تحميل بيانات الإيصال في النافذة المنبثقة
$(document).ready(function() {
    // تعيين التاريخ الحالي كقيمة افتراضية لشهر الدفع
    var today = new Date();
    var year = today.getFullYear();
    var month = (today.getMonth() + 1).toString().padStart(2, '0');
    $('#payment_month').val(year + '-' + month);
    $('#start_month').val(year + '-' + month);
    $('#end_month').val(year + '-' + month);
    
    // تعيين تاريخ اليوم كقيمة افتراضية لتاريخ الدفع
    var day = today.getDate().toString().padStart(2, '0');
    $('#payment_date').val(year + '-' + month + '-' + day);
    $('#multiple_payment_date').val(year + '-' + month + '-' + day);
    
    // إظهار/إخفاء تفاصيل الدفع بناءً على حالة الدفع
    $('#payment_status').on('change', function() {
        var status = $(this).val();
        if (status === 'unpaid') {
            $('#payment_details').hide();
        } else {
            $('#payment_details').show();
        }
    });
    
    // إظهار/إخفاء تفاصيل الدفع المتعدد بناءً على حالة الدفع
    $('#multiple_payment_status').on('change', function() {
        var status = $(this).val();
        if (status === 'unpaid') {
            $('#multiple_payment_details').hide();
        } else {
            $('#multiple_payment_details').show();
        }
    });
    
    // تحميل بيانات إيصال الدفع الشهري
    $('.print-monthly-receipt').on('click', function() {
        // الحصول على البيانات من السمات
        var memberName = $(this).data('member-name');
        var memberId = $(this).data('member-id');
        var paymentMonth = $(this).data('payment-month');
        var paymentMonthAr = $(this).data('payment-month-ar');
        var paymentDate = $(this).data('payment-date');
        var amount = $(this).data('amount');
        var paymentMethod = $(this).data('payment-method');
        var paymentStatus = $(this).data('payment-status');
        var category = $(this).data('category');
        var notes = $(this).data('notes');
        
        // طباعة البيانات في وحدة التحكم للتحقق
        console.log('Monthly Receipt Data:');
        console.log('Member Name:', memberName);
        console.log('Member ID:', memberId);
        console.log('Payment Month:', paymentMonth);
        console.log('Payment Month AR:', paymentMonthAr);
        console.log('Payment Date:', paymentDate);
        console.log('Amount:', amount);
        console.log('Payment Method:', paymentMethod);
        console.log('Payment Status:', paymentStatus);
        console.log('Category:', category);
        console.log('Notes:', notes);
        
        // تعيين القيم في النافذة المنبثقة - استخدام الفئة بدلاً من المعرف
        $('.monthly-member-name').text(memberName);
        $('.monthly-member-id').text(memberId);
        $('.monthly-category-name').text(category);
        $('.monthly-payment-month-ar').text(paymentMonthAr);
        $('.monthly-payment-date').text(paymentDate);
        $('.monthly-amount').text(amount + ' درهم');
        $('.monthly-total-amount').text(amount + ' درهم');
        $('.monthly-payment-method').text(paymentMethod);
        
        // إضافة الملاحظات إذا وجدت
        if (notes && notes.trim() !== '') {
            $('.monthly-payment-notes').html('- ' + notes.replace(/\n/g, '<br>- '));
        } else {
            $('.monthly-payment-notes').html('- هذا الإيصال يعتبر دليلاً على دفع الواجب الشهري');
        }
        
        // ترجمة حالة الدفع
        var statusText = '';
        switch(paymentStatus) {
            case 'paid':
                statusText = 'مدفوع';
                break;
            case 'partial':
                statusText = 'مدفوع جزئيا';
                break;
            case 'unpaid':
                statusText = 'غير مدفوع';
                break;
            default:
                statusText = paymentStatus;
        }
        $('.monthly-payment-status').text(statusText);
        
        // تاريخ إصدار الإيصال (اليوم)
        var today = new Date();
        var dd = String(today.getDate()).padStart(2, '0');
        var mm = String(today.getMonth() + 1).padStart(2, '0');
        var yyyy = today.getFullYear();
        var issueDate = dd + '/' + mm + '/' + yyyy;
        $('.monthly-issue-date').text(issueDate);
    });
    
    // طباعة إيصال الدفع الشهري
    $('#print-monthly-receipt-btn').on('click', function() {
        // إنشاء نسخة من محتوى الإيصال للطباعة
        var printContent = $('#monthly-receipt-content').clone();
        printContent.attr('id', 'monthly-receipt-print-content');
        
        // إضافة أنماط إضافية للطباعة
        printContent.addClass('p-4');
        
        // تعيين المحتوى في إطار الطباعة
        var printFrame = document.getElementById('print-frame');
        var printDocument = printFrame.contentWindow.document;
        printDocument.open();
        printDocument.write('<html><head><title>إيصال دفع الواجب الشهري</title>');
        printDocument.write('<link rel="stylesheet" href="' + SITE_URL + '/assets/css/bootstrap.rtl.min.css">');
        printDocument.write('<style>');
        printDocument.write('body { font-family: Arial, sans-serif; direction: rtl; }');
        printDocument.write('.table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }');
        printDocument.write('.table th, .table td { border: 1px solid #000; padding: 8px; text-align: center; }');
        printDocument.write('.table-light { background-color: #f8f9fa; }');
        printDocument.write('.table-secondary { background-color: #e2e3e5; }');
        printDocument.write('.receipt-logo { max-height: 80px; max-width: 200px; }');
        printDocument.write('</style>');
        printDocument.write('</head><body>');
        printDocument.write(printContent.html());
        printDocument.write('</body></html>');
        printDocument.close();
        
        // طباعة الإطار
        printFrame.contentWindow.focus();
        printFrame.contentWindow.print();
    });
    
    // تحميل بيانات إيصال الاشتراك
    $('.print-receipt').on('click', function() {
        // الحصول على البيانات من السمات
        var id = $(this).data('id');
        var memberName = $(this).data('member-name');
        var memberId = $(this).data('member-id');
        var startDate = $(this).data('start-date');
        var endDate = $(this).data('end-date');
        var amount = $(this).data('amount');
        var insurance = $(this).data('insurance');
        var paymentMethod = $(this).data('payment-method');
        var receiptNumber = $(this).data('receipt-number');
        var paymentDate = $(this).data('payment-date');
        var category = $(this).data('category');
        
        // تعيين القيم في النافذة المنبثقة
        $('#member-name').text(memberName);
        $('#member-id').text(memberId);
        $('#category-name').text(category);
        $('#subscription-period').text(startDate + ' إلى ' + endDate);
        $('#subscription-amount').text(amount + ' درهم');
        $('#insurance-amount').text(insurance + ' درهم');
        $('#payment-method').text(paymentMethod);
        $('#receipt-number').text(receiptNumber);
        $('#payment-date').text(paymentDate);
        
        // حساب المجموع
        var totalAmount = parseFloat(amount.replace(/,/g, '')) + parseFloat(insurance.replace(/,/g, ''));
        $('#total-amount').text(totalAmount.toFixed(2) + ' درهم');
        
        // تاريخ إصدار الإيصال (اليوم)
        var today = new Date();
        var dd = String(today.getDate()).padStart(2, '0');
        var mm = String(today.getMonth() + 1).padStart(2, '0');
        var yyyy = today.getFullYear();
        var issueDate = dd + '/' + mm + '/' + yyyy;
        $('#issue-date').text(issueDate);
    });
    
    // طباعة إيصال الاشتراك
    $('#print-receipt-btn').on('click', function() {
        // إنشاء نسخة من محتوى الإيصال للطباعة
        var printContent = $('#receipt-content').clone();
        printContent.attr('id', 'receipt-print-content');
        
        // إضافة أنماط إضافية للطباعة
        printContent.addClass('p-4');
        
        // تعيين المحتوى في إطار الطباعة
        var printFrame = document.getElementById('print-frame');
        var printDocument = printFrame.contentWindow.document;
        printDocument.open();
        printDocument.write('<html><head><title>إيصال دفع رسوم الاشتراك</title>');
        printDocument.write('<link rel="stylesheet" href="' + SITE_URL + '/assets/css/bootstrap.rtl.min.css">');
        printDocument.write('<style>');
        printDocument.write('body { font-family: Arial, sans-serif; direction: rtl; }');
        printDocument.write('.table { width: 100%; border-collapse: collapse; margin-bottom: 1rem; }');
        printDocument.write('.table th, .table td { border: 1px solid #000; padding: 8px; text-align: center; }');
        printDocument.write('.table-light { background-color: #f8f9fa; }');
        printDocument.write('.table-secondary { background-color: #e2e3e5; }');
        printDocument.write('.receipt-logo { max-height: 80px; max-width: 200px; }');
        printDocument.write('</style>');
        printDocument.write('</head><body>');
        printDocument.write(printContent.html());
        printDocument.write('</body></html>');
        printDocument.close();
        
        // طباعة الإطار
        printFrame.contentWindow.focus();
        printFrame.contentWindow.print();
    });
});
</script>

<?php
// تضمين ملف الفوتر
include '../includes/footer.php';
?>
