<?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">
              <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="<?php echo e(route("permits.create")); ?>">إضافة تصريح جديد</a>
              </li>
            </ol>
          </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;
    }
    </style>
    <div class="content-body">
      <!-- HTML5 export buttons table -->
      <!-- Column selectors table -->
      <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"><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('permits.index')); ?>">
                <div class="row">
                    <div class="col-md-3">
                        <input type="text" name="permit_number" class="form-control" placeholder="رقم التصريح" value="<?php echo e(request('permit_number')); ?>">
                    </div>
                    <div class="col-md-3">
                        <input type="text" name="national_id" class="form-control" placeholder="الرقم الوطني" value="<?php echo e(request('national_id')); ?>">
                    </div>
                    <div class="col-md-3">
                        <input type="text" name="full_name" class="form-control" placeholder="الاسم الكامل" value="<?php echo e(request('full_name')); ?>">
                    </div>
                   
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-primary">بحث</button>
                        <a href="<?php echo e(route('permits.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>
                <th>الإجراءات</th>

                        </tr>
                    </thead>
                 <tbody>
    <?php if($index->isEmpty()): ?>
        <tr>
            <td colspan="8" class="text-center">لا توجد بيانات</td>
        </tr>
    <?php else: ?>
        <?php $__currentLoopData = $index; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $permit): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <tr>
                <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>
  
</td>
  <td><?php echo e($permit->approver->name ?? '_'); ?></td>
<?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 = 'منتهي';

        // تحديث دائم لحالة "منتهي" إذا لم تكن كذلك
        $expiredStatus = \App\Models\Status::where('name', 'منتهي')->first();
        if ($expiredStatus && (!$permit->status || $permit->status->name !== 'منتهي')) {
            $permit->status_id = $expiredStatus->id;
            $permit->save();
        }
    }

    $statusColor = $statusColors[$dynamicStatus] ?? 'secondary';
?>

<td>
    <span class="badge bg-<?php echo e($statusColor); ?>" style="font-size: 13px;">
        <?php echo e($dynamicStatus); ?>

    </span>
</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><script>
function showNotes(name, permitNumber, notes) {
    swal({
        title: "ملاحظات",
        content: {
            element: "div",
            attributes: {
                innerHTML: `
                    <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>
                `
            }
        },
        buttons: {
            confirm: {
                text: "إغلاق",
                className: "btn btn-primary"
            }
        },
        closeOnClickOutside: true,
    });

    // تكبير حجم النافذة بعد إنشائها
    setTimeout(() => {
        const swalBox = document.querySelector('.swal-modal');
        if (swalBox) {
            swalBox.style.width = '500px';
            swalBox.style.maxWidth = '90%';
            swalBox.style.height = 'auto';
            swalBox.style.maxHeight = '110vh';
        }
    }, 10);
}
</script>


    <a href="<?php echo e(route('permits.edit', $permit->id)); ?>" class="btn btn-secondary btn-sm">
        <i class="fas fa-edit"></i>
    </a>

    <button class="btn btn-danger btn-sm" onclick="DeleteRow(event, <?php echo e($permit->id); ?>)">
        <i class="fas fa-trash-alt"></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>
                <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>
      <!--/ Column selectors table -->
</div>


<?php $__env->stopSection(); ?>
<?php $__env->startSection('scripts'); ?>

<script src="https://cdn.jsdelivr.net/npm/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
    function DeleteRow(event, id) {
        event.preventDefault();
        swal({
            title: "هل أنت متأكد من الحذف؟",
            text: "في حالة الموافقة سيتم حذف البيانات نهائيًا",
            icon: "warning",
            buttons: {
                cancel: {
                    text: "لا، إلغاء",
                    visible: true,
                    closeModal: true,
                },
                confirm: {
                    text: "نعم، حذف",
                    visible: true,
                    closeModal: false
                }
            }
        }).then((isConfirm) => {
            if (isConfirm) {
                $.ajax({
                    url: `/admin/permits/${id}`,
                    type: 'POST',
                    data: {
                        _method: 'DELETE',
                        _token: '<?php echo e(csrf_token()); ?>'
                    },
                    success: function(response) {
                        swal("تم الحذف!", "تم حذف النوع بنجاح", "success").then(() => {
                            location.reload();
                        });
                    },
                    error: function(xhr) {
                        swal("خطأ!", "حدث خطأ أثناء الحذف", "error");
                    }
                });
            }
        });
    }
   

</script>
<script>
    function changeStatus(permitId, newStatusName) {
        $.ajax({
            url: "<?php echo e(route('permits.ajax.updateStatus')); ?>",
            method: "POST",
            data: {
                _token: '<?php echo e(csrf_token()); ?>',
                permit_id: permitId,
                status_name: newStatusName
            },
            success: function(response) {
                Swal.fire({
                    icon: 'success',
                    title: 'تم تعديل الحالة بنجاح',
                    timer: 2000,
                    showConfirmButton: false
                });

                // إعادة بناء القائمة بعد التحديث
                let btnClass = {
                    'جديد': 'secondary',
                    'قيد الموافقة': 'warning',
                    'مرفوض': 'danger',
                    'مفعل': 'success',
                    'منتهي': 'dark'
                }[response.status] || 'secondary';

                let dropdownItems = '';
                ['قيد الموافقة', 'مفعل', 'مرفوض'].forEach(name => {
                    dropdownItems += `
                        <a class="dropdown-item" href="#" onclick="changeStatus(${permitId}, '${name}')">${name}</a>
                    `;
                });

                $('#status-container-' + permitId).html(`
                    <div class="dropdown">
                        <button class="btn btn-sm btn-${btnClass} dropdown-toggle" type="button" 
                                id="statusDropdown${permitId}" data-toggle="dropdown" 
                                aria-haspopup="true" aria-expanded="false">
                            ${response.status}
                        </button>
                        <div class="dropdown-menu" aria-labelledby="statusDropdown${permitId}">
                            ${dropdownItems}
                        </div>
                    </div>
                `);
            },
            error: function(xhr) {
                Swal.fire({
                    icon: 'error',
                    title: 'حدث خطأ أثناء تغيير الحالة!',
                    text: xhr.responseJSON?.message || 'خطأ غير معروف',
                });
            }
        });
    }
</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/index.blade.php ENDPATH**/ ?>