<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo e($headertitle ?? "Blog Details"); ?></title>
    <!--// Function to lighten a hex color-->
    
  <?php   
function lightenColor($hex, $percent) {
    $hex = ltrim($hex, '#');
    $r = hexdec(substr($hex, 0, 2));
    $g = hexdec(substr($hex, 2, 2));
    $b = hexdec(substr($hex, 4, 2));
    
    $r = min(255, round($r + ($r * $percent)));
    $g = min(255, round($g + ($g * $percent)));
    $b = min(255, round($b + ($b * $percent)));
    
    return '#' . str_pad(dechex($r), 2, '0', STR_PAD_LEFT)
             . str_pad(dechex($g), 2, '0', STR_PAD_LEFT)
             . str_pad(dechex($b), 2, '0', STR_PAD_LEFT);
}
?>
    
<style>
    :root {
        --body-bg: <?php echo e($siteSettings->body_bg_color ?? '#ffffff'); ?>;
        --body-text: <?php echo e($siteSettings->body_text_color ?? '#000000'); ?>;
        --header-bg: <?php echo e($siteSettings->header_bg_color ?? '#007bff'); ?>;
        --header-text: <?php echo e($siteSettings->header_text_color ?? '#000000'); ?>;
        --card-bg: <?php echo e($siteSettings->card_bg_color ?? '#f8f8f8'); ?>;
        --card-text: <?php echo e($siteSettings->card_text_color ?? '#000000'); ?>;
        --card-hover-bg: <?php echo e(lightenColor($siteSettings->card_bg_color ?? '#f8f8f8', 0.6)); ?>; /* Lighten by 20% */
        --blog-content: <?php echo e($siteSettings->main_contbg_color ?? '#000000'); ?>;
        --sidebar: <?php echo e($siteSettings->sidebar_bg_color ?? '#000000'); ?>;
        --sidebar-text: <?php echo e($siteSettings->sidebar_text_color ?? '#ffffff'); ?>;
        --footer-bg: <?php echo e($siteSettings->footer_bg_color ?? '#000000'); ?>;
        --footer-text: <?php echo e($siteSettings->footer_text_color ?? '#ffffff'); ?>;
        --accent-color: '#ffffff';
        --sidetext-color: '#000';
    }
    /* General Reset */

</style>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />

    <link href="<?php echo e(asset('assets/css/custom.css')); ?>" rel="stylesheet">
    <link href="<?php echo e(asset('assets/css/stylenav.css')); ?>" rel="stylesheet">
    
</head>

<body>
 <!-- Sidebar (for small devices) -->
<nav class="nav-sidebar">
  <div class="nav-header">
    <div class="logo-wrap">
      <a class="logo-icon" href="#"><img alt="logo-icon"
          src="<?php echo e(asset($siteSettings->site_logo)); ?>" width="40" /></a>
      <a class="logo-text" href="#">AndroidWale</a>
    </div>
    <!--<div class="nav-search">-->
    <!--  <div class="search">-->
    <!--    <i class="fa fa-search"></i>-->
    <!--    <input type="search" name="search" placeholder="Search" />-->
    <!--  </div>-->
    <!--</div>-->
  </div>
  <ul class="nav-categories ul-base">
    <li><a href="#">Technology</a></li>
    <li><a href="#">Science</a></li>
  </ul>
  <ul class="social ul-base">
    <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
    <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
    <li><a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a></li>
    <li><a href="#" class="rss"><i class="fa fa-rss"></i></a></li>
  </ul>
  <div class="copyright">
    <span>&copy; 2025 AndroidWale.com</span>
  </div>
</nav>

<!-- Header -->
<header>
  <div class="header-inner clearfix">
    <!-- Toggle Button for small screens only -->
    <div class="nav-btn nav-slider">
  <i class="fa fa-bars menu-icon"></i>
  <i class="fa fa-times close-icon" style="display: none;"></i>
</div>


    <!-- Logo -->
    <div class="header-logo">
      <a href="#"><img alt="logo" src="<?php echo e(asset($siteSettings->site_logo)); ?>" /></a>
    </div>

    <!-- Categories (hidden on small) -->
    <div class="header-categories">
      <ul class="ul-base">
        <li class="dropdown">
          <a class="dropdown-toggle" href="#"><span>Categories</span> <i class="fa fa-angle-down"></i></a>
          <ul class="dropdown-menu ul-base">
            <li><a href="#">Technology</a></li>
            <li><a href="#">Science</a></li>
          </ul>
        </li>
      </ul>
    </div>

    <!-- Search (visible on all screens now) -->
    <div class="header-search">
      <div class="search">
        <i class="fa fa-search"></i>
        <input type="search" name="search" placeholder="Search" />
      </div>
    </div>

    <!-- Social Icons + Login (hidden on small) -->
    <div class="header-menu">
      <ul class="ul-base">
        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
        <li><a href="#"><i class="fa fa-rss"></i></a></li>
        <li><a href="#">Login</a></li>
      </ul>
    </div>
  </div>
</header>
<?php /**PATH /home/ewx7upyjsani/public_html/androidwale.com/resources/views/frontend/layouts/header.blade.php ENDPATH**/ ?>