<script setup>
import AdminLayout from '@/Layouts/AdminLayout.vue'
const props = defineProps({
  config: Object,
})
</script>

<template>
  <AdminLayout title="Nastavitve dokumentov">
    <h1 class="text-2xl font-semibold mb-4">Nastavitve dokumentov</h1>
    <div class="space-y-4">
      <div class="p-4 bg-white rounded border">
        <h2 class="font-medium mb-2">Privzeti vzorci</h2>
        <p class="text-sm text-gray-600">Ime datoteke: <code class="px-1 bg-gray-100 rounded">{{ config.file_name_pattern }}</code></p>
        <p class="text-sm text-gray-600">Format datuma: <code class="px-1 bg-gray-100 rounded">{{ config.date_format }}</code></p>
        <p class="text-sm text-gray-600">Politika nerešenih: <code class="px-1 bg-gray-100 rounded">{{ config.unresolved_policy }}</code></p>
      </div>
      <div class="p-4 bg-white rounded border">
        <h2 class="font-medium mb-2">Dovoljeni tokeni (whitelist)</h2>
        <div v-for="(cols, entity) in config.whitelist" :key="entity" class="mb-3">
          <div class="text-sm font-semibold">{{ entity }}</div>
          <div class="text-xs text-gray-600" v-if="cols.length">{{ cols.join(', ') }}</div>
          <div class="text-xs text-gray-400" v-else>(brez specifičnih stolpcev)</div>
        </div>
      </div>
      <div class="p-4 bg-white rounded border">
        <h2 class="font-medium mb-2">Uredi (prihaja)</h2>
        <p class="text-xs text-gray-500">Za urejanje bo dodan obrazec. Trenutno spremembe izvedite v <code>config/documents.php</code>.</p>
      </div>
    </div>
  </AdminLayout>
</template>
