From 857fa682312f409f6db70937ef38feeda84302d9 Mon Sep 17 00:00:00 2001
From: mi1468 <mahdi1468@gmail.com>
Date: Mon, 12 May 2025 17:28:04 +0330
Subject: [PATCH] added team page

---
 .../src/components/SidebarMenu.vue            |   2 +-
 xroom-dashboard/src/pages/dashboard/team.vue  | 135 +++++++++++++++++-
 2 files changed, 134 insertions(+), 3 deletions(-)

diff --git a/xroom-dashboard/src/components/SidebarMenu.vue b/xroom-dashboard/src/components/SidebarMenu.vue
index 2c1492b..8694a1e 100644
--- a/xroom-dashboard/src/components/SidebarMenu.vue
+++ b/xroom-dashboard/src/components/SidebarMenu.vue
@@ -59,7 +59,7 @@
         <div class="text-wrapper">فایل ها</div>
       </router-link>
 
-      <router-link to="/team" class="nav-button" :class="{ active: isActive('/team') }">
+      <router-link to="/dashboard/teams" class="nav-button" :class="{ active: isActive('/team') }">
         <img class="img" src="https://c.animaapp.com/m9nvumalUMfQbN/img/property-1-team.svg" />
         <div class="text-wrapper">تیم</div>
       </router-link>
diff --git a/xroom-dashboard/src/pages/dashboard/team.vue b/xroom-dashboard/src/pages/dashboard/team.vue
index ebe6748..17f9858 100644
--- a/xroom-dashboard/src/pages/dashboard/team.vue
+++ b/xroom-dashboard/src/pages/dashboard/team.vue
@@ -87,8 +87,50 @@
 
 
 <div v-if="activeTab === 'membership'" class="tab-content">
-  <div class="card">اطلاعات عضویت ۱</div>
-  <div class="card">اطلاعات عضویت ۲</div>
+  <div class="access-container">
+  <!-- Title Section -->
+  <div class="access-header">
+    <div class="header-text">
+      <h3>فعال‌سازی دسترسی XRoom</h3>
+      <p>دسترسی کامل به امکانات XRoom بدون واترمارک</p>
+    </div>
+    <img src="https://cdn-icons-png.flaticon.com/512/1828/1828489.png" alt="Lock Icon" class="lock-icon" />
+  </div>
+
+  <!-- Subscription Button -->
+  <button class="primary-button">
+    👆 انتخاب طرح اشتراکی
+  </button>
+
+  <!-- Info Cards -->
+  <div class="info-cards">
+    <!-- Billing Info -->
+    <div class="info-card">
+      <h4>جزئیات صورتحساب</h4>
+      <p>
+        اصفهان، خیابان وحید، نبش خیابان حسین آباد، مجتمع عسگری ۳، واحد ۳<br />
+        ۸۱۷۵۹۴۹۹۹۱<br />
+        شماره تماس: ۰۹۳۷۹۸۹۸۶۲۳<br />
+        ایمیل: aminimperator@gmail.com
+      </p>
+      <button class="secondary-button">ویرایش جزئیات صورتحساب</button>
+    </div>
+
+    <!-- Membership Info -->
+    <div class="info-card">
+      <h4>عضویت ها</h4>
+      <p>هنوز مجوزی فعال نیست. کاربران شما نمی‌توانند از XRoom با واترمارک استفاده کنند.</p>
+      <button class="secondary-button">مدیریت عضویت ها</button>
+    </div>
+
+    <!-- Payment Method -->
+    <div class="info-card">
+      <h4>روش پرداخت</h4>
+      <p>هیچ روش پرداختی برای صورتحساب مرتبط نیست.</p>
+    </div>
+  </div>
+</div>
+
 </div>
 
 <div v-if="activeTab === 'details'" class="tab-content">
@@ -1429,5 +1471,94 @@ submitNewUser() {
 }
 
 /* dialog  */
+
+
+
+
+/* tab 2 */
+.access-container {
+  direction: rtl;
+  font-family: IRANSansXFaNum, sans-serif;
+  padding: 20px;
+  background-color: #f9f9fb;
+}
+
+.access-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.header-text h3 {
+  font-size: 20px;
+  font-weight: 700;
+  color: #1a202c;
+  margin-bottom: 6px;
+}
+
+.header-text p {
+  color: #4a5568;
+  font-size: 14px;
+}
+
+.lock-icon {
+  width: 40px;
+  height: 40px;
+}
+
+.primary-button {
+  background-color: #3a57e8;
+  color: white;
+  border: none;
+  padding: 12px 24px;
+  font-size: 14px;
+  border-radius: 10px;
+  margin-bottom: 30px;
+  cursor: pointer;
+}
+
+.info-cards {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
+
+.info-card {
+  background: white;
+  border-radius: 16px;
+  padding: 20px;
+  width: 100%;
+  max-width: 300px;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.info-card h4 {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 12px;
+}
+
+.info-card p {
+  font-size: 14px;
+  color: #4a5568;
+  margin-bottom: 16px;
+  line-height: 1.7;
+}
+
+.secondary-button {
+  background-color: #3a57e8;
+  color: white;
+  border: none;
+  padding: 10px 16px;
+  font-size: 13px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+/* tab 2 */
   </style>
   
\ No newline at end of file