@extends('layouts.panel', ['area' => 'user'])
@section('title', 'دامنه‌های من')
@section('content')
@if(!$pkg->allow_custom_domain)
  <div class="card text-center py-10 max-w-xl mx-auto">
    <div class="w-14 h-14 rounded-2xl bg-amber-50 text-amber-500 flex items-center justify-center mx-auto mb-3"><i data-lucide="globe" class="w-7 h-7"></i></div>
    <div class="font-bold mb-1">دامنه اختصاصی در پکیج شما فعال نیست</div>
    <p class="text-sm text-slate-500 mb-4">با ارتقای پکیج، لینک‌هایتان را با دامنه‌ی خودتان بسازید.</p>
    <a href="{{ route('user.packages.index') }}" class="btn-p">مشاهده پکیج‌ها</a>
  </div>
@else
<div class="grid lg:grid-cols-3 gap-4">
  <div class="lg:col-span-2 space-y-3">
    @forelse($domains as $d)
      <div class="card flex flex-wrap items-center justify-between gap-3">
        <div><div class="font-mono font-bold" dir="ltr">{{ $d->host }}</div>
          <span class="badge {{ $d->is_active ? 'bg-emerald-50 text-emerald-600' : 'bg-amber-50 text-amber-600' }}">{{ $d->is_active ? 'فعال' : 'در انتظار تایید DNS' }}</span></div>
        <div class="flex gap-2">
          @unless($d->is_active)<form method="POST" action="{{ route('user.domains.verify', $d) }}">@csrf<button class="btn-p">بررسی DNS</button></form>@endunless
          <form method="POST" action="{{ route('user.domains.destroy', $d) }}" onsubmit="return confirm('حذف شود؟')">@csrf @method('DELETE')<button class="btn-d">حذف</button></form>
        </div>
      </div>
    @empty
      <div class="card text-center text-slate-400 py-8">هنوز دامنه‌ای اضافه نکرده‌اید.</div>
    @endforelse
  </div>
  <div class="space-y-4">
    <form method="POST" action="{{ route('user.domains.store') }}" class="card space-y-3">@csrf
      <div class="font-bold">افزودن دامنه</div>
      <input name="host" required dir="ltr" class="inp text-left" placeholder="go.example.com">
      <button class="btn-p w-full">افزودن</button>
    </form>
    <div class="card text-sm space-y-2">
      <div class="font-bold">راه‌اندازی DNS</div>
      <p class="text-slate-500">در پنل DNS دامنه‌ی خود یک رکورد <b>A</b> به آدرس زیر بسازید:</p>
      <div class="font-mono bg-slate-50 dark:bg-slate-900 rounded-xl px-3 py-2 text-center" dir="ltr">{{ $serverIp ?: 'آی‌پی سرور (توسط مدیر تنظیم می‌شود)' }}</div>
      <p class="text-xs text-slate-400">انتشار DNS ممکن است تا چند ساعت طول بکشد.</p>
    </div>
  </div>
</div>
@endif
@endsection