<?php $__env->startSection('content'); ?>
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-inline-block">عرض جميع طلبات الموافقة</h3>
            <div class="row breadcrumbs-top d-inline-block">
                <div class="breadcrumb-wrapper col-12"></div>
            </div>
        </div>
    </div>
    
    <style>
        .log-entry {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .time-circle {
            display: inline-block;
            width: 60px;
            height: 40px;
            border-radius: 50%;
            background-color: #b5b6b7;
            color: #080808;
            text-align: center;
            line-height: 30px;
            font-weight: bold;
        }
        
        .status-badge {
            font-size: 13px;
            min-width: 100px;
            text-align: center;
        }
        
        .dropdown-menu {
            min-width: 120px;
        }
    </style>
    
    <div class="content-body">
        <section id="column-selectors">
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-header">
                            <h4 class="card-title">عرض</h4>
                            <a class="heading-elements-toggle"><i class="la la-ellipsis-v font-medium-3"></i></a>
                            <div class="heading-elements">
                                <ul class="list-inline mb-0">
                                    <li><a data-action="collapse"><i class="ft-minus"></i></a></li>
                                    <li><a data-action="reload" onclick="window.location.reload()"><i class="ft-rotate-cw"></i></a></li>
                                    <li><a data-action="expand"><i class="ft-maximize"></i></a></li>
                                    <li><a data-action="close"><i class="ft-x"></i></a></li>
                                </ul>
                            </div>
                            <br>
               <form method="GET" action="<?php echo e(route('orders.index')); ?>" id="searchForm">
    <div class="row">
        <div class="col-md-3">
            <input type="text" name="permit_number" id="permit_number" class="form-control" 
                   placeholder="رقم التصريح" value="<?php echo e(request('permit_number')); ?>">
        </div>
        
        <div class="col-md-3">
            <input type="text" name="full_name" id="full_name" class="form-control" 
                   placeholder="الاسم الكامل" value="<?php echo e(request('full_name')); ?>">
        </div>
        
        <div class="col-md-3">
            <select name="status" id="status" class="form-control" style="max-width: 180px;">
                <option value="">جميع الحالات</option>
                <option value="جديد" <?php echo e(request('status') == 'جديد' ? 'selected' : ''); ?>>جديد</option>
                <option value="قيد الموافقة" <?php echo e(request('status') == 'قيد الموافقة' ? 'selected' : ''); ?>>قيد الموافقة</option>
                <option value="مرفوض" <?php echo e(request('status') == 'مرفوض' ? 'selected' : ''); ?>>مرفوض</option>
                <option value="مفعل" <?php echo e(request('status') == 'مفعل' ? 'selected' : ''); ?>>مفعل</option>
            </select>
        </div>
        
        <div class="col-md-2">
            <button type="submit" class="btn btn-primary">بحث</button>
            <a href="<?php echo e(route('orders.index')); ?>" class="btn btn-secondary">إلغاء</a>
        </div>
    </div>
</form>
                          

                        </div>
                        <div class="card-content collapse show">
                            <div class="card-body card-dashboard">
                                <div style="overflow-x: auto; width: 100%;">
                                    <table class="table table-striped table-bordered dataex-html5-selectors" style="min-width: 1200px;">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>رقم التصريح</th>
                                                <th>نوع التصريح</th>
                                                <th>الاسم الكامل</th>
                                                <th>الرقم الوطني/ جواز السفر</th>
                                                <th>الجنس</th>
                                                <th>الجنسية</th>
                                                <th>جهة العمل</th>
                                                <th>الغرض من الدخول</th>
                                                <th>المناطق المصرح بها</th>
                                                <th>وقت الابتداء</th>
                                                <th>وقت انتهاء الصلاحية</th>
                                                <th>صورة شخصية</th>
                                                <th>وثائق داعمة</th>
                                                <th>حالة التصريح</th>
                                                <th>ملاحظات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php if($index->isEmpty()): ?>
                                                <tr>
                                                    <td colspan="16" class="text-center">لا توجد بيانات</td>
                                                </tr>
                                            <?php else: ?>
                                                <?php $__currentLoopData = $index; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $permit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                    <tr id="permit-row-<?php echo e($permit->id); ?>">
                                                        <td><?php echo e($loop->iteration); ?></td>
                                                        <td>
                                                            <?php echo e($permit->permit_number); ?>

                                                            <img src="<?php echo e(asset($permit->qr_code)); ?>" width="50" height="50" />
                                                        </td>
                                                        <td><?php echo e($permit->type->name); ?></td>
                                                        <td><?php echo e($permit->full_name); ?></td>
                                                        <td><?php echo e($permit->national_id); ?></td>
                                                        <td><?php echo e($permit->gender === 'ذكر' ? 'ذكر' : 'أنثى'); ?></td>
                                                        <td><?php echo e($permit->nationality); ?></td>
                                                        <td><?php echo e($permit->orgas->name); ?></td>
                                                        <td><?php echo e($permit->purpose->name); ?></td>
                                                        <td><?php echo e($permit->authorized_areas->name); ?></td>
                                                        <td><?php echo e($permit->entry_time); ?></td>
                                                        <td><?php echo e($permit->exit_time); ?></td>
                                                        <td>
                                                            <?php if($permit->photo): ?>
                                                                <img src="<?php echo e(asset('photos/' . $permit->photo)); ?>" alt="الصورة الشخصية" width="50" height="50" class="rounded-circle border">
                                                            <?php else: ?>
                                                                <span class="text-muted">لا توجد صورة</span>
                                                            <?php endif; ?>
                                                        </td>
                                                        <td>
                                                            <a href="<?php echo e(route('documents', $permit->id)); ?>" class="btn btn-info btn-sm">
                                                                <i class="fas fa-file-alt"></i>
                                                            </a>
                                                        </td>
                                                        <td id="status-cell-<?php echo e($permit->id); ?>">
                                                            <?php
                                                                $statusColors = [
                                                                    'جديد' => 'secondary',
                                                                    'قيد الموافقة' => 'warning',
                                                                    'مرفوض' => 'danger',
                                                                    'مفعل' => 'success',
                                                                    'منتهي' => 'dark',
                                                                ];
                                                                
                                                                $now = \Carbon\Carbon::now();
                                                                $entry = \Carbon\Carbon::parse($permit->entry_time);
                                                                $exit = \Carbon\Carbon::parse($permit->exit_time);
                                                                
                                                                if ($now->lt($entry)) {
                                                                    if ($permit->type->name === 'موظف') {
                                                                        $dynamicStatus = 'منتهي';
                                                                    } else {
                                                                        $dynamicStatus = $permit->status->name ?? 'جديد';
                                                                    }
                                                                } elseif ($now->between($entry, $exit)) {
                                                                    if ($permit->type->name === 'موظف') {
                                                                        $dynamicStatus = 'مفعل';
                                                                    } else {
                                                                        $dynamicStatus = $permit->status->name ?? 'مفعل';
                                                                    }
                                                                } else {
                                                                    $dynamicStatus = 'منتهي';
                                                                    
                                                                    if ($permit->status->name !== 'منتهي') {
                                                                        $expiredStatus = \App\Models\Status::where('name', 'منتهي')->first();
                                                                        if ($expiredStatus) {
                                                                            $permit->status_id = $expiredStatus->id;
                                                                            $permit->save();
                                                                        }
                                                                    }
                                                                }
                                                                
                                                                $statusColor = $statusColors[$dynamicStatus] ?? 'secondary';
                                                            ?>
                                                            
                                                            <?php if($permit->type->name === 'موظف'): ?>
                                                                <span class="badge bg-<?php echo e($statusColor); ?> status-badge">
                                                                    <?php echo e($dynamicStatus); ?>

                                                                </span>
                                                            <?php else: ?>
                                                                <div class="dropdown" id="status-dropdown-<?php echo e($permit->id); ?>">
                                                                    <button class="btn btn-sm btn-<?php echo e($statusColor); ?> dropdown-toggle status-btn" 
                                                                            type="button" 
                                                                            data-toggle="dropdown" 
                                                                            aria-haspopup="true" 
                                                                            aria-expanded="false"
                                                                            data-permit-id="<?php echo e($permit->id); ?>">
                                                                        <?php echo e($dynamicStatus); ?>

                                                                    </button>
                                                                    <div class="dropdown-menu" aria-labelledby="statusDropdown<?php echo e($permit->id); ?>">
                                                                        <?php $__currentLoopData = ['قيد الموافقة', 'مفعل', 'مرفوض']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $name): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                                            <a class="dropdown-item status-option" 
                                                                               href="#" 
                                                                               data-status="<?php echo e($name); ?>" 
                                                                               data-permit-id="<?php echo e($permit->id); ?>">
                                                                                <?php echo e($name); ?>

                                                                            </a>
                                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                                    </div>
                                                                </div>
                                                            <?php endif; ?>
                                                        </td>
                                                        <td style="white-space: nowrap;">
                                                            <!--<a href="<?php echo e(route('permits.show', $permit->id)); ?>" class="btn btn-primary btn-sm">-->
                                                            <!--    <i class="fas fa-eye"></i>-->
                                                            <!--</a>-->
                                                            <button class="btn btn-info btn-sm" 
                                                                    onclick="showNotes('<?php echo e($permit->full_name); ?>', '<?php echo e($permit->permit_number); ?>', `<?php echo e(str_replace('`', '\`', $permit->notes ?? 'لا توجد ملاحظات')); ?>`)">
                                                                <i class="fas fa-sticky-note"></i> ملاحظات
                                                            </button>
                                                        </td>
                                                    </tr>
                                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                            <?php endif; ?>
                                        </tbody>
                                        <tfoot>
                                            <tr>
                                                <th>#</th>
                                                <th>رقم التصريح</th>
                                                <th>نوع التصريح</th>
                                                <th>الاسم الكامل</th>
                                                <th>الرقم الوطني/ جواز السفر</th>
                                                <th>الجنس</th>
                                                <th>الجنسية</th>
                                                <th>جهة العمل</th>
                                                <th>الغرض من الدخول</th>
                                                <th>المناطق المصرح بها</th>
                                                <th>وقت الابتداء</th>
                                                <th>وقت انتهاء الصلاحية</th>
                                                <th>صورة شخصية</th>
                                                <th>وثائق داعمة</th>
                                                <th>حالة التصريح</th>
                                                <th>ملاحظات</th>
                                            </tr>
                                        </tfoot>
                                    </table>
                                </div>
                                 <div class="d-flex justify-content-center">
