

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

 <div class="app-container">
    <header>
         
        <div class="logo">Login History</div>
    </header>

    <section class="login-history-section">
        <div class="login-history-list"> 
            
             <?php if($loginHistories->isEmpty()): ?>
        <p>No login history found.</p>
    <?php else: ?>
            
            <?php $__currentLoopData = $loginHistories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $history): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
            <div class="login-history-item">
                <div class="login-details">
                    <div class="login-icon">
                        <?php if($history->os == 'Windows' || $history->os == 'Mac' || $history->os == 'Linux'  || $history->os == 'Ubuntu' ): ?>
                        <i class="fas fa-desktop"></i>
                    <?php else: ?>
                        <i class="fas fa-mobile-alt"></i>
                        <?php endif; ?>
                    </div>
                    <div class="login-info">
                        <h4><?php echo e($history->browser ?? 'N/A'); ?> <?php echo e($history->os ?? 'N/A'); ?></h4>
                        <p><?php echo e($history->user_ip); ?>, <?php echo e($history->city ?? 'N/A'); ?>, <?php echo e($history->country ?? 'N/A'); ?></p>
                        <p class="login-time"><?php echo e($history->created_at->format('d-m-Y H:i:s')); ?></p>
                    </div>
                </div>
                <div class="login-status active">
                    <span>Active</span>
                </div>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            
            <?php endif; ?>

            
        </div>
    </section>

   

<style>
.login-history-section {
    padding: 20px;
}

.login-history-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.login-history-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--card-background);
    border-radius: 10px;
    padding: 15px;
}

.login-details {
    display: flex;
    align-items: center;
    gap: 15px;
}

.login-icon {
    background-color: rgba(255,255,255,0.1);
    width: 50px;
    height: 50px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-green);
}

.login-icon i {
    font-size: 24px;
}

.login-info h4 {
    margin-bottom: 5px;
}

.login-info p {
    color: rgba(255,255,255,0.6);
    font-size: 12px;
}

.login-time {
    margin-top: 5px;
}

.login-status {
    display: flex;
    align-items: center;
}

.login-status span {
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    background-color: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.6);
}

.login-status .active span {
    background-color: var(--accent-green);
    color: var(--text-primary);
}
</style>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.user', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/qfsworl3/public_html/resources/views/user/login_histories.blade.php ENDPATH**/ ?>