{"file":"index-JpXwtL-Z.js","mappings":"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","names":["$t","_ssrInterpolate","_ssrRenderList","_ssrRenderClass"],"sources":["../../../../pages/garages/[id]/index.vue"],"sourcesContent":["<template>\n  <div>\n    <!-- Loading State -->\n    <div v-if=\"loading\" class=\"flex items-center justify-center py-20\">\n      <div class=\"flex flex-col items-center gap-3\">\n        <svg class=\"w-8 h-8 text-indigo-400 animate-spin\" fill=\"none\" viewBox=\"0 0 24 24\">\n          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" />\n          <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\" />\n        </svg>\n        <p class=\"text-slate-400 text-sm\">{{ $t('garages.details.loading') }}</p>\n      </div>\n    </div>\n\n    <!-- Error State -->\n    <div v-else-if=\"error\" class=\"flex flex-col items-center justify-center py-20 text-center\">\n      <svg class=\"w-12 h-12 text-red-500 mb-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n      </svg>\n      <p class=\"text-red-400 text-sm mb-2\">{{ error }}</p>\n      <button @click=\"fetchDetails\" class=\"px-4 py-2 text-sm bg-indigo-600/20 text-indigo-300 hover:bg-indigo-600/30 rounded-lg transition\">\n        {{ $t('garages.details.retry') }}\n      </button>\n    </div>\n\n    <!-- Content -->\n    <template v-else-if=\"garage\">\n      <!-- Header -->\n      <div class=\"mb-8\">\n        <!-- Back Button -->\n        <button\n          @click=\"goBack\"\n          class=\"inline-flex items-center gap-1.5 text-sm text-slate-400 hover:text-white transition mb-4\"\n        >\n          <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 19l-7-7 7-7\" />\n          </svg>\n          {{ $t('garages.details.back') }}\n        </button>\n\n        <!-- Garage Name + Status -->\n        <div class=\"flex items-center justify-between\">\n          <div class=\"flex items-center gap-4\">\n            <div\n              class=\"w-12 h-12 rounded-xl flex items-center justify-center text-lg font-bold text-white\"\n              :class=\"getInitialsColor(garageDisplayName(garage))\"\n            >\n              {{ getInitials(garageDisplayName(garage)) }}\n            </div>\n            <div>\n              <h1 class=\"text-2xl font-bold text-white\">{{ garageDisplayName(garage) }}</h1>\n              <p class=\"text-sm text-slate-400 mt-0.5\">\n                {{ garage.full_name }}\n                <span v-if=\"garage.tax_number\" class=\"ml-2 text-slate-500\">· {{ $t('garages.details.tax_number') }}: {{ garage.tax_number }}</span>\n              </p>\n            </div>\n          </div>\n          <span\n            class=\"inline-flex items-center px-3 py-1 rounded-full text-xs font-medium\"\n            :class=\"statusBadgeClass(garage.status)\"\n          >\n            <span class=\"w-1.5 h-1.5 rounded-full mr-1.5\" :class=\"statusDotClass(garage.status)\"></span>\n            {{ statusLabel(garage.status) }}\n          </span>\n        </div>\n      </div>\n\n      <!-- Tab Navigation -->\n      <div class=\"border-b border-slate-700 mb-6\">\n        <nav class=\"flex gap-6\">\n          <button\n            v-for=\"tab in tabs\"\n            :key=\"tab.key\"\n            @click=\"activeTab = tab.key\"\n            class=\"pb-3 text-sm font-medium transition border-b-2 -mb-px\"\n            :class=\"activeTab === tab.key\n              ? 'text-indigo-400 border-indigo-400'\n              : 'text-slate-400 border-transparent hover:text-slate-300'\"\n          >\n            {{ tab.label }}\n          </button>\n        </nav>\n      </div>\n\n      <!-- General Tab Content -->\n      <div v-if=\"activeTab === 'general'\" class=\"space-y-6\">\n        <!-- Info Card 1: Cég adatok (Company Data) -->\n        <div class=\"bg-slate-800/50 border border-slate-700 rounded-xl overflow-hidden\">\n          <div class=\"px-6 py-4 border-b border-slate-700 flex items-center gap-3\">\n            <div class=\"p-2 rounded-lg bg-indigo-500/10 text-indigo-400\">\n              <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\" />\n              </svg>\n            </div>\n            <h3 class=\"text-base font-semibold text-white\">{{ $t('garages.details.company_info') }}</h3>\n          </div>\n          <div class=\"px-6 py-5\">\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.company_name') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.full_name }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.display_name') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.display_name || '—' }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.org_type') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ orgTypeLabel(garage.org_type) }}</p>\n                </div>\n              </div>\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.tax_number') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.tax_number || '—' }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.reg_number') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.reg_number || '—' }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.created_at') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ formatDate(garage.created_at) }}</p>\n                </div>\n              </div>\n            </div>\n            <!-- Address -->\n            <div class=\"mt-6 pt-6 border-t border-slate-700/50\">\n              <p class=\"text-xs text-slate-500 uppercase tracking-wider mb-3\">{{ $t('garages.details.address') }}</p>\n              <p class=\"text-sm text-white\">\n                {{ formattedAddress }}\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <!-- Info Card 2: Előfizetés státusza (Subscription Status) -->\n        <div class=\"bg-slate-800/50 border border-slate-700 rounded-xl overflow-hidden\">\n          <div class=\"px-6 py-4 border-b border-slate-700 flex items-center gap-3\">\n            <div class=\"p-2 rounded-lg bg-amber-500/10 text-amber-400\">\n              <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z\" />\n              </svg>\n            </div>\n            <h3 class=\"text-base font-semibold text-white\">{{ $t('garages.details.subscription_info') }}</h3>\n          </div>\n          <div class=\"px-6 py-5\">\n            <div v-if=\"garage.subscription\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.tier_name') }}</p>\n                  <span\n                    class=\"inline-flex mt-1 px-2.5 py-0.5 rounded-full text-xs font-medium\"\n                    :class=\"tierBadgeClass(garage.subscription.tier_name)\"\n                  >\n                    {{ garage.subscription.tier_name }}\n                  </span>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.tier_level') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ $t('garages.details.level_n', { n: garage.subscription.tier_level }) }}</p>\n                </div>\n              </div>\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.expires_at') }}</p>\n                  <p v-if=\"garage.subscription.expires_at\" class=\"text-sm text-white mt-1\">{{ formatDate(garage.subscription.expires_at) }}</p>\n                  <p v-else class=\"text-sm text-slate-400 mt-1 italic\">{{ $t('garages.indefinite') }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.asset_limit') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.subscription.asset_limit }} {{ $t('garages.details.vehicles') }}</p>\n                </div>\n              </div>\n            </div>\n            <div v-else class=\"text-center py-4\">\n              <p class=\"text-sm text-slate-400\">{{ $t('garages.details.no_subscription') }}</p>\n            </div>\n          </div>\n        </div>\n\n        <!-- Info Card 3: Elérhetőség (Contact Info) -->\n        <div class=\"bg-slate-800/50 border border-slate-700 rounded-xl overflow-hidden\">\n          <div class=\"px-6 py-4 border-b border-slate-700 flex items-center gap-3\">\n            <div class=\"p-2 rounded-lg bg-emerald-500/10 text-emerald-400\">\n              <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z\" />\n              </svg>\n            </div>\n            <h3 class=\"text-base font-semibold text-white\">{{ $t('garages.details.contact_info') }}</h3>\n          </div>\n          <div class=\"px-6 py-5\">\n            <div v-if=\"garage.primary_contact\" class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.contact_name') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.primary_contact.full_name }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.contact_role') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.primary_contact.role }}</p>\n                </div>\n              </div>\n              <div class=\"space-y-4\">\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.contact_department') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.primary_contact.department || '—' }}</p>\n                </div>\n                <div>\n                  <p class=\"text-xs text-slate-500 uppercase tracking-wider\">{{ $t('garages.details.contact_phone') }}</p>\n                  <p class=\"text-sm text-white mt-1\">{{ garage.primary_contact.phone || '—' }}</p>\n                </div>\n              </div>\n            </div>\n            <div v-else class=\"text-center py-4\">\n              <p class=\"text-sm text-slate-400\">{{ $t('garages.details.no_contact') }}</p>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Placeholder for other tabs -->\n      <div v-if=\"activeTab !== 'general'\" class=\"flex items-center justify-center py-20\">\n        <p class=\"text-slate-500 text-sm\">{{ $t('garages.details.coming_soon') }}</p>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\ndefinePageMeta({\n  middleware: 'auth',\n})\n\nconst route = useRoute()\nconst router = useRouter()\n\n// ── Types ──────────────────────────────────────────────────────────\n\ninterface ContactPersonInfo {\n  id: number\n  full_name: string\n  role: string\n  department: string | null\n  phone: string | null\n  email: string | null\n  is_primary: boolean\n}\n\ninterface SubscriptionSummary {\n  tier_name: string\n  tier_level: number\n  valid_from: string | null\n  expires_at: string | null\n  is_active: boolean\n  asset_count: number\n  asset_limit: number\n}\n\ninterface GarageDetails {\n  id: number\n  name: string\n  full_name: string\n  display_name: string | null\n  status: string\n  is_active: boolean\n  is_verified: boolean\n  org_type: string\n  address_city: string | null\n  address_zip: string | null\n  address_street_name: string | null\n  address_street_type: string | null\n  address_house_number: string | null\n  tax_number: string | null\n  reg_number: string | null\n  subscription: SubscriptionSummary | null\n  primary_contact: ContactPersonInfo | null\n  created_at: string | null\n  member_count: number\n}\n\n// ── State ──────────────────────────────────────────────────────────\n\nconst loading = ref(true)\nconst error = ref<string | null>(null)\nconst garage = ref<GarageDetails | null>(null)\nconst activeTab = ref('general')\n\nconst tabs = [\n  { key: 'general', label: 'Általános' },\n  { key: 'employees', label: 'Dolgozók' },\n  { key: 'fleet', label: 'Flotta' },\n  { key: 'analytics', label: 'Analitika' },\n]\n\n// ── Computed ───────────────────────────────────────────────────────\n\nconst formattedAddress = computed(() => {\n  if (!garage.value) return '—'\n  const parts: string[] = []\n  if (garage.value.address_zip) parts.push(garage.value.address_zip)\n  if (garage.value.address_city) parts.push(garage.value.address_city)\n  const streetParts: string[] = []\n  if (garage.value.address_street_name) streetParts.push(garage.value.address_street_name)\n  if (garage.value.address_street_type) streetParts.push(garage.value.address_street_type)\n  if (garage.value.address_house_number) streetParts.push(garage.value.address_house_number)\n  if (streetParts.length > 0) parts.push(streetParts.join(' '))\n  return parts.length > 0 ? parts.join(', ') : '—'\n})\n\n// ── Auth Helper ────────────────────────────────────────────────────\n\nfunction getAuthHeaders() {\n  const tokenCookie = useCookie('access_token')\n  const token = tokenCookie.value\n  return token ? { Authorization: `Bearer ${token}` } : {}\n}\n\n// ── Data Fetching ──────────────────────────────────────────────────\n\nasync function fetchDetails() {\n  const orgId = route.params.id\n  if (!orgId) {\n    error.value = 'Invalid garage ID'\n    loading.value = false\n    return\n  }\n\n  loading.value = true\n  error.value = null\n  try {\n    const response = await $fetch<GarageDetails>(`/api/v1/admin/organizations/${orgId}/details`, {\n      headers: getAuthHeaders(),\n    })\n    garage.value = response\n  } catch (err: any) {\n    console.error('[GarageDetails] Failed to fetch:', err)\n    error.value = err?.data?.detail || err?.message || 'Failed to load garage details'\n  } finally {\n    loading.value = false\n  }\n}\n\n// ── Navigation ─────────────────────────────────────────────────────\n\nfunction goBack() {\n  router.push('/garages')\n}\n\n// ── Helpers ────────────────────────────────────────────────────────\n\nfunction garageDisplayName(g: GarageDetails): string {\n  return g.display_name || g.name || g.full_name\n}\n\nfunction getInitials(name: string): string {\n  return name\n    .split(' ')\n    .map(w => w.charAt(0))\n    .join('')\n    .toUpperCase()\n    .slice(0, 2)\n}\n\nfunction getInitialsColor(name: string): string {\n  const colors = [\n    'bg-amber-600', 'bg-purple-600', 'bg-slate-600',\n    'bg-indigo-600', 'bg-emerald-600', 'bg-rose-600',\n    'bg-cyan-600', 'bg-orange-600', 'bg-teal-600',\n  ]\n  let hash = 0\n  for (let i = 0; i < name.length; i++) {\n    hash = name.charCodeAt(i) + ((hash << 5) - hash)\n  }\n  return colors[Math.abs(hash) % colors.length]\n}\n\nfunction statusBadgeClass(status: string): string {\n  if (status === 'active') return 'bg-emerald-500/10 text-emerald-400'\n  if (status === 'suspended') return 'bg-red-500/10 text-red-400'\n  if (status === 'pending_verification') return 'bg-amber-500/10 text-amber-400'\n  return 'bg-slate-500/10 text-slate-400'\n}\n\nfunction statusDotClass(status: string): string {\n  if (status === 'active') return 'bg-emerald-400'\n  if (status === 'suspended') return 'bg-red-400'\n  if (status === 'pending_verification') return 'bg-amber-400'\n  return 'bg-slate-400'\n}\n\nfunction statusLabel(status: string): string {\n  if (status === 'active') return 'Aktív'\n  if (status === 'suspended') return 'Felfüggesztve'\n  if (status === 'pending_verification') return 'Függőben'\n  return 'Inaktív'\n}\n\nfunction tierBadgeClass(tierName: string): string {\n  const name = tierName.toLowerCase()\n  if (name.includes('enterprise') || name.includes('vip') || name.includes('corp')) return 'bg-purple-500/20 text-purple-300'\n  if (name.includes('premium') || name.includes('pro')) return 'bg-amber-500/20 text-amber-300'\n  return 'bg-slate-500/20 text-slate-300'\n}\n\nfunction orgTypeLabel(type: string): string {\n  const labels: Record<string, string> = {\n    individual: 'Magánszemély',\n    service: 'Szerviz',\n    service_provider: 'Szolgáltató',\n    fleet_owner: 'Flottatulajdonos',\n    club: 'Klub',\n    business: 'Vállalkozás',\n  }\n  return labels[type] || type\n}\n\nfunction formatDate(dateStr: string | null): string {\n  if (!dateStr) return '—'\n  try {\n    const d = new Date(dateStr)\n    return d.toLocaleDateString('hu-HU', {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n    })\n  } catch {\n    return dateStr\n  }\n}\n\n// ── Lifecycle ──────────────────────────────────────────────────────\n\nonMounted(() => {\n  fetchDetails()\n})\n</script>\n"],"version":3}