<?php echo e($index->links('pagination::bootstrap-4')); ?>

</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    
    <script>
        function showNotes(name, permitNumber, notes) {
            Swal.fire({
                title: "ملاحظات",
                html: `
                    <div id="custom-note-modal" style="font-size: 18px; text-align: right; direction: rtl;">
                        <div style="display: flex; justify-content: space-between; margin-bottom: 10px;">
                            <div><strong>الاسم:</strong> ${name}</div>
                            <div><strong>رقم التصريح:</strong> ${permitNumber}</div>
                        </div>
                        <div>
                            <strong>الملاحظات:</strong>
                            <div style="border: 1px solid #ccc; padding: 15px; background: #f9f9f9; max-height: 600px; overflow-y: auto; font-size: 16px;">
                                ${notes}
                            </div>
                        </div>
                    </div>
                `,
                showCloseButton: true,
                showConfirmButton: false,
                width: '600px',
                customClass: {
                    container: 'swal2-container-custom',
                    popup: 'swal2-popup-custom'
                }
            });
        }
        
        $(document).ready(function() {
            // تحديث الحالة عند النقر على أحد الخيارات
            $(document).on('click', '.status-option', function(e) {
                e.preventDefault();
                
                const permitId = $(this).data('permit-id');
                const newStatus = $(this).data('status');
                
                updatePermitStatus(permitId, newStatus);
            });
        });
        
        function updatePermitStatus(permitId, newStatus) {
            $.ajax({
                url: "<?php echo e(route('permits.ajax.updateStatus')); ?>",
                method: "POST",
                data: {
                    _token: '<?php echo e(csrf_token()); ?>',
                    permit_id: permitId,
                    status_name: newStatus
                },
                beforeSend: function() {
                    // إظهار مؤشر التحميل
                    $(`#status-dropdown-${permitId} .status-btn`).html(`
                        <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                        جاري التحديث...
                    `);
                },
                success: function(response) {
                    // تحديد لون الحالة الجديدة
                    const statusColors = {
                        'جديد': 'secondary',
                        'قيد الموافقة': 'warning',
                        'مرفوض': 'danger',
                        'مفعل': 'success',
                        'منتهي': 'dark'
                    };
                    
                    const newColor = statusColors[response.status] || 'secondary';
                    
                    // تحديث الزر مباشرة
                    const statusBtn = $(`#status-dropdown-${permitId} .status-btn`);
                    statusBtn.removeClass('btn-secondary btn-warning btn-danger btn-success btn-dark');
                    statusBtn.addClass(`btn-${newColor}`);
                    statusBtn.html(`${response.status} <span class="caret"></span>`);
                    
                    // إظهار رسالة النجاح
                    Swal.fire({
                        icon: 'success',
                        title: 'تم التحديث بنجاح',
                        text: 'تم تحديث حالة التصريح بنجاح',
                        timer: 2000,
                        showConfirmButton: false
                    });
                },
                error: function(xhr) {
                    // إعادة تعيين الزر في حالة الخطأ
                    $(`#status-dropdown-${permitId} .status-btn`).html(`
                        ${$(`#status-dropdown-${permitId} .status-btn`).data('original-text')} <span class="caret"></span>
                    `);
                    
                    // إظهار رسالة الخطأ
                    Swal.fire({
                        icon: 'error',
                        title: 'خطأ',
                        text: xhr.responseJSON?.message || 'حدث خطأ أثناء تحديث الحالة',
                    });
                }
            });
        }
    </script>
        <script>
        $(document).ready(function() {
            // متغير لتأخير البحث التلقائي
            let searchTimer;
            
            // البحث التلقائي عند تغيير الحقول
            $('#permit_number, #full_name, #status').on('input change', function() {
                clearTimeout(searchTimer);
                
                // تأخير البحث لمدة 500 مللي ثانية بعد آخر كتابة
                searchTimer = setTimeout(function() {
                    // إذا كانت الحقول فارغة أو في حالة الإفتراضي، نرسل النموذج
                    if ($('#permit_number').val() === '' && 
                        $('#full_name').val() === '' && 
                        $('#status').val() === '') {
                        $('#searchForm').submit();
                    } else {
                        // إذا كان هناك قيمة في أي حقل، نرسل النموذج
                        $('#searchForm').submit();
                    }
                }, 500);
            });
            
            // إعادة تعيين النموذج عند النقر على زر الإلغاء
            $('.btn-secondary').on('click', function(e) {
                e.preventDefault();
                window.location.href = "<?php echo e(route('orders.index')); ?>";
            });
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('admin.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/almaugqb/permits.bariqgreenline.com/resources/views/admin/permits/orders.blade.php ENDPATH**/ ?>