<?php
declare(strict_types=1);

if (session_status() !== PHP_SESSION_ACTIVE) {
    session_start();
}

require_once __DIR__ . '/../db.php';
require_once __DIR__ . '/../inc/layout.php';

if (empty($_SESSION['user_id'])) {
    header('Location: ' . u('index.html?e=1'));
    exit;
}

if (!in_array(current_role(), ['OWNER', 'ADMIN', 'LAWYER', 'STAFF'], true)) {
    http_response_code(403);
    exit('غير مصرح');
}

$addContentUrl = u('HLG-AI-Legal-Core/legal_ai_add_content.php');
$legalAiUrl    = u('HLG-AI-Legal-Core/legal_ai.php');
$caseUrl       = u('HLG-AI-Legal-Core/legal_ai_case.php');
$hearingUrl    = u('hearings/hearings.php');
$clientsUrl    = u('cases.php');
$memosUrl      = u('HLG-AI-Legal-Core/legal_ai_memos.php');
$contractsUrl  = u('HLG-AI-Legal-Core/legal_ai_contract.php');

render_layout_start('المكتبة القانونية الذكية');
?>

<style>
.library-page{
  width:100%;
  max-width:100%;
  position:relative;
  z-index:1;
}

.library-hero{
  position:relative;
  z-index:1;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(135deg, rgba(0,106,122,.35), rgba(0,66,79,.18));
  border-radius:22px;
  padding:24px;
  margin-bottom:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.14);
}

.library-hero h1{
  margin:0 0 8px;
  font-size:28px;
  line-height:1.3;
}

.library-hero p{
  margin:0;
  color:rgba(255,255,255,.78);
  line-height:1.8;
  font-size:14px;
}

.library-top-actions{
  position:relative;
  z-index:20;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.library-btn{
  position:relative;
  z-index:25;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:10px 16px;
  border-radius:14px;
  border:1px solid rgba(0,106,122,.45);
  background:linear-gradient(180deg, rgba(0,106,122,.35), rgba(0,66,79,.18));
  color:var(--text);
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
  pointer-events:auto;
  user-select:none;
  transition:.18s ease;
}

.library-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

.library-btn:active{
  transform:translateY(0);
}

.library-btn.ghost{
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
}

.library-search{
  position:relative;
  z-index:1;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  border-radius:18px;
  padding:14px;
  margin-bottom:18px;
}

.library-search input{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.18);
  color:var(--text);
  outline:none;
  font:inherit;
}

.library-search input::placeholder{
  color:rgba(255,255,255,.45);
}

.library-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:16px;
}

.library-card{
  position:relative;
  z-index:1;
  display:block;
  border:1px solid var(--line);
  background:rgba(255,255,255,.04);
  border-radius:20px;
  padding:18px;
  transition:.18s ease;
  min-width:0;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
}

.library-card:hover{
  transform:translateY(-3px);
  background:rgba(255,255,255,.06);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}

.library-icon{
  width:54px;
  height:54px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  margin-bottom:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
}

.library-card h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.5;
}

.library-card p{
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.8;
  font-size:13px;
}

.library-tag{
  display:inline-block;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(0,0,0,.10);
  font-size:12px;
  color:var(--muted);
}

@media (max-width:640px){
  .library-hero h1{
    font-size:23px;
  }

  .library-top-actions{
    flex-direction:column;
  }

  .library-btn{
    width:100%;
  }
}
</style>

<div class="library-page">

  <div class="library-hero">
    <h1>المكتبة القانونية الذكية</h1>
    <p>
      مركز المعرفة القانوني الداخلي لمجموعة حمدان القانونية، ويشمل القوانين والنماذج
      ومرجع القضايا والجلسات والعملاء وربطها مع الذكاء القانوني.
    </p>
  </div>

  <div class="library-top-actions">
    <a href="<?= h($addContentUrl) ?>" class="library-btn">
      إضافة محتوى جديد
    </a>

    <a href="<?= h($legalAiUrl) ?>" class="library-btn ghost">
      العودة إلى الذكاء القانوني
    </a>
  </div>

  <div class="library-search">
    <input type="text" placeholder="ابحث في المكتبة القانونية...">
  </div>

  <div class="library-grid">
    <a class="library-card" href="#">
      <div class="library-icon">⚖️</div>
      <h3>القوانين الاتحادية</h3>
      <p>تصفح مواد القوانين واللوائح والتشريعات المعتمدة داخل قاعدة المعرفة القانونية.</p>
      <span class="library-tag">قوانين</span>
    </a>

    <a class="library-card" href="<?= h($caseUrl) ?>">
      <div class="library-icon">📁</div>
      <h3>مكتبة القضايا</h3>
      <p>الوصول السريع إلى القضايا والبيانات المرتبطة بها وربطها مع أسئلة الروبوت.</p>
      <span class="library-tag">قضايا</span>
    </a>

    <a class="library-card" href="<?= h($hearingUrl) ?>">
      <div class="library-icon">📅</div>
      <h3>مكتبة الجلسات</h3>
      <p>متابعة الجلسات والمواعيد والقرارات والملاحظات الخاصة بكل قضية.</p>
      <span class="library-tag">جلسات</span>
    </a>

    <a class="library-card" href="<?= h($clientsUrl) ?>">
      <div class="library-icon">👤</div>
      <h3>مكتبة العملاء</h3>
      <p>مركز منظم لبيانات العملاء وربط العميل بالقضايا والجلسات والمستندات.</p>
      <span class="library-tag">عملاء</span>
    </a>

    <a class="library-card" href="<?= h($memosUrl) ?>">
      <div class="library-icon">📝</div>
      <h3>النماذج القانونية</h3>
      <p>نماذج المذكرات والوكالات والعقود والصيغ الجاهزة للاستخدام الداخلي.</p>
      <span class="library-tag">نماذج</span>
    </a>

    <a class="library-card" href="<?= h($contractsUrl) ?>">
      <div class="library-icon">🤖</div>
      <h3>معرفة الروبوت</h3>
      <p>المحتوى الذي يعتمد عليه الذكاء القانوني للإجابة الدقيقة على أسئلة الموظفين.</p>
      <span class="library-tag">AI</span>
    </a>
  </div>

</div>

<?php render_layout_end(); ?>