<?php $__env->startSection('content'); ?>
<div class="trade-card">
    <h2 class="mb-4 text-xl font-bold text-white">Notifications</h2>
    <div class="space-y-3">
        <?php $__empty_1 = true; $__currentLoopData = $notifications; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $notification): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <div class="rounded-xl border border-trade-border bg-trade-panel p-4 <?php echo e($notification->read_at ? 'opacity-70' : ''); ?>">
                <div class="flex items-start justify-between gap-4">
                    <div>
                        <div class="font-semibold text-white"><?php echo e($notification->title); ?></div>
                        <div class="mt-1 text-sm text-slate-400"><?php echo e($notification->message); ?></div>
                        <div class="mt-2 text-xs text-slate-500"><?php echo e($notification->created_at->diffForHumans()); ?></div>
                    </div>
                    <?php if (! ($notification->read_at)): ?>
                        <form method="POST" action="<?php echo e(route('notifications.read', $notification)); ?>">
                            <?php echo csrf_field(); ?>
                            <button class="trade-btn-ghost text-xs">Mark read</button>
                        </form>
                    <?php endif; ?>
                </div>
            </div>
        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
            <p class="text-slate-500">No notifications yet.</p>
        <?php endif; ?>
    </div>
    <div class="mt-4"><?php echo e($notifications->links()); ?></div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.trading', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /Users/vishal/Desktop/AutoTrade-FlatTrade/resources/views/trading/notifications.blade.php ENDPATH**/ ?>