<?php
    $portalSettings = app(\App\Services\SettingService::class);
    $portalBusinessName = $portalSettings->get('business.name', config('app.name', 'ISP Billing'));
    $portalLogo = $portalSettings->get('business.logo');
?>
<!doctype html>
<html lang="<?php echo e(app()->getLocale()); ?>">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
    <meta name="csrf-token" content="<?php echo e(csrf_token()); ?>">
    <title><?php echo e($title ?? 'Customer Portal'); ?> - <?php echo e($portalBusinessName); ?></title>
    <link href="<?php echo e(asset('assets/css/lib/bootstrap.min.css')); ?>" rel="stylesheet">
    <style>
        :root{--portal-primary:#2563eb;--portal-dark:#0f172a;--portal-muted:#64748b;--portal-border:#e2e8f0;--portal-bg:#f5f7fb;--portal-success:#10b981;--portal-danger:#ef4444}
        *{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:var(--portal-bg);color:var(--portal-dark);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
        body:before{content:"";position:fixed;inset:0 0 auto;height:310px;background:radial-gradient(circle at 82% 5%,rgba(96,165,250,.34),transparent 29%),linear-gradient(135deg,#0f172a 0%,#172554 48%,#1d4ed8 100%);z-index:-1}
        .portal-nav{padding:18px 0;background:transparent}.portal-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;min-width:0}.portal-brand:hover{color:#fff}.portal-brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(255,255,255,.18)}.portal-brand-mark img{width:29px;height:29px;object-fit:contain}.portal-brand-mark svg{width:23px;height:23px}.portal-brand-copy{min-width:0}.portal-brand-name{font-size:1rem;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.portal-brand-copy small{display:block;color:#bfdbfe;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-top:3px}
        .portal-nav-actions{display:flex;gap:8px;align-items:center}.portal-nav-btn{height:40px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;gap:7px;color:#fff;background:rgba(255,255,255,.1);font-size:.82rem;font-weight:700;text-decoration:none}.portal-nav-btn:hover{background:rgba(255,255,255,.2);color:#fff}.portal-nav-btn-light{background:#fff;color:#172554;border-color:#fff}.portal-nav-btn-light:hover{background:#eff6ff;color:#172554}.portal-nav-btn svg{width:16px;height:16px}
        .portal-main{padding-top:12px;padding-bottom:28px}.portal-card{border:1px solid rgba(226,232,240,.9);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.07);overflow:hidden}.portal-alert{border:0;border-radius:15px;box-shadow:0 9px 24px rgba(15,23,42,.08)}
        .portal-footer{padding:18px 12px 30px;text-align:center;color:#94a3b8;font-size:.78rem}.portal-footer a{color:#64748b;font-weight:700;text-decoration:none}
        .portal-modal .modal-content{border:0;border-radius:22px;overflow:hidden;box-shadow:0 28px 80px rgba(15,23,42,.23)}.portal-modal .modal-header{padding:20px 22px;border-bottom:1px solid #eef2f7}.portal-modal .modal-body{padding:22px}.portal-modal .modal-footer{padding:16px 22px;border-top:1px solid #eef2f7}.portal-modal .form-control{min-height:52px;border-radius:13px;border-color:#cbd5e1}.portal-modal .form-control:focus{border-color:#60a5fa;box-shadow:0 0 0 4px rgba(37,99,235,.1)}
        @media(max-width:575.98px){body:before{height:270px}.container{padding-left:14px;padding-right:14px}.portal-nav{padding:13px 0}.portal-brand-mark{width:38px;height:38px;border-radius:11px}.portal-brand-copy small{display:none}.portal-brand-name{max-width:145px}.portal-nav-btn{width:38px;height:38px;padding:0;justify-content:center}.portal-nav-btn span{display:none}.portal-main{padding-top:8px}.portal-card{border-radius:17px}.portal-modal .modal-dialog{align-items:flex-end;min-height:calc(100% - 1rem);margin:.5rem}.portal-modal .modal-content{border-radius:22px 22px 14px 14px}.portal-modal .modal-footer{display:grid;grid-template-columns:1fr 1.45fr}.portal-modal .modal-footer .btn{margin:0;min-height:48px;border-radius:12px}}
    </style>
    <?php echo $__env->yieldPushContent('styles'); ?>
</head>
<body>
    <nav class="portal-nav">
        <div class="container d-flex align-items-center justify-content-between gap-3">
            <a class="portal-brand" href="<?php echo e(route('portal.dashboard')); ?>">
                <span class="portal-brand-mark">
                    <?php if($portalLogo): ?><img src="<?php echo e(asset('storage/'.$portalLogo)); ?>" alt=""><?php else: ?>
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M5 12.55a11 11 0 0 1 14.08 0"/><path d="M8.5 16a6 6 0 0 1 7 0"/><path d="M12 20h.01"/></svg>
                    <?php endif; ?>
                </span>
                <span class="portal-brand-copy"><span class="portal-brand-name"><?php echo e($portalBusinessName); ?></span><small>Customer Portal</small></span>
            </a>
            <div class="portal-nav-actions">
                <a class="portal-nav-btn" href="<?php echo e(route('language.switch', 'en')); ?>" title="Language">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3a15 15 0 0 1 0 18M12 3a15 15 0 0 0 0 18"/></svg><span>English</span>
                </a>
                <form action="<?php echo e(route('customer.logout')); ?>" method="post" class="m-0"><?php echo csrf_field(); ?>
                    <button class="portal-nav-btn portal-nav-btn-light" type="submit"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 17l5-5-5-5M15 12H3"/><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/></svg><span>Logout</span></button>
                </form>
            </div>
        </div>
    </nav>
    <main class="container portal-main">
        <?php if(session('success')): ?><div class="alert alert-success portal-alert"><?php echo e(session('success')); ?></div><?php endif; ?>
        <?php if($errors->any()): ?><div class="alert alert-danger portal-alert"><strong>Payment could not start.</strong><ul class="mb-0 mt-2"><?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><li><?php echo e($error); ?></li><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?></ul></div><?php endif; ?>
        <?php echo $__env->yieldContent('content'); ?>
    </main>
    <footer class="portal-footer">Developed by <a href="https://devniox.com" target="_blank" rel="noopener">Devniox</a></footer>
    <script src="<?php echo e(asset('assets/js/lib/bootstrap.bundle.min.js')); ?>"></script>
    <?php echo $__env->yieldPushContent('scripts'); ?>
</body>
</html>
<?php /**PATH D:\herd\billing\laravel-app\resources\views\layouts\portal.blade.php ENDPATH**/ ?>