@extends('layouts.panel', ['area' => 'user'])
@section('title', 'ساخت لینک')
@section('content')
<div x-data="{ tab: '{{ session('bulk_result') ? 'bulk' : 'single' }}' }" class="max-w-3xl">
  <div class="flex gap-2 mb-4">
    <button @click="tab='single'" :class="tab==='single' ? 'bg-indigo-600 text-white' : 'bg-white dark:bg-slate-800'" class="px-4 py-2 rounded-xl text-sm font-medium border border-slate-100 dark:border-slate-700">لینک تکی</button>
    <button @click="tab='bulk'" :class="tab==='bulk' ? 'bg-indigo-600 text-white' : 'bg-white dark:bg-slate-800'" class="px-4 py-2 rounded-xl text-sm font-medium border border-slate-100 dark:border-slate-700">ساخت گروهی @unless($pkg->allow_bulk)🔒@endunless</button>
  </div>

  <form x-show="tab==='single'" method="POST" action="{{ route('user.links.store') }}" class="card space-y-4">@csrf
    <div><label class="lbl">لینک مقصد *</label><input name="long_url" value="{{ old('long_url') }}" required dir="ltr" class="inp text-left" placeholder="https://example.com/..."></div>
    <div class="grid sm:grid-cols-2 gap-4">
      <div><label class="lbl">دامنه</label>
        <select name="domain_id" class="inp" dir="ltr">@foreach($domains as $d)<option value="{{ $d->id }}" @selected(old('domain_id') == $d->id)>{{ $d->host }}{{ $d->user_id ? ' (اختصاصی)' : '' }}</option>@endforeach</select></div>
      <div class="{{ $pkg->allow_custom_alias ? '' : 'opacity-60 pointer-events-none' }}"><label class="lbl">آدرس دلخواه @unless($pkg->allow_custom_alias)<span class="text-amber-600">🔒 نیازمند ارتقا</span>@endunless</label>
        <input name="code" @disabled(!$pkg->allow_custom_alias) value="{{ old('code') }}" dir="ltr" class="inp text-left" placeholder="my-link"></div>
      <div><label class="lbl">عنوان (برای خودتان)</label><input name="title" value="{{ old('title') }}" class="inp"></div>
      <div><label class="lbl">پوشه / دسته‌بندی</label><input name="folder" value="{{ old('folder') }}" class="inp" placeholder="مثلاً کمپین پاییز"></div>
    </div>
    <details class="rounded-xl border border-slate-100 dark:border-slate-700 p-4" @if($errors->any()) open @endif>
      <summary class="cursor-pointer text-sm font-medium">تنظیمات پیشرفته</summary>
      <div class="mt-4">@include('partials.link-advanced', ['pkg' => $pkg])</div>
    </details>
    <button class="btn-p">ساخت لینک کوتاه</button>
  </form>

  <div x-show="tab==='bulk'" x-cloak class="card space-y-4">
    @if($pkg->allow_bulk)
      <form method="POST" action="{{ route('user.links.bulk') }}" class="space-y-4">@csrf
        <div><label class="lbl">هر خط یک لینک (حداکثر ۱۰۰ لینک)</label><textarea name="urls" rows="8" dir="ltr" class="inp text-left font-mono text-xs" placeholder="https://site.com/a&#10;https://site.com/b"></textarea></div>
        <div class="grid sm:grid-cols-2 gap-4">
          <div><label class="lbl">دامنه</label><select name="domain_id" class="inp" dir="ltr">@foreach($domains as $d)<option value="{{ $d->id }}">{{ $d->host }}</option>@endforeach</select></div>
          <div><label class="lbl">پوشه</label><input name="folder" class="inp"></div>
        </div>
        <button class="btn-p">ساخت گروهی</button>
      </form>
      @if(session('bulk_result'))
        <div><label class="lbl">نتیجه</label><textarea readonly rows="8" dir="ltr" class="inp text-left font-mono text-xs" onclick="this.select()">{{ session('bulk_result') }}</textarea></div>
      @endif
    @else
      <div class="text-center py-8 text-sm text-slate-500">ساخت گروهی در پکیج شما فعال نیست. <a class="text-indigo-600" href="{{ route('user.packages.index') }}">ارتقای پکیج</a></div>
    @endif
  </div>
</div>
@endsection