mtextylelastedweb / profile.html
ibrohm's picture
Initial deploy via assistant API
7b3aac2 verified
<!DOCTYPE html>
<html lang="uz">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0D1F23">
<title>Profil β€” M-TEXTILE</title>
<link rel="stylesheet" href="css/global.css">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/pages.css">
<link rel="stylesheet" href="css/premium.css">
<link rel="manifest" href="manifest.json">
<!-- AOS CSS -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>
<!-- Global Preloader -->
<div id="global-preloader" class="preloader">
<div class="preloader-spinner"></div>
</div>
<div class="page-wrapper">
<div class="page-content">
<section class="section-padding" style="padding-top: calc(var(--navbar-height) + 2rem);">
<div class="container">
<div class="profile-layout">
<!-- Sidebar -->
<div class="profile-sidebar">
<div class="profile-avatar" id="profileAvatar">U</div>
<div class="profile-name" id="profileName">Foydalanuvchi</div>
<div class="profile-email" id="profileEmail">β€”</div>
<nav class="profile-nav">
<a href="#" class="active" data-section="info">πŸ‘€ Ma'lumotlarim</a>
<a href="#" data-section="orders">πŸ“¦ Buyurtmalarim</a>
<a href="#" data-section="addresses">πŸ“ Manzillarim</a>
<a href="admin.html" style="margin-top:2rem;color:var(--clr-primary);">βš™οΈ Admin
Panel</a>
</nav>
</div>
<!-- Content -->
<div class="profile-content">
<!-- Info Section -->
<div id="section-info">
<h2 style="margin-bottom:1.5rem;">Shaxsiy ma'lumotlar</h2>
<div class="form-group">
<label class="form-label">Ism</label>
<input type="text" class="form-input" id="pName" placeholder="Ismingiz">
</div>
<div class="form-group">
<label class="form-label">Telefon</label>
<input type="tel" class="form-input" id="pPhone" placeholder="+998 90 123 45 67">
</div>
<div class="form-group">
<label class="form-label">Email</label>
<input type="email" class="form-input" id="pEmail" placeholder="email@example.com">
</div>
<button class="btn btn-primary" id="saveProfileBtn">Saqlash</button>
</div>
<!-- Orders Section -->
<div id="section-orders" style="display:none;">
<h2 style="margin-bottom:1.5rem;">Buyurtmalarim</h2>
<div id="ordersList"></div>
<div id="emptyOrders" style="display:none;">
<div class="empty-state">
<div class="empty-state-icon">πŸ“¦</div>
<h3 class="empty-state-title">Buyurtmalar yo'q</h3>
<p class="empty-state-text">Siz hali buyurtma bermadingiz</p>
<a href="catalog.html" class="btn btn-primary">Xarid qilish</a>
</div>
</div>
</div>
<!-- Addresses Section -->
<div id="section-addresses" style="display:none;">
<h2 style="margin-bottom:1.5rem;">Saqlangan manzillar</h2>
<div id="addressList"></div>
<button class="btn btn-outline mt-lg" id="addAddressBtn">+ Yangi manzil
qo'shish</button>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<script src="js/products.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-app-compat.js"></script>
<script src="https://www.gstatic.com/firebasejs/10.12.0/firebase-auth-compat.js"></script>
<script src="js/firebase-config.js"></script>
<script src="js/api.js"></script>
<script src="js/store.js"></script>
<script src="js/app.js"></script>
<script src="js/profile.js"></script>
<script>
if ('serviceWorker' in navigator) navigator.serviceWorker.register('sw.js').then(() => console.log('SW Registered')).catch(e => console.error('SW Error', e));
</script>
<!-- AOS JS -->
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
</body>
</html>