Hugging Face's logo

Spaces:
ibrohm
/
mtextylelastedweb
Sleeping

App Files Community
mtextylelastedweb
File size: 5,554 Bytes
7b3aac2
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!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>